"use client";

import { Star, Tag, Heart, Crown } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmall"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Luxury Hotel"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Book Now", href: "/booking" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Experience Timeless Luxury"
          description="Discover our world-class hospitality with elegantly appointed rooms, exceptional service, and unforgettable experiences."
          tag="Welcome to Paradise"
          imageSrc="https://img.b2bpic.net/free-photo/blue-sea-water-summer-silhouette_1203-3871.jpg"
          imageAlt="Luxury hotel evening view"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Book Your Stay", href: "/booking" },
            { text: "Explore Rooms", href: "/rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Heritage"
          title="Established in 1985, we have perfected the art of hospitality with timeless elegance and modern comfort."
          description="Premium Accommodations"
          subdescription="5-Star Luxury Hotel Group"
          icon={Star}
          imageSrc="https://img.b2bpic.net/free-photo/blue-sea-water-summer-silhouette_1203-3871.jpg"
          imageAlt="Hotel elegant interior"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardThree
          title="Our Luxurious Rooms"
          description="Select from our finest accommodations, each designed for your comfort and elegance"
          tag="Premium Selection"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",
              name: "Deluxe Room",
              price: "$189/night",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
              imageAlt: "Deluxe hotel room",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Executive Suite",
              price: "$289/night",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed-decoration-interior-bedroom_74190-11180.jpg",
              imageAlt: "Executive suite",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Standard Room",
              price: "$129/night",
              imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",
              imageAlt: "Standard hotel room",
              initialQuantity: 1
            }
          ]}
          buttons={[{ text: "View All Rooms", href: "/rooms" }]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureBento
          title="World-Class Amenities"
          description="Indulge in our comprehensive facilities designed for relaxation and rejuvenation"
          tag="Premium Services"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          features={[
            {
              title: "Spa & Wellness",
              description: "Rejuvenate at our full-service spa with expert therapists",
              bentoComponent: "globe"
            },
            {
              title: "Fine Dining",
              description: "Savor gourmet cuisine prepared by our award-winning chefs",
              bentoComponent: "animated-bar-chart"
            },
            {
              title: "Olympic Pool",
              description: "Swim and relax in our pristine outdoor pool",
              bentoComponent: "map"
            },
            {
              title: "Fitness Center",
              description: "State-of-the-art equipment for your wellness journey",
              bentoComponent: "line-chart"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Flexible Booking Plans"
          description="Choose the perfect package for your stay with our exclusive rates and benefits"
          tag="Special Offers"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "basic",
              badge: "Best Value",
              badgeIcon: Tag,
              price: "$129/night",
              subtitle: "Standard Room • 2 Guests",
              buttons: [{ text: "Book Now", href: "/booking" }],
              features: [
                "Queen bed with luxury linens",
                "Private bathroom with amenities",
                "WiFi included",
                "Continental breakfast",
                "Access to gym"
              ]
            },
            {
              id: "premium",
              badge: "Most Popular",
              badgeIcon: Heart,
              price: "$189/night",
              subtitle: "Deluxe Room • 2-3 Guests",
              buttons: [{ text: "Book Now", href: "/booking" }],
              features: [
                "King bed with premium bedding",
                "Spa bathroom with soaking tub",
                "Complimentary WiFi & parking",
                "Full hot breakfast",
                "Spa & pool access",
                "Evening turndown service"
              ]
            },
            {
              id: "luxury",
              badge: "Exclusive",
              badgeIcon: Crown,
              price: "$289/night",
              subtitle: "Executive Suite • 2-4 Guests",
              buttons: [{ text: "Book Now", href: "/booking" }],
              features: [
                "Luxury suite with living area",
                "Premium spa bathroom",
                "Concierge service",
                "Gourmet breakfast & dining credit",
                "Priority spa & pool access",
                "Personalized services",
                "Late checkout available"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Guest Experiences"
          description="Hear what our valued guests have to say about their unforgettable stays"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell, CEO of TechVentures",
              date: "Date: 15 March 2024",
              title: "An absolutely unforgettable experience!",
              quote: "From the moment we arrived, the staff treated us like royalty. Every detail was perfect, the rooms were immaculate, and the dining was exquisite. We've already booked our return visit.",
              tag: "Executive Suite Guest",
              avatarSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg"
            },
            {
              id: "2",
              name: "James Anderson, Travel Blogger",
              date: "Date: 22 February 2024",
              title: "Five stars doesn't do it justice",
              quote: "This hotel sets the gold standard for luxury hospitality. The spa was heavenly, the restaurants are world-class, and the attention to detail is unmatched. A true gem.",
              tag: "Deluxe Room Guest",
              avatarSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-relaxing-spa_23-2149144920.jpg"
            },
            {
              id: "3",
              name: "Emma Rodriguez, Travel Director",
              date: "Date: 10 January 2024",
              title: "Perfect for both business and leisure",
              quote: "We brought our entire corporate team for a retreat, and everyone was impressed. Modern facilities, impeccable service, and the perfect blend of comfort and luxury. Highly recommended!",
              tag: "Suite Package Guest",
              avatarSrc: "https://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/spa-treatment-dark-surface_176420-8925.jpg"
            }
          ]}
        />
      </div>

      <FooterBaseCard
        logoText="Luxury Hotel"
        copyrightText="© 2024 Luxury Hotel Group. All rights reserved."
        columns={[
          {
            title: "Guest Services",
            items: [
              { label: "Book a Room", href: "/booking" },
              { label: "Check-in/Check-out", href: "/check-in" },
              { label: "Housekeeping", href: "/services" },
              { label: "Room Service", href: "/room-service" }
            ]
          },
          {
            title: "Facilities",
            items: [
              { label: "Spa & Wellness", href: "/spa" },
              { label: "Dining", href: "/restaurants" },
              { label: "Swimming Pool", href: "/pool" },
              { label: "Fitness Center", href: "/fitness" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Careers", href: "/careers" },
              { label: "Press", href: "/press" },
              { label: "Sustainability", href: "/sustainability" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Reservations", href: "tel:+1-800-HOTEL-01" },
              { label: "Feedback", href: "/feedback" },
              { label: "Complaints", href: "/complaints" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}