"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="plain"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="outline"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Luxe Haven"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",
            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardCarouselSplit 
          title="Experience Luxury and Comfort"
          mediaItems={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843739035-hfbm6cme.jpg", imageAlt: "Luxury hotel lobby" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006038597-n7qc8lnx.jpg", imageAlt: "Deluxe suite bedroom" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg", imageAlt: "Ocean view from balcony" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg", imageAlt: "Spa and wellness center" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767209261226-izrwuf3i.jpg", imageAlt: "Fine dining restaurant" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766452376695-4rxtbd0x.jpg", imageAlt: "Resort gardens and pool" }
          ]}
          buttons={[
            { text: "Check Availability", href: "contact" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <TagAbout 
          tag="Our Legacy"
          description="Welcome to Luxe Haven, where timeless elegance meets modern comfort. For over two decades, we have been crafting unforgettable experiences for discerning travelers from around the world. Our commitment to exceptional service, stunning architecture, and world-class amenities makes us a preferred destination for those seeking the finest in hospitality."
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="amenities" data-section="amenities">
        <FeatureCardSix 
          title="World-Class Amenities"
          description="Discover the perfect blend of relaxation and recreation at our resort"
          tag="Facilities"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Swimming Pool",
              description: "Olympic-sized infinity pool overlooking the ocean with heated waters year-round",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766970344835-04ez2hbz.jpg"
            },
            {
              id: 2,
              title: "Fitness Center",
              description: "State-of-the-art gym equipment, personal trainers, and wellness classes daily",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767211376648-u4jwiie1.jpg"
            },
            {
              id: 3,
              title: "Spa & Wellness",
              description: "Full-service spa offering massages, treatments, and holistic wellness programs",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767276881290-m7jobce6.jpg"
            },
            {
              id: 4,
              title: "Fine Dining",
              description: "Award-winning restaurant serving international and local cuisine nightly",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184721770-arv4645s.jpg"
            }
          ]}
        />
      </div>
      
      <div id="rooms" data-section="rooms">
        <ProductCardSix 
          title="Discover Our Rooms"
          description="Choose from our carefully curated collection of elegant accommodations"
          tag="Accommodations"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              name: "Deluxe Room",
              price: "From $199/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767276882211-42u3ehy1.jpg",
              imageAlt: "Deluxe room with modern amenities"
            },
            {
              id: "2",
              name: "Executive Suite",
              price: "From $349/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766452377555-j35y7gow.jpg",
              imageAlt: "Executive suite with premium furnishings"
            },
            {
              id: "3",
              name: "Oceanfront Villa",
              price: "From $599/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185877436-fl4vf3vx.jpg",
              imageAlt: "Oceanfront villa with private balcony"
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve 
          cardTitle="Trusted by thousands of satisfied guests worldwide"
          cardTag="Guest Reviews"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767276883020-d89qn853.jpg"
            },
            {
              id: "2",
              name: "James Richardson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766158633273-eydixnw1.jpg"
            },
            {
              id: "3",
              name: "Emma & David",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767276883743-i2yhpwy7.jpg"
            },
            {
              id: "4",
              name: "Victoria Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767276884683-i8x8dtqb.jpg"
            },
            {
              id: "5",
              name: "Michael Torres",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767195026929-zu71bw7f.jpg"
            },
            {
              id: "6",
              name: "Lisa & Mark",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767276885456-fyy7s6lx.jpg"
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText 
          text="Ready to plan your perfect getaway? Contact our reservations team today to book your stay and experience luxury hospitality at its finest."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Book Your Stay", href: "https://booking.example.com" },
            { text: "Contact Us" }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseReveal 
          copyrightText="© 2025 Luxe Haven Hotel. All rights reserved."
          columns={[
            {
              title: "About",
              items: [
                { label: "Our Story", href: "about" },
                { label: "Awards", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Guest Services",
              items: [
                { label: "Rooms & Rates", href: "rooms" },
                { label: "Amenities", href: "amenities" },
                { label: "Dining", href: "#" },
                { label: "Spa", href: "#" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Reservations", href: "contact" },
                { label: "Group Events", href: "#" },
                { label: "Feedback", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
