"use client"

import { ArrowRight, CheckCircle, Crown, Home, Sparkles, Star, Utensils, User } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Hero", id: "hero-section" },
            { name: "About", id: "about-section" },
            { name: "Feature", id: "features-section" },
            { name: "Testimonial", id: "testimonials-section" },
            { name: "Pricing", id: "pricing-section" },
            { name: "Contact", id: "contact-section" }
          ]}
          button={{ text: "Book Now", href: "#contact-section" }}
          brandName="Elegant Retreat"
        />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroBillboard
          title="Experience Unparalleled Luxury at Our Boutique Hotel"
          description="Discover a sanctuary of refined elegance where every detail is crafted to exceed your expectations. Immerse yourself in bespoke comfort and impeccable service designed for the discerning traveler."
          background={{ variant: "radial-gradient" }}
          tag="Luxury Redefined"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Rooms", href: "#features-section" },
            { text: "Book Now", href: "#pricing-section" }
          ]}
          buttonAnimation="slide-up"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018820.jpg", alt: "Happy guest" },
            { src: "https://img.b2bpic.net/free-photo/portrait-two-young-businesswomen-having-meeting-shaking-hands-hotel-lobby-business-travel-concept_58466-11961.jpg", alt: "Satisfied customer" }
          ]}
          avatarText="Trusted by over 10,000 guests"
          imageSrc="https://img.b2bpic.net/free-photo/highway-bridge-shanghai_649448-3983.jpg"
          imageAlt="Elegant hotel lobby with warm lighting and plush furnishings"
          mediaAnimation="slide-up"
          marqueeItems={[
            { type: "text", text: "Award-Winning Service" },
            { type: "text", text: "Premium Amenities" },
            { type: "text", text: "Prime Location" }
          ]}
          showMarqueeCard={true}
          ariaLabel="Luxury hotel hero section showcasing elegant accommodations and exceptional service"
        />
      </div>

      <div id="about-section" data-section="about-section">
        <SplitAbout
          title="Experience Luxury Redefined"
          description="Our hotel embodies the perfect blend of timeless elegance and modern comfort. Each detail is meticulously crafted to provide an unforgettable stay, where every guest feels pampered and valued. From our opulent suites to our exceptional service, we redefine what it means to experience true luxury."
          tag="Premium Accommodations"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Rooms", href: "#pricing-section" },
            { text: "View Amenities", href: "#features-section" }
          ]}
          buttonAnimation="slide-up"
          bulletPoints={[
            {
              title: "Personalized Service",              description: "Our dedicated staff ensures every guest's needs are anticipated and fulfilled with impeccable attention to detail.",              icon: User
            },
            {
              title: "Luxurious Suites",              description: "Spacious, elegantly appointed rooms featuring premium furnishings and breathtaking views.",              icon: Home
            },
            {
              title: "Award-Winning Dining",              description: "Indulge in culinary excellence at our signature restaurants, curated by world-renowned chefs.",              icon: Utensils
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/cozy-home-composition-with-candles-protea-bouquet_169016-19136.jpg"
          imageAlt="Elegant hotel suite with panoramic city view"
          mediaAnimation="slide-up"
          imagePosition="left"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="features-section" data-section="features-section">
        <FeatureCardSix
          title="Luxury Accommodations & Exceptional Service"
          description="Experience unparalleled comfort and sophistication in our thoughtfully designed rooms and suites, where every detail is crafted to exceed your expectations."
          tag="Premium Experience"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              title: "Spa & Wellness",              description: "Rejuvenate your body and mind with our award-winning spa treatments and wellness programs tailored to your personal needs.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-relaxing-bath-with-bubbles_1303-24667.jpg",              imageAlt: "Luxurious spa treatment room with ambient lighting"
            },
            {
              id: 2,
              title: "Fine Dining",              description: "Savor exquisite cuisine crafted by renowned chefs using the finest local and international ingredients.",              imageSrc: "https://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg",              imageAlt: "Elegant restaurant setting with gourmet dishes"
            },
            {
              id: 3,
              title: "Private Concierge",              description: "Our dedicated concierge team ensures every aspect of your stay is seamless and memorable.",              imageSrc: "https://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg",              imageAlt: "Professional concierge assisting guests with personalized services"
            }
          ]}
        />
      </div>

      <div id="testimonials-section" data-section="testimonials-section">
        <TestimonialCardOne
          testimonials={[
            {
              id: "testimonial-1",              name: "Elena Rodriguez",              role: "Travel Blogger",              company: "Luxury Escapes",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-senior-couple-looking-laptop-bed_23-2148404440.jpg",              imageAlt: "Elena Rodriguez, Travel Blogger"
            },
            {
              id: "testimonial-2",              name: "Michael Chen",              role: "Corporate Executive",              company: "Global Tech Inc.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-businesswoman-sitting-bed-hotel-room-talking-mobile-phone_637285-7636.jpg",              imageAlt: "Michael Chen, Corporate Executive"
            },
            {
              id: "testimonial-3",              name: "Sophia Williams",              role: "Interior Designer",              company: "Design Studio",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/wandering-moment-nature-infants-walk-play_1303-3144.jpg",              imageAlt: "Sophia Williams, Interior Designer"
            },
            {
              id: "testimonial-4",              name: "David Thompson",              role: "Photographer",              company: "Capture Moments",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/romantic-couple-sitting-living-room-near-decorated-easter-basket_1157-52117.jpg",              imageAlt: "David Thompson, Photographer"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Guest Experiences"
          description="Discover what our distinguished guests have to say about their stay with us. Each visit is crafted to exceed expectations and create lasting memories."
          tag="Exceptional Service"
          tagIcon={Sparkles}
          tagAnimation="blur-reveal"
          buttons={[
            { text: "View All Reviews", href: "#pricing-section" }
          ]}
          buttonAnimation="opacity"
          textboxLayout="inline-image"
          useInvertedBackground={false}
          ariaLabel="Guest testimonials and reviews section"
        />
      </div>

      <div id="pricing-section" data-section="pricing-section">
        <PricingCardOne
          title="Luxury Accommodation Packages"
          description="Experience unparalleled comfort and elegance with our curated selection of premium room packages, each designed to provide the ultimate retreat for discerning travelers."
          plans={[
            {
              id: "standard-suite",              badge: "Best Value",              badgeIcon: Star,
              price: "$499",              subtitle: "Per Night",              features: [
                "King-sized bed with premium linens",                "City view balcony",                "Complimentary breakfast",                "Access to fitness center",                "24/7 room service"
              ]
            },
            {
              id: "deluxe-suite",              badge: "Premium Choice",              badgeIcon: Sparkles,
              price: "$799",              subtitle: "Per Night",              features: [
                "Private terrace with hot tub",                "Butler service included",                "Spa treatments on arrival",                "Concierge assistance",                "Exclusive access to rooftop lounge"
              ]
            },
            {
              id: "presidential-suite",              badge: "Ultimate Luxury",              badgeIcon: Crown,
              price: "$1,499",              subtitle: "Per Night",              features: [
                "Private chef service",                "Personal valet",                "Infinity pool access",                "VIP airport transfers",                "Complimentary wine pairing"
              ]
            }
          ]}
          carouselMode="buttons"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[
            { text: "Book Now", href: "#contact-section" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactSplitForm
          title="Get In Touch"
          description="We'd love to hear from you. Reach out to our team for inquiries, reservations, or special requests."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Full Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone Number" }
          ]}
          textarea={{
            name: "message",            placeholder: "Your Message or Special Requests",            rows: 5,
            required: true
          }}
          useInvertedBackground={true}
          imageSrc="https://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg"
          imageAlt="Elegant hotel lobby with warm lighting and comfortable seating"
          mediaAnimation="slide-up"
          mediaPosition="left"
          buttonText="Send Message"
          ariaLabel="Contact section with form and hotel image"
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterBase
          columns={[
            {
              title: "Explore",              items: [
                { label: "Home", href: "#hero-section" },
                { label: "About Us", href: "#about-section" },
                { label: "Accommodations", href: "#features-section" },
                { label: "Amenities", href: "#pricing-section" }
              ]
            },
            {
              title: "Plan Your Stay",              items: [
                { label: "Reserve Now", href: "#contact-section" },
                { label: "Special Offers", href: "#pricing-section" },
                { label: "Events & Dining", href: "#testimonials-section" },
                { label: "Travel Guides", href: "#about-section" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact-section" },
                { label: "FAQs", href: "#features-section" },
                { label: "Guest Services", href: "#testimonials-section" },
                { label: "Accessibility", href: "#about-section" }
              ]
            }
          ]}
          logoText="Elegance Retreat"
          copyrightText="© 2025 Elegance Retreat. All rights reserved."
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}