"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Award, Home, Heart, Star, Zap, Users, Facebook, Instagram, Twitter, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="large"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Luxury Hotel"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { 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">
        <HeroBillboard
          title="Welcome to Pure Luxury"
          description="Experience world-class hospitality in our five-star hotel. Discover elegance, comfort, and exceptional service designed for the discerning traveler."
          background={{ variant: "sparkles-gradient" }}
          tag="5-Star Hotel"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
          imageAlt="Luxury hotel lobby with elegant interior design"
          buttons={[
            { text: "Book Your Stay", href: "contact" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
        />
      </div>

      <div id="highlights" data-section="highlights">
        <FeatureCardNine
          title="Signature Experiences"
          description="Discover the unique offerings that set our hotel apart. From exclusive amenities to personalized services, every detail is crafted for your comfort."
          tag="Luxury Highlights"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Oceanfront Views",              description: "Wake up to breathtaking panoramic ocean vistas from your private balcony.",              imageSrc: "https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
            },
            {
              id: 2,
              title: "Michelin-Starred Chef",              description: "Indulge in culinary excellence crafted by our award-winning international chef.",              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg"
            },
            {
              id: 3,
              title: "Wellness Retreats",              description: "Rejuvenate mind and body with our comprehensive spa and holistic wellness programs.",              imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="World-Class Amenities"
          description="From our spa and wellness center to fine dining restaurants and state-of-the-art fitness facilities, we offer everything for an unforgettable stay."
          tag="Premium Services"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              title: "Spa & Wellness",              description: "Rejuvenate your mind and body with our full-service spa featuring massages, facials, and holistic wellness treatments.",              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg"
            },
            {
              id: 2,
              title: "Fine Dining",              description: "Savor exquisite cuisine prepared by award-winning chefs at our gourmet restaurants and bars.",              imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg"
            },
            {
              id: 3,
              title: "Fitness Center",              description: "Stay active with our modern gym, yoga studio, and personal training services available 24/7.",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg"
            },
            {
              id: 4,
              title: "Business Facilities",              description: "Host corporate events and conferences with our fully equipped meeting rooms and business services.",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg"
            }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardThree
          title="Rooms & Suites"
          description="Choose from our carefully curated selection of luxury rooms and suites, each offering exceptional comfort and modern amenities."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Luxury Accommodations"
          tagIcon={Home}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Deluxe Room",              price: "$249/night",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg",              imageAlt: "Deluxe hotel room with king bed and city view"
            },
            {
              id: "2",              name: "Executive Suite",              price: "$449/night",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg",              imageAlt: "Executive suite with living area and bedroom"
            },
            {
              id: "3",              name: "Standard Room",              price: "$149/night",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg",              imageAlt: "Comfortable standard hotel room"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="A Legacy of Hospitality Excellence"
          description="For over 30 years, our hotel has been the premier destination for luxury travelers. We combine timeless elegance with modern amenities to create unforgettable experiences that exceed expectations."
          tag="Our Story"
          tagIcon={Heart}
          metrics={[
            { value: "30+", title: "Years of Excellence" },
            { value: "5000+", title: "Happy Guests Annually" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/restaurant-hall-with-leather-armchairs-french-windows_140725-8445.jpg"
          imageAlt="Beautiful luxury hotel exterior architecture"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardSix
          title="Guest Testimonials"
          description="Hear what our valued guests have to say about their experiences at our hotel."
          tag="Guest Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Margaret Johnson",              handle: "New York, USA",              testimonial: "An absolutely incredible stay. The service was impeccable, the rooms were luxurious, and the attention to detail was exceptional. I will definitely return.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",              imageAlt: "Margaret Johnson"
            },
            {
              id: "2",              name: "David Chen",              handle: "Singapore",              testimonial: "The spa experience was world-class, and the dining options were outstanding. Every staff member went above and beyond to make our stay perfect.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2149915935.jpg",              imageAlt: "David Chen"
            },
            {
              id: "3",              name: "Sophie Laurent",              handle: "Paris, France",              testimonial: "Pure elegance and comfort. The hotel is perfectly located, beautifully designed, and offers unparalleled hospitality. Highly recommended for anyone seeking luxury.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Sophie Laurent"
            },
            {
              id: "4",              name: "Michael Thompson",              handle: "London, UK",              testimonial: "Business travel has never been so enjoyable. The meeting facilities are top-notch, and the evening service is just perfect. A true gem.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "Michael Thompson"
            },
            {
              id: "5",              name: "Elena Rodriguez",              handle: "Madrid, Spain",              testimonial: "Every moment was magical. From the welcome at check-in to the goodbye at check-out, everything was handled with such grace and professionalism.",              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              imageAlt: "Elena Rodriguez"
            },
            {
              id: "6",              name: "James Patterson",              handle: "Toronto, Canada",              testimonial: "I've stayed at many luxury hotels worldwide, but this one stands out. The combination of luxury and warmth makes it truly special.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "James Patterson"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Special Offers & Packages"
          description="Discover our exclusive deals and packages designed to enhance your stay and provide exceptional value."
          tag="Limited Time"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "romantic",              badge: "Couples' Escape",              badgeIcon: Heart,
              price: "$599",              subtitle: "2-night romantic getaway",              buttons: [
                { text: "Book Package", href: "contact" }
              ],
              features: [
                "Deluxe room upgrade",                "Couples spa treatment",                "Champagne dinner",                "Late checkout"
              ]
            },
            {
              id: "corporate",              badge: "Best Value",              badgeIcon: Sparkles,
              price: "$899",              subtitle: "3-night business package",              buttons: [
                { text: "Book Package", href: "contact" }
              ],
              features: [
                "Executive suite stay",                "Complimentary breakfast",                "Meeting room included",                "Airport transfers",                "Priority service"
              ]
            },
            {
              id: "family",              badge: "Family Fun",              badgeIcon: Users,
              price: "$799",              subtitle: "4-night family vacation",              buttons: [
                { text: "Book Package", href: "contact" }
              ],
              features: [
                "2 connecting rooms",                "Kids eat free",                "Activity entertainment",                "Family spa package"
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Make Your Reservation"
          description="Contact our reservations team today to book your perfect stay. We're here to answer any questions and help create your ideal hotel experience."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/bellhop-offering-services-woman-lounge-area-waiting-room-check-seaside-hotel-tourist-sitting-couch-talking-hotel-concierge-summer-clothes-handheld-shot_482257-67916.jpg"
          imageAlt="Hotel concierge desk with welcoming service"
          mediaPosition="right"
          buttonText="Request Reservation"
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "checkin", type: "date", placeholder: "Check-in Date", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your preferences, special requests, or questions...",            rows: 5,
            required: false
          }}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Luxury Hotel"
          copyrightText="© 2025 Luxury Hotel. All rights reserved. Hospitality Excellence Since 1995."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}