"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Award, Crown, Home, MessageSquare, Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="noise"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Luxe Haven"
          navItems={[
            { name: "About", id: "about" },
            { name: "Rooms", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Experience Luxury Redefined"
          description="Discover our premium rooms, world-class amenities, and unparalleled hospitality. Your perfect getaway awaits at Luxe Haven."
          background={{ variant: "gradient-bars" }}
          tag="Luxury Hotel"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Book Now", href: "#pricing" },
            { text: "Explore Rooms", href: "#features" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=1"
          imageAlt="Luxury hotel suite with modern design"
          mediaAnimation="opacity"
          imagePosition="right"
          fixedMediaHeight={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="About Luxe Haven"
          tagIcon={Award}
          tagAnimation="slide-up"
          title="A sanctuary of elegance and comfort, where every detail is meticulously crafted to exceed expectations and create unforgettable memories."
          buttons={[
            { text: "Learn More", href: "#features" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="World-Class Amenities"
          description="Indulge in our premium facilities designed for your comfort and relaxation"
          tag="Features"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          features={[
            {
              id: "01",              title: "Olympic Pool",              description: "Relax in our stunning heated swimming pool with panoramic views of the city skyline",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg",              imageAlt: "Luxury hotel pool area"
            },
            {
              id: "02",              title: "Premium Spa",              description: "Experience rejuvenation with our full-service spa offering holistic wellness treatments",              imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman_23-2147816902.jpg",              imageAlt: "Serene spa treatment room"
            },
            {
              id: "03",              title: "Fine Dining",              description: "Savor exquisite culinary creations from our award-winning chef and international cuisine",              imageSrc: "http://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg",              imageAlt: "Elegant restaurant dining area"
            },
            {
              id: "04",              title: "Fitness Center",              description: "Stay fit with state-of-the-art equipment and personalized training sessions",              imageSrc: "http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-129239.jpg",              imageAlt: "Modern fitness facility"
            }
          ]}
          useInvertedBackground={true}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Choose Your Perfect Room"
          description="Select from our curated collection of elegantly appointed rooms and suites"
          tag="Room Types"
          tagIcon={Home}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          plans={[
            {
              id: "1",              price: "$189/night",              name: "Deluxe Room",              buttons: [
                { text: "Book Room", href: "#" },
                { text: "View Details", href: "#" }
              ],
              features: [
                "King or Twin beds",                "City view balcony",                "Premium bathroom",                "High-speed WiFi",                "24/7 room service"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Crown,
              price: "$299/night",              name: "Executive Suite",              buttons: [
                { text: "Book Suite", href: "#" },
                { text: "View Details", href: "#" }
              ],
              features: [
                "Spacious bedroom & living area",                "Panoramic city views",                "Luxury spa bathroom",                "Executive lounge access",                "Complimentary breakfast",                "Priority concierge"
              ]
            },
            {
              id: "3",              price: "$449/night",              name: "Penthouse Suite",              buttons: [
                { text: "Book Penthouse", href: "#" },
                { text: "View Details", href: "#" }
              ],
              features: [
                "Private terrace with hot tub",                "360-degree views",                "Full kitchen",                "Personal butler service",                "Michelin dining credit",                "Helicopter pad access"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Guest Experiences"
          description="Discover what our valued guests say about their unforgettable stays"
          tag="Testimonials"
          tagIcon={MessageSquare}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahmitchell",              testimonial: "Luxe Haven exceeded all my expectations! The attention to detail, impeccable service, and stunning views made our anniversary unforgettable.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              handle: "@jameschen_travel",              testimonial: "The best hotel experience I've had in years. Every staff member was incredibly attentive and the amenities are top-notch.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmatravel",              testimonial: "A true gem! The spa was heavenly, the food was exquisite, and the rooms are absolutely luxurious. I'm already planning my next visit.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "David Thompson",              handle: "@davidthompson",              testimonial: "Outstanding hospitality and world-class facilities. The executive lounge and personalized service made our business trip feel like a vacation.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "David Thompson"
            },
            {
              id: "5",              name: "Lisa Anderson",              handle: "@lisaexplores",              testimonial: "Luxe Haven is simply perfection. From the moment we arrived until our departure, everything was meticulously arranged and beautifully executed.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2",              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",              name: "Marcus Johnson",              handle: "@marcusj",              testimonial: "The penthouse suite is absolutely breathtaking. Worth every penny. This is luxury redefined at its finest.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Marcus Johnson"
            }
          ]}
        />
      </div>

      <div id="socialproof" data-section="socialproof">
        <SocialProofOne
          title="Featured In"
          description="Recognized by leading travel and hospitality platforms worldwide"
          tag="Partnerships"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={["Booking.com", "Expedia", "TripAdvisor", "Airbnb", "Marriott", "Hilton", "Hyatt", "Four Seasons"]}
          logos={[
            "http://img.b2bpic.net/free-vector/travel-logo-template_23-2149705467.jpg",            "http://img.b2bpic.net/free-vector/hand-drawn-flat-travel-agency-badges_23-2149375288.jpg",            "http://img.b2bpic.net/free-vector/flat-design-ecotourism-labels_23-2149267732.jpg",            "http://img.b2bpic.net/free-vector/hand-drawn-muted-colors-label-collection_23-2150028099.jpg",            "http://img.b2bpic.net/free-vector/golden-elegant-corporative-logo-template_23-2148214323.jpg",            "http://img.b2bpic.net/free-vector/luxury-ornamental-logo-with-letter-h_1017-6174.jpg",            "http://img.b2bpic.net/free-vector/geometric-hotel-logos-vintage-style_23-2147534191.jpg",            "http://img.b2bpic.net/free-vector/vintage-real-estate-logo-template_23-2149609764.jpg"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about our rooms or services? Our concierge team is ready to assist you with any inquiries."
          inputs={[
            { name: "name", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: false },
            { name: "checkIn", type: "date", placeholder: "Check-in Date", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your stay preferences or special requests...",            rows: 5,
            required: true
          }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=2"
          imageAlt="Hotel lobby and entrance"
          mediaAnimation="opacity"
          mediaPosition="right"
          buttonText="Send Inquiry"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#" },
                { label: "Rooms", href: "#features" },
                { label: "Amenities", href: "#features" },
                { label: "About", href: "#about" }
              ]
            },
            {
              title: "Guest Services",              items: [
                { label: "Book a Room", href: "#pricing" },
                { label: "Dining Reservations", href: "#" },
                { label: "Spa Bookings", href: "#" },
                { label: "Group Events", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#" },
                { label: "Cancellations", href: "#" },
                { label: "Feedback", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Luxe Haven Hotel. All rights reserved."
          bottomRightText="Crafted for luxury hospitality"
        />
      </div>
    </ThemeProvider>
  );
}