"use client"

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TeamCardThree from '@/components/sections/team/TeamCardThree';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="fluid"
      cardStyle="solid-accent"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "About", id: "about" },
            { name: "Amenities", id: "amenities" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Luxe Haven"
          bottomLeftText="Premium Resort & Spa"
          bottomRightText="reservations@luxehaven.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarouselSplit
          title="Experience Luxury at Luxe Haven Resort"
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243010494-5vlonhlx.jpg",
              imageAlt: "Luxury hotel suite"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837631730-3p442mol.jpg",
              imageAlt: "Premium bedroom with ocean view"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Resort pool area"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Beachfront accommodation"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837633637-2td49lx5.jpg",
              imageAlt: "Hotel lobby entrance"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767095044930-8ay75hqg.jpg",
              imageAlt: "Spa and wellness center"
            }
          ]}
          buttons={[
            { text: "Book Your Stay", href: "contact" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Welcome to Luxe Haven"
          description="Your destination for world-class hospitality and unforgettable experiences"
          tabs={[
            {
              id: "luxury",
              label: "Luxury Experience",
              description: "We offer the finest accommodations with premium amenities, world-class service, and attention to every detail. Each room is designed to provide the ultimate comfort and elegance for our distinguished guests."
            },
            {
              id: "wellness",
              label: "Wellness & Spa",
              description: "Rejuvenate your mind, body, and spirit at our full-service spa. Our expert therapists offer personalized treatments using the finest natural products for a truly restorative experience."
            },
            {
              id: "dining",
              label: "Fine Dining",
              description: "Savor exquisite cuisine crafted by award-winning chefs. Our restaurants feature international flavors and locally-sourced ingredients in an elegant setting."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243011595-xn46fxaw.jpg"
          imageAlt="Luxe Haven Resort panoramic view"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardFour
          title="Our Rooms & Suites"
          description="Discover our carefully curated collection of luxurious accommodations"
          tag="Accommodations"
          products={[
            {
              id: "deluxe",
              name: "Deluxe Room",
              price: "$189/night",
              variant: "King Bed • 42 sq meters",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042230607-y9v39uq5.jpg",
              imageAlt: "Deluxe hotel room with king bed"
            },
            {
              id: "suite",
              name: "Premium Suite",
              price: "$349/night",
              variant: "King Bed • 65 sq meters • Living Area",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837632717-e4zpxgio.jpg",
              imageAlt: "Premium suite with separate living area"
            },
            {
              id: "ocean",
              name: "Ocean View Suite",
              price: "$499/night",
              variant: "King Bed • 80 sq meters • Private Balcony",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767095045914-5g6c3erp.jpg",
              imageAlt: "Ocean view suite with balcony"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardThirteen
          title="World-Class Amenities"
          description="Indulge in our comprehensive range of facilities designed for your comfort and enjoyment"
          features={[
            {
              id: "01",
              title: "Olympic Pool",
              description: "Experience our stunning heated Olympic-sized pool with lounging areas, perfect for swimmers and sun seekers alike."
            },
            {
              id: "02",
              title: "Spa & Wellness",
              description: "Unwind at our full-service spa featuring massages, facials, and holistic treatments from experienced therapists."
            },
            {
              id: "03",
              title: "Fitness Center",
              description: "Stay active with our state-of-the-art gym equipped with the latest cardio and strength training equipment."
            },
            {
              id: "04",
              title: "Fine Dining",
              description: "Enjoy culinary excellence at our on-site restaurants featuring international and local cuisine."
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardFive
          title="Guest Testimonials"
          description="Hear from our satisfied guests about their unforgettable experiences"
          testimonials={[
            {
              id: "1",
              name: "Margaret Chen, Travel Blogger",
              date: "Date: 15 November 2024",
              title: "An absolutely exceptional resort experience",
              quote: "Luxe Haven exceeded all my expectations. The staff went above and beyond to ensure every detail of my stay was perfect. The room was immaculate, the food was outstanding, and the spa treatments were heavenly.",
              tag: "Premium Suite Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042232071-yjfp17wb.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767095046715-31j082w1.jpg"
            },
            {
              id: "2",
              name: "James Mitchell, Business Executive",
              date: "Date: 8 November 2024",
              title: "Perfect for business and leisure",
              quote: "I've stayed at many luxury hotels worldwide, and Luxe Haven truly stands out. The meeting facilities are world-class, the internet is reliable, and the concierge service is impeccable.",
              tag: "Deluxe Room Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042232957-fp6sdsd0.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg"
            },
            {
              id: "3",
              name: "Sarah Rodriguez, Interior Designer",
              date: "Date: 1 November 2024",
              title: "Every detail is perfection",
              quote: "As a design professional, I was impressed by the thoughtful interior design and aesthetic details throughout the resort. It's clear that every decision was made with guest comfort in mind.",
              tag: "Ocean View Suite Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042233817-rtouxa9p.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184720628-griec8yy.jpg"
            },
            {
              id: "4",
              name: "David Thompson, Retired Executive",
              date: "Date: 25 October 2024",
              title: "A retirement dream come true",
              quote: "My wife and I celebrated our 30th anniversary at Luxe Haven, and it was absolutely magical. The romantic atmosphere, excellent service, and beautiful setting made it truly memorable.",
              tag: "Premium Suite Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718060-6nx8o2ui.jpg"
            },
            {
              id: "5",
              name: "Emma Wilson, Family Vacation",
              date: "Date: 18 October 2024",
              title: "Perfect for families seeking relaxation",
              quote: "We brought our two kids and everyone had an amazing time. The staff was so welcoming, the pools were fantastic, and the family-friendly dining options were excellent.",
              tag: "Deluxe Room Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardThree
          title="Meet Our Team"
          description="Expert professionals dedicated to making your stay exceptional"
          members={[
            {
              id: "1",
              name: "Patricia Nguyen",
              role: "General Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767095047924-00mfcg3x.jpg",
              imageAlt: "Patricia Nguyen, General Manager"
            },
            {
              id: "2",
              name: "Marco Rossi",
              role: "Executive Chef",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042234600-skoeftri.jpg",
              imageAlt: "Marco Rossi, Executive Chef"
            },
            {
              id: "3",
              name: "Lisa Anderson",
              role: "Spa Director",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
              imageAlt: "Lisa Anderson, Spa Director"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about your stay at Luxe Haven"
          faqs={[
            {
              id: "1",
              title: "What is your cancellation policy?",
              content: "We offer flexible cancellation up to 7 days before your arrival for a full refund. Cancellations within 7 days will be charged 50% of the booking amount. For special packages and events, different terms may apply."
            },
            {
              id: "2",
              title: "Do you offer airport transfers?",
              content: "Yes, we provide complimentary airport transfers for guests staying 3 nights or more. For shorter stays, we offer airport transfer services at a discounted rate. Please arrange this during your booking or contact our concierge."
            },
            {
              id: "3",
              title: "Is breakfast included in the room rate?",
              content: "Our Premium Suite includes a complimentary daily breakfast buffet. Deluxe Room rates do not include breakfast, but we offer discounted breakfast packages available upon request."
            },
            {
              id: "4",
              title: "What amenities are available 24/7?",
              content: "Our front desk, concierge service, room service, and fitness center are available 24/7. The pool is open from 6 AM to 10 PM. Spa services are available by appointment during designated hours."
            },
            {
              id: "5",
              title: "Do you accommodate special dietary requirements?",
              content: "Absolutely. Our chefs are experienced in preparing vegan, vegetarian, gluten-free, and other dietary-specific meals. Please inform us of your requirements during booking or upon arrival."
            },
            {
              id: "6",
              title: "Is Wi-Fi included?",
              content: "Yes, complimentary high-speed Wi-Fi is included with all room bookings. We also provide Wi-Fi throughout the resort in all common areas."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Contact"
          title="Plan Your Perfect Escape"
          description="Subscribe to our newsletter to receive special offers, new room features, and exclusive package deals."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718910-pnoqmtth.jpg"
          imageAlt="Hotel concierge service"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="Luxe Haven" />
      </div>
    </ThemeProvider>
  );
}