"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import TextAbout from '@/components/sections/about/TextAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Award, Home, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <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: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          tag="Welcome to Luxury"
          tagIcon={Sparkles}
          title="Experience Timeless Elegance and Unparalleled Hospitality"
          description="Discover our award-winning hotel offering world-class accommodations, exquisite dining, and premium amenities. Your perfect getaway awaits with personalized service and unforgettable memories."
          background={{ variant: "plain" }}
          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 bedroom with premium amenities"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",              imageAlt: "Hotel suite with scenic view"
            }
          ]}
          rating={5}
          ratingText="Loved by 10,000+ guests worldwide"
          buttons={[
            { text: "Book Your Stay", href: "contact" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Our Story"
          tagIcon={Award}
          title="A Sanctuary of Comfort and Sophistication Since 1985"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardThree
          title="Our Room Collections"
          description="Choose from our curated selection of luxurious accommodations tailored to your preferences"
          tag="Premium Rooms"
          tagIcon={Home}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Deluxe Room",              price: "$189/night",              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",              imageAlt: "Spacious deluxe room with city view",              initialQuantity: 1
            },
            {
              id: "2",              name: "Executive Suite",              price: "$289/night",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",              imageAlt: "Luxury executive suite with premium amenities",              initialQuantity: 1
            },
            {
              id: "3",              name: "Standard Room",              price: "$129/night",              imageSrc: "https://img.b2bpic.net/free-photo/lonely-bride-sits-bed-large-hotel-room_8353-7215.jpg",              imageAlt: "Comfortable standard room",              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardNineteen
          tag="World-Class"
          title="Premium Amenities and Services"
          description="Indulge in our comprehensive array of facilities designed to elevate your stay"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              tag: "Wellness",              title: "Luxury Spa",              subtitle: "Complete relaxation and rejuvenation",              description: "Experience our world-renowned spa featuring certified therapists, organic treatments, and serene relaxation spaces designed for ultimate tranquility.",              imageSrc: "https://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118953.jpg",              imageAlt: "Spa treatment room with peaceful ambiance"
            },
            {
              id: 2,
              tag: "Gastronomy",              title: "Fine Dining Restaurant",              subtitle: "Culinary excellence and sophistication",              description: "Savor exquisite cuisine crafted by award-winning chefs using premium ingredients. Our restaurant offers an unforgettable dining experience with impeccable service.",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-hotel-room-with-big-bed_1203-1494.jpg",              imageAlt: "Elegant fine dining restaurant setting"
            },
            {
              id: 3,
              tag: "Recreation",              title: "Olympic Pool & Beach",              subtitle: "Aquatic leisure and sun-soaked relaxation",              description: "Swim in our heated Olympic-sized pool or unwind on the pristine beach. Enjoy water sports, cabanas, and refreshing beverages at our poolside bar.",              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_74190-6082.jpg",              imageAlt: "Resort pool with beach view"
            },
            {
              id: 4,
              tag: "Fitness",              title: "State-of-the-Art Gym",              subtitle: "Modern equipment and personal training",              description: "Stay fit during your stay with cutting-edge fitness equipment, yoga classes, and personalized training sessions from certified professionals.",              imageSrc: "https://img.b2bpic.net/free-photo/interior-bedroom-white-creamy-tones_181624-16134.jpg",              imageAlt: "Modern gymnasium with premium equipment"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by thousands of satisfied guests from around the world"
          cardTag="Guest Reviews"
          cardTagIcon={Star}
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Sarah Mitchell, satisfied hotel guest"
            },
            {
              id: "2",              name: "James Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "James Rodriguez, hotel guest review"
            },
            {
              id: "3",              name: "Emma Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Emma Thompson, happy hotel visitor"
            },
            {
              id: "4",              name: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",              imageAlt: "Michael Chen, hotel guest testimonial"
            },
            {
              id: "5",              name: "Victoria Sterling",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg",              imageAlt: "Victoria Sterling, business traveler"
            },
            {
              id: "6",              name: "Robert Williams",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Robert Williams, returning guest"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          tag="Achievement"
          title="Our Track Record"
          description="Years of excellence and commitment to guest satisfaction"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "38+",              title: "Years of Hospitality Excellence",              items: ["Founded in 1985", "Industry pioneer", "Award-winning service"]
            },
            {
              id: "2",              value: "350+",              title: "Luxurious Rooms & Suites",              items: ["Multiple categories", "Premium amenities", "Stunning views"]
            },
            {
              id: "3",              value: "50K+",              title: "Happy Guests Annually",              items: ["Global clientele", "Five-star reviews", "Repeat bookings"]
            },
            {
              id: "4",              value: "24/7",              title: "Concierge Service",              items: ["Personal assistance", "Local expertise", "Special requests"]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience the ultimate in luxury hospitality? Reserve your stay today and create memories that will last a lifetime."
          animationType="background-highlight"
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Book Your Escape", href: "#" },
            { text: "Contact Concierge", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/interior-design-bedroom-with-modern-decoration_181624-46706.jpg"
          imageAlt="Luxe Haven hotel exterior at sunset"
          logoText="Luxe Haven"
          copyrightText="© 2025 Luxe Haven Hotel. All rights reserved."
          columns={[
            {
              title: "Accommodations",              items: [
                { label: "Deluxe Rooms", href: "rooms" },
                { label: "Executive Suites", href: "rooms" },
                { label: "Special Offers", href: "#" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Spa & Wellness", href: "amenities" },
                { label: "Dining", href: "amenities" },
                { label: "Concierge", href: "contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: +1 (555) 123-4567", href: "#" },
                { label: "Email: hello@luxehaven.com", href: "#" },
                { label: "Address: 123 Coastal Drive", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}