"use client";

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Crown, Facebook, Instagram, Linkedin, Star, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="outline-light"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxe Hotels"
          navItems={[
            { name: "Rooms", id: "pricing" },
            { name: "Amenities", id: "feature" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Experience Luxury & Comfort"
          description="Discover world-class accommodations and impeccable service. Your perfect getaway awaits with premium amenities and breathtaking views."
          tag="Welcome"
          buttons={[
            { text: "Reserve Now", href: "contact" },
            { text: "Explore Rooms", href: "pricing" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
          imageAlt="Luxurious hotel lobby with elegant interior design"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout
          tag="About Us"
          description="We are dedicated to providing exceptional hospitality and creating unforgettable moments for every guest. With decades of excellence, our commitment to quality, comfort, and personalized service sets us apart in the luxury hotel industry."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardEleven
          title="World-Class Amenities"
          description="Discover our premium facilities designed for your comfort and relaxation"
          features={[
            {
              id: 1,
              title: "Olympic Pool & Spa",
              description: "Enjoy our heated Olympic-size swimming pool, state-of-the-art spa facilities, and wellness center with professional therapists.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767041397519-aagu0unu.jpg"
            },
            {
              id: 2,
              title: "Fitness & Wellness",
              description: "Modern fitness center equipped with latest technology, yoga studio, and personal training services available 24/7.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767041398292-y7om0z47.jpg"
            },
            {
              id: 3,
              title: "Fine Dining Experience",
              description: "Award-winning restaurants and bars offering international cuisine, curated wine selection, and exceptional culinary experiences.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767041399086-sr9q6uj8.jpg"
            },
            {
              id: 4,
              title: "Luxury Spa Services",
              description: "Indulge in rejuvenating treatments, therapeutic massages, and holistic wellness programs by certified professionals.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766267247059-zrs932fz.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          usePrimaryButtonImage={false}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Room Types & Rates"
          description="Choose the perfect room for your stay with our carefully curated selection"
          plans={[
            {
              id: "standard",
              badge: "Popular Choice",
              price: "$199/night",
              subtitle: "Perfect for solo travelers and couples",
              features: [
                "Queen bed or twin beds",
                "Modern bathroom with amenities",
                "Free WiFi and streaming services",
                "City or garden view",
                "24-hour room service"
              ]
            },
            {
              id: "deluxe",
              badge: "Best Value",
              badgeIcon: Star,
              price: "$299/night",
              subtitle: "Enhanced comfort with extra space",
              features: [
                "King bed with premium bedding",
                "Spacious bathroom with soaking tub",
                "Work desk and seating area",
                "Panoramic city views",
                "Priority concierge service",
                "Complimentary welcome beverage"
              ]
            },
            {
              id: "suite",
              badge: "Luxury Experience",
              badgeIcon: Crown,
              price: "$499/night",
              subtitle: "Ultimate luxury and elegance",
              features: [
                "Master bedroom with premium mattress",
                "Separate living and dining areas",
                "Marble bathroom with spa amenities",
                "Private balcony with stunning views",
                "Personal butler service",
                "Complimentary premium dining credits"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardThirteen
          title="Guest Reviews"
          description="Hear from our satisfied guests about their unforgettable experiences"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              handle: "@sarahtravels",
              testimonial: "Absolutely stunning hotel with impeccable service. Every detail was perfect, from the luxurious rooms to the exceptional dining. I'll definitely return!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg"
            },
            {
              id: "2",
              name: "James Richardson",
              handle: "@jamesexplores",
              testimonial: "Outstanding hospitality and attention to detail. The spa experience was incredible, and the staff went above and beyond. Highly recommended!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg"
            },
            {
              id: "3",
              name: "Emma Thompson",
              handle: "@emmaadventures",
              testimonial: "Best hotel experience I've ever had. The rooms are gorgeous, the food is amazing, and the views are breathtaking. Worth every penny!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184707769-zzdny5qa.jpg"
            },
            {
              id: "4",
              name: "David Chen",
              handle: "@davidtraveler",
              testimonial: "Exceptional value for the price. Everything from check-in to checkout was seamless. The team here truly cares about guest satisfaction.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Make Your Reservation"
          description="Ready to book your stay? Fill out the form below and our team will confirm your reservation within 24 hours. For immediate booking, call us at 1-800-LUXURY-1."
          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: true },
            { name: "checkIn", type: "date", placeholder: "Check-in Date", required: true }
          ]}
          textarea={{
            name: "message",
            placeholder: "Special requests or questions? Let us know here...",
            rows: 4,
            required: false
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767041396095-f4hs15gt.jpg"
          imageAlt="Hotel concierge desk ready to assist guests"
          mediaPosition="right"
          buttonText="Reserve Your Room"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Luxe Hotels"
          description="Where elegance meets comfort. Discover luxury accommodations and world-class service designed for the discerning traveler."
          copyrightText="© 2025 Luxe Hotels. All rights reserved."
          columns={[
            {
              title: "Rooms & Booking",
              items: [
                { label: "Room Types", href: "pricing" },
                { label: "Group Reservations", href: "contact" },
                { label: "Special Offers", href: "pricing" },
                { label: "Corporate Rates", href: "contact" }
              ]
            },
            {
              title: "Guest Services",
              items: [
                { label: "Concierge", href: "contact" },
                { label: "Spa & Wellness", href: "feature" },
                { label: "Dining", href: "feature" },
                { label: "Facilities", href: "feature" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Terms & Conditions", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Cancellation Policy", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          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>
  );
}