"use client"

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Home, Star, Award, Heart, Crown, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="medium"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="LuxeStay"
          bottomLeftText="Luxury Hospitality"
          bottomRightText="reservations@luxestay.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Experience Luxury Like Never Before"
          description="Discover our exquisite hotel with world-class accommodations, stunning views, and unparalleled service tailored to your comfort"
          tag="Premium Hospitality"
          tagIcon={Sparkles}
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "Luxury hotel suite with modern amenities"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",              imageAlt: "Resort pool and relaxation area"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920954.jpg",              imageAlt: "Grand hotel lobby with elegant design"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7875.jpg",              imageAlt: "Fine dining restaurant with gourmet cuisine"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/woman-sauna-sunlight-premium-sauna-panoramic-view_169016-68907.jpg",              imageAlt: "Luxury spa and wellness center"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-is-relaxing-spa-complex-using-smartphone_169016-55799.jpg",              imageAlt: "Mountain view from hotel suite"
            }
          ]}
          buttons={[
            { text: "Book Your Stay", href: "pricing" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardFour
          title="Our Exquisite Room Collection"
          description="Choose from our carefully curated selection of rooms and suites, each designed for maximum comfort and elegance"
          tag="Accommodations"
          tagIcon={Home}
          products={[
            {
              id: "deluxe",              name: "Deluxe Room",              price: "$180/night",              variant: "King Bed • Ocean View • 35m²",              imageSrc: "https://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000355.jpg",              imageAlt: "Deluxe hotel room with king bed"
            },
            {
              id: "suite",              name: "Executive Suite",              price: "$320/night",              variant: "Living Area • Premium Amenities • 65m²",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-swimming-pool-beach_657883-734.jpg",              imageAlt: "Luxury executive suite"
            },
            {
              id: "penthouse",              name: "Penthouse Suite",              price: "$550/night",              variant: "Private Terrace • Concierge • 120m²",              imageSrc: "https://img.b2bpic.net/free-photo/white-pillow-bed_74190-4628.jpg",              imageAlt: "Premium penthouse suite with terrace"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View All Rooms", href: "booking" }
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardOne
          title="World-Class Amenities"
          description="Indulge in our comprehensive range of amenities designed to enhance your stay and create unforgettable memories"
          tag="Facilities"
          tagIcon={Star}
          features={[
            {
              title: "State-of-the-Art Fitness Center",              description: "Fully equipped gym with personal training available, yoga classes, and modern cardio equipment to keep you energized",              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",              imageAlt: "Hotel fitness center with modern equipment"
            },
            {
              title: "Infinity Pool & Terrace",              description: "Relax by our stunning infinity pool overlooking the landscape, with poolside bar service and comfortable lounging areas",              imageSrc: "https://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497265.jpg",              imageAlt: "Luxury hotel infinity pool"
            },
            {
              title: "Spa & Wellness",              description: "Rejuvenate at our full-service spa offering massage therapy, facials, body treatments, and holistic wellness services",              imageSrc: "https://img.b2bpic.net/free-photo/woman-brown-hat-drinking-pineapple-cocktail-while-resting-near-pool-magnificent-blonde-female-model-chilling-resort-cafe-weekend-morning_197531-20905.jpg",              imageAlt: "Luxury spa and wellness center"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Legacy of Excellence"
          description="Trusted by thousands of guests worldwide with consistent 5-star ratings and awards for hospitality excellence"
          tag="Achievements"
          tagIcon={Award}
          metrics={[
            {
              id: "1",              value: "15K+",              title: "Happy Guests",              description: "Satisfied visitors annually",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "Happy hotel guests"
            },
            {
              id: "2",              value: "4.9/5",              title: "Guest Rating",              description: "Consistent excellence recognition",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",              imageAlt: "Hotel excellence award"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Guest Testimonials"
          description="Hear from our valued guests about their unforgettable experiences at our hotel"
          tag="Reviews"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Business Traveler",              testimonial: "The attention to detail and exceptional service made my stay truly memorable. The room was immaculate, and the staff anticipated every need. I'll definitely return!",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sarah Mitchell guest photo"
            },
            {
              id: "2",              name: "James Chen",              role: "Honeymoon Guest",              testimonial: "Perfect getaway! The romantic suite, fine dining, and spa services created magical moments for our honeymoon. We can't thank the team enough.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "James Chen guest photo"
            },
            {
              id: "3",              name: "Emma Rodriguez",              role: "Family Vacation",              testimonial: "A fantastic family experience! The kids loved the pool, and we appreciated the kid-friendly amenities. Everyone left with wonderful memories.",              imageSrc: "https://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",              imageAlt: "Emma Rodriguez guest photo"
            },
            {
              id: "4",              name: "Michael Anderson",              role: "Repeat Guest",              testimonial: "This is my third stay here, and it keeps getting better. The combination of luxury, comfort, and genuine hospitality is unmatched.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",              imageAlt: "Michael Anderson guest photo"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Transparent Pricing"
          description="Flexible rates and packages tailored to your needs, from intimate getaways to corporate retreats"
          tag="Special Offers"
          tagIcon={Sparkles}
          plans={[
            {
              id: "1",              badge: "Classic Choice",              badgeIcon: Home,
              price: "$180",              subtitle: "Per Night - Deluxe Room",              features: [
                "King bed with premium bedding",                "Ocean or garden view",                "Complimentary WiFi",                "Daily housekeeping",                "24-hour room service"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Crown,
              price: "$320",              subtitle: "Per Night - Executive Suite",              features: [
                "Living area and bedroom",                "Panoramic views",                "Priority concierge",                "Spa access included",                "Complimentary beverages",                "Priority dining reservations"
              ]
            },
            {
              id: "3",              badge: "Luxury Experience",              badgeIcon: Sparkles,
              price: "$550",              subtitle: "Per Night - Penthouse Suite",              features: [
                "Private terrace with hot tub",                "Dedicated concierge service",                "Spa & wellness credits",                "Personal chef available",                "Champagne & caviar welcome",                "Helicopter tours available"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          title="A Legacy of Hospitality Since 1998"
          description="Established with a vision to redefine luxury hospitality"
          subdescription="LuxeStay Hotels - Award-Winning Hospitality"
          icon={Heart}
          imageSrc="https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920954.jpg"
          imageAlt="Grand hotel lobby and entrance"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Updated"
          title="Join Our Guest Loyalty Program"
          description="Subscribe to receive exclusive offers, early access to special packages, travel tips, and updates on new amenities and experiences"
          tagIcon={Mail}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe Now"
          termsText="We respect your privacy. Unsubscribe anytime. Check our privacy policy for details."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/minimalist-bedroom-with-view_23-2151934207.jpg"
          imageAlt="LuxeStay Hotel exterior"
          logoText="LuxeStay"
          copyrightText="© 2025 LuxeStay Hotels. All rights reserved."
          columns={[
            {
              title: "Accommodations",              items: [
                { label: "Deluxe Rooms", href: "rooms" },
                { label: "Executive Suites", href: "rooms" },
                { label: "Penthouse Suites", href: "rooms" }
              ]
            },
            {
              title: "Experience",              items: [
                { label: "Amenities", href: "amenities" },
                { label: "Dining", href: "#dining" },
                { label: "Spa & Wellness", href: "amenities" },
                { label: "Events", href: "#events" }
              ]
            },
            {
              title: "Information",              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Privacy Policy", href: "#privacy" },
                { label: "Terms & Conditions", href: "#terms" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}