"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import Link from 'next/link';
import { Sparkles, Home, Zap, Mail } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="LuxeStay"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Welcome to Luxury Hospitality"
          description="Experience world-class comfort in our award-winning resort. Discover elegance, sophistication, and unforgettable moments in every stay."
          tag="Luxury Resort"
          tagIcon={Sparkles}
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
              imageAlt: "Luxury hotel lobby"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
              imageAlt: "Premium hotel bedroom"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg",
              imageAlt: "Resort swimming pool"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg",
              imageAlt: "Modern hotel suite interior"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",
              imageAlt: "Hotel balcony with city view"
            }
          ]}
          buttons={[
            { text: "Book Your Stay", href: "/contact" },
            { text: "Explore Rooms", href: "/rooms" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardFour
          title="Our Room Collections"
          description="Choose from our diverse selection of elegantly designed rooms, each crafted to provide the ultimate in comfort and luxury."
          tag="Premium Accommodations"
          tagIcon={Home}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "deluxe",
              name: "Deluxe Room",
              price: "$299/night",
              variant: "King bed, City view, Modern amenities",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",
              imageAlt: "Deluxe hotel room"
            },
            {
              id: "suite",
              name: "Executive Suite", 
              price: "$499/night",
              variant: "Separate living area, Jacuzzi, Premium service",
              imageSrc: "https://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683429.jpg",
              imageAlt: "Executive suite"
            },
            {
              id: "standard",
              name: "Standard Room",
              price: "$199/night",
              variant: "Double bed, Comfort focused, Efficient design",
              imageSrc: "https://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg",
              imageAlt: "Standard hotel room"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Our stay at LuxeStay was absolutely exceptional. The impeccable service, luxurious accommodations, and attention to detail exceeded all our expectations. We felt truly pampered from the moment we arrived."
          rating={5}
          author="Sarah Mitchell, Travel Influencer"
          useInvertedBackground="noInvert"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
              alt: "Sarah Mitchell"
            },
            {
              src: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",
              alt: "Guest review"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-elegant-professional-businesswoman_23-2150917266.jpg",
              alt: "Guest review"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",
              alt: "Guest review"
            },
            {
              src: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
              alt: "Guest review"
            },
            {
              src: "https://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2852.jpg",
              alt: "Guest review"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Flexible Booking Plans"
          description="Choose the perfect plan for your stay. All rooms include complimentary breakfast, wifi, and access to all amenities."
          tag="Special Offers"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "basic",
              title: "Standard Room",
              price: "$199",
              period: "/night",
              imageSrc: "https://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg",
              imageAlt: "Standard room",
              features: [
                "Double bed with premium linens",
                "Ensuite bathroom with luxury toiletries",
                "High-speed wifi and smart TV",
                "Daily housekeeping service",
                "Access to all facilities"
              ],
              button: {
                text: "Book Now",
                href: "/contact"
              }
            },
            {
              id: "pro",
              title: "Deluxe Room",
              price: "$299",
              period: "/night",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",
              imageAlt: "Deluxe room",
              features: [
                "King bed with premium linens",
                "City view balcony",
                "Luxury spa bathroom",
                "Priority concierge service",
                "Complimentary minibar",
                "Express check-in/out"
              ],
              button: {
                text: "Book Now",
                href: "/contact"
              }
            },
            {
              id: "premium",
              title: "Executive Suite",
              price: "$499",
              period: "/night",
              imageSrc: "https://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683429.jpg",
              imageAlt: "Executive suite",
              features: [
                "Separate living and bedroom areas",
                "Premium jacuzzi and rainfall shower",
                "Panoramic city views",
                "24/7 butler service",
                "Exclusive lounge access",
                "Complimentary spa treatments"
              ],
              button: {
                text: "Book Now",
                href: "/contact"
              }
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          title="Subscribe to Our Newsletter"
          description="Get exclusive offers, special packages, and insider tips about luxury travel. Join thousands of happy guests who receive our curated recommendations."
          tagIcon={Mail}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. Your information is secure with us."
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "About",
            items: [
              { label: "Our Story", href: "/about" },
              { label: "Careers", href: "/about" },
              { label: "Press", href: "/about" },
              { label: "Blog", href: "/about" }
            ]
          },
          {
            title: "Services",
            items: [
              { label: "Rooms & Suites", href: "/rooms" },
              { label: "Dining", href: "/rooms" },
              { label: "Spa & Wellness", href: "/rooms" },
              { label: "Events", href: "/rooms" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Reservations: +1 (555) 123-4567", href: "tel:+15551234567" },
              { label: "Email: hello@luxestay.com", href: "mailto:hello@luxestay.com" },
              { label: "Address: 123 Luxury Boulevard", href: "/contact" },
              { label: "24/7 Concierge Service", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 LuxeStay Resort. All rights reserved."
      />
    </ThemeProvider>
  );
}