"use client"

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Home, Sun, Briefcase, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          brandName="Luxe Haven"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Welcome to Luxe Haven"
          description="Experience world-class hospitality in our sophisticated hotel. Indulge in premium rooms, exclusive amenities, and personalized service designed for discerning travelers."
          background={{ variant: "sparkles-gradient" }}
          tag="5-Star Luxury Resort"
          tagIcon={Sparkles}
          buttons={[
            { text: "Book Now", href: "https://example.com/booking" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
          imageAlt="Luxe Haven Hotel Exterior"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose Luxe Haven"
          description="Discover what sets us apart from other hotels"
          tabs={[
            {
              id: "heritage",              label: "Heritage",              description: "Since 1985, Luxe Haven has been synonymous with elegance and exceptional hospitality. Our rich tradition of welcoming guests from around the world has shaped our commitment to excellence."
            },
            {
              id: "service",              label: "Service",              description: "Our dedicated concierge team works around the clock to ensure every aspect of your stay exceeds expectations. From personalized recommendations to special requests, we're here for you."
            },
            {
              id: "sustainability",              label: "Sustainability",              description: "We're committed to protecting our environment through eco-friendly practices, renewable energy, and sustainable sourcing without compromising on luxury or comfort."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg"
          imageAlt="Luxe Haven Spa Experience"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardFour
          title="Discover Our Rooms"
          description="Each room is thoughtfully designed with premium furnishings, modern amenities, and stunning views to provide the ultimate comfort."
          tag="Luxury Accommodations"
          tagIcon={Home}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          carouselMode="buttons"
          products={[
            {
              id: "deluxe",              name: "Deluxe Room",              price: "$189/night",              variant: "King Bed  High Floor",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",              imageAlt: "Deluxe Room with King Bed"
            },
            {
              id: "suite",              name: "Executive Suite",              price: "$349/night",              variant: "Two Bedrooms  Lounge Area",              imageSrc: "https://img.b2bpic.net/free-photo/asian-women-wake-up-from-sleep-are-stretch-herself-morning-weekend-sit-bed-luxury-room-relax-weekend-concept_1253-1031.jpg",              imageAlt: "Spacious Executive Suite"
            },
            {
              id: "ocean",              name: "Ocean View Penthouse",              price: "$599/night",              variant: "Panoramic Balcony  Premium",              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",              imageAlt: "Penthouse with Ocean Views"
            }
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardTwentyThree
          title="Premium Amenities"
          description="Enjoy access to world-class facilities and services that enhance your stay with us."
          tag="Amenities"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          features={[
            {
              id: "spa",              title: "Luxury Spa & Wellness Center",              tags: ["Wellness", "Relaxation"],
              imageSrc: "https://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg",              imageAlt: "Full-service spa with massage and treatment rooms"
            },
            {
              id: "pool",              title: "Olympic-Size Swimming Pool",              tags: ["Recreation", "Fitness"],
              imageSrc: "https://img.b2bpic.net/free-photo/blanket-with-red-rose-blurred-background_1122-1473.jpg",              imageAlt: "Infinity pool overlooking the city"
            },
            {
              id: "dining",              title: "Fine Dining Restaurant",              tags: ["Cuisine", "Experience"],
              imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817023.jpg",              imageAlt: "Award-winning restaurant with international menu"
            },
            {
              id: "gym",              title: "State-of-the-Art Fitness Center",              tags: ["Health", "Equipment"],
              imageSrc: "https://img.b2bpic.net/free-photo/woman-relaxing-bath-with-bubbles_1303-24667.jpg",              imageAlt: "Modern gym with latest equipment"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Flexible Booking Options"
          description="Select from our tailored packages designed to suit every traveler's needs and budget."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          carouselMode="buttons"
          plans={[
            {
              id: "weekend",              badge: "Weekend Escape",              badgeIcon: Sun,
              price: "$189",              subtitle: "Per Night - Friday to Sunday",              buttons: [
                { text: "Book Weekend", href: "https://example.com/booking?plan=weekend" }
              ],
              features: [
                "Standard Room with City View",                "Complimentary Breakfast",                "Spa Discount (20%)",                "Welcome Beverage"
              ]
            },
            {
              id: "corporate",              badge: "Corporate Rate",              badgeIcon: Briefcase,
              price: "$249",              subtitle: "Per Night - Business Travelers",              buttons: [
                { text: "Book Corporate", href: "https://example.com/booking?plan=corporate" }
              ],
              features: [
                "Deluxe Room with High Floor",                "Executive Breakfast",                "Free Wi-Fi & Business Center",                "Airport Shuttle Service"
              ]
            },
            {
              id: "honeymoon",              badge: "Most Popular",              badgeIcon: Heart,
              price: "$399",              subtitle: "Per Night - Romance Package",              buttons: [
                { text: "Book Romance", href: "https://example.com/booking?plan=honeymoon" }
              ],
              features: [
                "Ocean View Suite",                "Champagne & Roses Welcome",                "Couples Spa Treatment",                "Fine Dining Credit"
              ]
            }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTen
          title="Loved by Our Guests"
          description="Read what travelers say about their unforgettable experiences at Luxe Haven."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              title: "An Unforgettable Experience",              quote: "Luxe Haven exceeded all my expectations. The attention to detail, impeccable service, and stunning accommodations made my stay truly special. I'm already planning my next visit!",              name: "Michael Harrison",              role: "Executive, Fortune 500",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Michael Harrison"
            },
            {
              id: "2",              title: "Perfect Honeymoon Destination",              quote: "Our honeymoon at Luxe Haven was magical. Every moment felt carefully curated for romance. The staff went above and beyond to make it perfect. We can't thank you enough!",              name: "Sarah & James Mitchell",              role: "Newlyweds",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "3",              title: "Luxury Redefined",              quote: "This is what luxury hospitality truly means. From the moment I arrived until I left, everything was pristine and perfectly executed. The spa was incredible and the dining is world-class.",              name: "Elena Rodriguez",              role: "Travel Influencer",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",              imageAlt: "Elena Rodriguez"
            },
            {
              id: "4",              title: "Business Travel at Its Best",              quote: "As a frequent traveler, I've stayed at many hotels. Luxe Haven stands out for its efficiency, comfort, and exceptional service. This is now my preferred choice for business trips.",              name: "David Chen",              role: "CEO, Tech Startup",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",              imageAlt: "David Chen"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Connected"
          description="Subscribe to our newsletter and receive exclusive offers, travel tips, and updates about new amenities and seasonal promotions."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg"
          imageAlt="Luxe Haven Hotel Lobby"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Luxe Haven"
          copyrightText="© 2025 Luxe Haven Hotel. All rights reserved."
          columns={[
            {
              title: "Rooms",              items: [
                { label: "Deluxe Room", href: "rooms" },
                { label: "Executive Suite", href: "rooms" },
                { label: "Penthouse", href: "rooms" }
              ]
            },
            {
              title: "Information",              items: [
                { label: "About Us", href: "about" },
                { label: "Amenities", href: "amenities" },
                { label: "Booking", href: "https://example.com/booking" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "#" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}