"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Star, Home, Sparkles, CreditCard } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Luxury Hotel"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",            href: "#pricing"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Welcome to Luxury Hotel"
          description="Experience world-class hospitality in our beautifully appointed rooms and suites. Discover elegance, comfort, and exceptional service in a stunning setting."
          tag="5-Star Accommodation"
          tagIcon={Star}
          background={{ variant: "canvas-reveal" }}
          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: "#pricing" },
            { text: "Explore Rooms", href: "#rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Your destination for" },
            { type: "text", content: "luxury travel experiences" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "#amenities" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardTwo
          title="Our Room Collection"
          description="Choose from our selection of beautifully designed rooms and suites, each offering unique views and premium amenities."
          tag="Accommodations"
          tagIcon={Home}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Standard",              name: "Classic Room",              price: "$199/night",              rating: 5,
              reviewCount: "284",              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",              imageAlt: "Luxurious classic hotel room"
            },
            {
              id: "2",              brand: "Premium",              name: "Deluxe Suite",              price: "$349/night",              rating: 5,
              reviewCount: "512",              imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",              imageAlt: "Spacious deluxe suite with modern interior"
            },
            {
              id: "3",              brand: "Exclusive",              name: "Ocean View Penthouse",              price: "$599/night",              rating: 5,
              reviewCount: "198",              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: "Panoramic ocean view penthouse suite"
            }
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardTwentyOne
          title="World-Class Amenities"
          description="Indulge in our comprehensive range of facilities designed to enhance your stay and provide ultimate relaxation."
          tag="Premium Services"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg"
          imageAlt="Luxurious spa facility"
          useInvertedBackground="noInvert"
          mediaPosition="left"
          accordionItems={[
            {
              id: "1",              title: "Spa & Wellness Center",              content: "Rejuvenate your mind and body at our full-service spa featuring massage therapy, steam rooms, saunas, and wellness treatments."
            },
            {
              id: "2",              title: "Fine Dining Restaurant",              content: "Enjoy exquisite cuisine prepared by award-winning chefs in our elegant dining establishment featuring international and local specialties."
            },
            {
              id: "3",              title: "State-of-the-Art Fitness Center",              content: "Stay active with our fully equipped gym, yoga studio, personal training services, and group fitness classes."
            },
            {
              id: "4",              title: "Resort Pool & Beach Access",              content: "Relax by our infinity pool, enjoy beachfront cabanas, water sports activities, and complimentary beach services."
            }
          ]}
          buttons={[
            { text: "View All Services", href: "#" }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Flexible Pricing Options"
          description="Select the perfect package for your travel dates and preferences. All rates include complimentary breakfast and airport transfer."
          tag="Best Value"
          tagIcon={CreditCard}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "1",              price: "$199/night",              name: "Classic Room",              buttons: [
                { text: "Book Now", href: "#" },
                { text: "Details", href: "#" }
              ],
              features: [
                "King size bed",                "Complimentary breakfast",                "Free WiFi",                "Daily housekeeping",                "Room service 24/7"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Star,
              price: "$349/night",              name: "Deluxe Suite",              buttons: [
                { text: "Book Now", href: "#" },
                { text: "Details", href: "#" }
              ],
              features: [
                "Spacious suite layout",                "Premium toiletries",                "Complimentary breakfast & dinner",                "Priority concierge",                "Spa credits included"
              ]
            },
            {
              id: "3",              price: "$599/night",              name: "Ocean View Penthouse",              buttons: [
                { text: "Book Now", href: "#" },
                { text: "Details", href: "#" }
              ],
              features: [
                "Panoramic ocean views",                "Private butler service",                "All meals included",                "Exclusive lounge access",                "Complimentary spa treatments"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Guest Reviews & Experiences"
          description="Hear from our satisfied guests about their exceptional stays at our luxury hotel."
          tag="Testimonials"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "Luxury Traveler",              testimonial: "An unforgettable experience! The hotel exceeded all expectations with impeccable service and stunning accommodations.",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Anderson",              handle: "Business Executive",              testimonial: "The perfect blend of luxury and comfort. Excellent facilities, attentive staff, and breathtaking views throughout.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "James Anderson"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "Travel Blogger",              testimonial: "This hotel is a hidden gem! Every detail is thoughtfully curated, from the spa to the fine dining restaurant.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "David Chen",              handle: "Wellness Enthusiast",              testimonial: "The spa and wellness programs are world-class. I felt completely rejuvenated after my stay. Highly recommend!",              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: "David Chen"
            },
            {
              id: "5",              name: "Lisa Thompson",              handle: "Destination Wedding Couple",              testimonial: "Our honeymoon was magical here. The staff went above and beyond to make everything perfect for our special celebration.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Lisa Thompson"
            },
            {
              id: "6",              name: "Michael Park",              handle: "Repeat Guest",              testimonial: "I return every year because of the exceptional service, luxurious amenities, and warm hospitality. Simply the best!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",              imageAlt: "Michael Park"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about our rooms, amenities, or special offers? We're here to help. Fill out the form below and our dedicated team will respond within 24 hours."
          useInvertedBackground="noInvert"
          mediaPosition="right"
          buttonText="Send Message"
          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: false },
            { name: "checkIn", type: "date", placeholder: "Check-in Date", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your inquiry or special requests...",            rows: 5,
            required: true
          }}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          copyrightText="© 2025 Luxury Hotel | All rights reserved"
          columns={[
            {
              title: "Rooms",              items: [
                { label: "Classic Rooms", href: "#rooms" },
                { label: "Deluxe Suites", href: "#rooms" },
                { label: "Penthouse", href: "#rooms" },
                { label: "Special Offers", href: "#pricing" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Spa & Wellness", href: "#amenities" },
                { label: "Fine Dining", href: "#amenities" },
                { label: "Fitness Center", href: "#amenities" },
                { label: "Business Facilities", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Phone: +1 (555) 123-4567", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}