"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Building2, Sparkles, Crown, Award, Heart, Users, Trophy, MapPin, Star } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="medium"
      background="aurora"
      cardStyle="elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="Luxe Haven"
          bottomLeftText="Premium Hospitality"
          bottomRightText="hello@luxehaven.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo 
          logoText="LUXE HAVEN"
          description="Experience timeless elegance and world-class hospitality in the heart of the city. Your perfect getaway awaits."
          buttons={[
            { text: "Book Now", href: "/contact" },
            { text: "Explore Rooms", href: "/rooms" }
          ]}
          slides={[
            { imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg", imageAlt: "Luxury hotel lobby with elegant design" },
            { imageSrc: "https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg", imageAlt: "Premium hotel bedroom suite" },
            { imageSrc: "https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg", imageAlt: "Resort pool and outdoor amenities" }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
          logoLineHeight={1.15}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard 
          tag="Our Story"
          tagIcon={Building2}
          title="Discover a sanctuary of sophistication and comfort where every detail is crafted for your unforgettable stay."
          description="Established in 2015"
          subdescription="Premier Luxury Hospitality"
          icon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg"
          imageAlt="Luxe Haven Hotel Exterior"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardThree 
          title="Explore Our Rooms"
          description="Choose from our collection of elegantly appointed rooms and suites, each designed for ultimate comfort and luxury."
          tag="Premium Accommodations"
          tagIcon={Crown}
          products={[
            {
              id: "1",
              name: "Deluxe Room",
              price: "$189/night",
              imageSrc: "https://img.b2bpic.net/free-photo/bellhop-offering-services-woman-lounge-area-waiting-room-check-seaside-hotel-tourist-sitting-couch-talking-hotel-concierge-summer-clothes-handheld-shot_482257-67916.jpg",
              imageAlt: "Deluxe Hotel Room with King Bed",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Executive Suite",
              price: "$349/night",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg",
              imageAlt: "Spacious Executive Suite",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Penthouse Suite",
              price: "$599/night",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",
              imageAlt: "Luxury Penthouse with City View",
              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree 
          title="By The Numbers"
          description="Discover what makes Luxe Haven the premier choice for discerning travelers worldwide."
          tag="Our Achievements"
          tagIcon={Award}
          metrics={[
            { id: "1", icon: Users, title: "Satisfied Guests", value: "50,000+" },
            { id: "2", icon: Trophy, title: "Awards Won", value: "27" },
            { id: "3", icon: MapPin, title: "Years of Excellence", value: "9" },
            { id: "4", icon: Star, title: "Guest Rating", value: "4.9/5" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen 
          title="Guest Testimonials"
          description="Hear from travelers who have experienced the Luxe Haven difference."
          tag="Guest Reviews"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",
              title: "An Unforgettable Experience",
              quote: "From the moment I arrived, I was treated like royalty. Every detail was perfect, and the staff went above and beyond to ensure my comfort. I'll definitely be returning!",
              name: "Sarah Johnson",
              role: "Business Executive",
              imageSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              title: "The Perfect Wedding Venue",
              quote: "Luxe Haven made our wedding day absolutely magical. The elegant ballroom, impeccable service, and attention to detail were outstanding. Our guests are still talking about it!",
              name: "Michael Chen",
              role: "Corporate Director",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              title: "Luxury Redefined",
              quote: "The penthouse suite offered stunning city views and exceptional amenities. The spa treatment and fine dining were world-class. Worth every penny!",
              name: "Elena Rodriguez",
              role: "Travel Journalist",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",
              imageAlt: "Elena Rodriguez"
            },
            {
              id: "4",
              title: "Business Travel Excellence",
              quote: "I stay at many hotels for work, but Luxe Haven stands out. Great location, reliable high-speed internet, and the staff remembers your preferences. Highly recommended!",
              name: "David Kim",
              role: "Tech Entrepreneur",
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-smiling_176474-95672.jpg",
              imageAlt: "David Kim"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterBaseCard 
        logoText="Luxe Haven"
        columns={[
          {
            title: "Rooms & Rates",
            items: [
              { label: "Deluxe Rooms", href: "/rooms" },
              { label: "Executive Suites", href: "/rooms" },
              { label: "Penthouse", href: "/rooms" },
              { label: "Special Offers", href: "/" }
            ]
          },
          {
            title: "Amenities",
            items: [
              { label: "Spa & Wellness", href: "/amenities" },
              { label: "Fine Dining", href: "/amenities" },
              { label: "Fitness Center", href: "/amenities" },
              { label: "Business Services", href: "/amenities" }
            ]
          },
          {
            title: "About",
            items: [
              { label: "Our Story", href: "/about" },
              { label: "Awards", href: "/" },
              { label: "Careers", href: "/" },
              { label: "Contact Us", href: "/contact" }
            ]
          },
          {
            title: "Policies",
            items: [
              { label: "Cancellation", href: "/contact" },
              { label: "Privacy Policy", href: "/" },
              { label: "Terms & Conditions", href: "/" },
              { label: "Accessibility", href: "/" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Facebook", href: "https://facebook.com" },
              { label: "Twitter", href: "https://twitter.com" },
              { label: "LinkedIn", href: "https://linkedin.com" }
            ]
          }
        ]}
        copyrightText="© 2025 Luxe Haven Hotels. All rights reserved."
      />
    </ThemeProvider>
  );
}