"use client";
import Link from "next/link";
import { Sparkles, Home, Star, MessageCircle, Gift, Sun, Heart, Users, Mail } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmall"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Luxe Haven"
          navItems={[
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "Reviews", id: "/reviews" },
            { name: "Offers", id: "/offers" },
          ]}
          button={{
            text: "Book Now",
            href: "#booking",
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Experience Timeless Luxury at Luxe Haven"
          description="Discover the perfect escape with world-class amenities, breathtaking views, and personalized service. Your sanctuary awaits."
          tag="5-Star Hospitality"
          tagIcon={Sparkles}
          background={{ variant: "aurora" }}
          imageSrc="https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
          imageAlt="Luxe Haven Hotel - Luxury accommodation with stunning architecture"
          buttons={[
            { text: "Book Your Stay", href: "#rooms" },
            { text: "Explore Amenities", href: "/amenities" },
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardFour
          title="Our Signature Room Collections"
          description="Hand-curated accommodations designed for comfort and elegance"
          tag="Featured Rooms"
          tagIcon={Home}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          carouselMode="buttons"
          products={[
            {
              id: "suite",
              name: "Presidential Suite",
              price: "$450",
              variant: "2 Beds • King Size Master",
              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",
              imageAlt: "Luxurious Presidential Suite with panoramic views",
              isFavorited: false,
            },
            {
              id: "deluxe",
              name: "Deluxe Room",
              price: "$280",
              variant: "King Bed • City View",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",
              imageAlt: "Spacious Deluxe Room with modern amenities",
              isFavorited: false,
            },
            {
              id: "standard",
              name: "Standard Room",
              price: "$150",
              variant: "Twin Beds • Garden View",
              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: "Comfortable Standard Room perfect for every guest",
              isFavorited: false,
            },
          ]}
          buttons={[{ text: "View All Rooms", href: "/rooms" }]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTwelve
          cardTitle="Trusted by over 50,000 satisfied guests worldwide"
          cardTag="See what our guests say"
          cardTagIcon={MessageCircle}
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
              imageAlt: "Sarah Johnson - Guest Review",
            },
            {
              id: "2",
              name: "Michael Chen",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
              imageAlt: "Michael Chen - Guest Review",
            },
            {
              id: "3",
              name: "Emma Rodriguez",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",
              imageAlt: "Emma Rodriguez - Guest Review",
            },
            {
              id: "4",
              name: "David Kim",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
              imageAlt: "David Kim - Guest Review",
            },
            {
              id: "5",
              name: "Lisa Anderson",
              imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
              imageAlt: "Lisa Anderson - Guest Review",
            },
            {
              id: "6",
              name: "James Wilson",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg",
              imageAlt: "James Wilson - Guest Review",
            },
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          tagIcon={Mail}
          title="Subscribe to Our Newsletter"
          description="Receive exclusive offers, travel tips, and updates about special events delivered straight to your inbox. Be the first to know about our latest promotions and new amenities."
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. Check our Privacy Policy for details on how we handle your information."
          useInvertedBackground="invertDefault"
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Rooms & Rates",
            items: [
              { label: "Room Types", href: "/rooms" },
              { label: "Current Offers", href: "/offers" },
              { label: "Group Bookings", href: "/contact" },
              { label: "Corporate Rates", href: "/contact" },
            ],
          },
          {
            title: "Amenities",
            items: [
              { label: "Spa & Wellness", href: "/amenities" },
              { label: "Fine Dining", href: "/amenities" },
              { label: "Swimming Pool", href: "/amenities" },
              { label: "Fitness Center", href: "/amenities" },
            ],
          },
          {
            title: "Guest Services",
            items: [
              { label: "Concierge", href: "/contact" },
              { label: "Room Service", href: "/contact" },
              { label: "Housekeeping", href: "/contact" },
              { label: "Guest Support", href: "/contact" },
            ],
          },
          {
            title: "About",
            items: [
              { label: "Our Story", href: "/about" },
              { label: "Careers", href: "/about" },
              { label: "Sustainability", href: "/about" },
              { label: "Media", href: "/about" },
            ],
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "/legal" },
              { label: "Terms of Service", href: "/legal" },
              { label: "Cookie Policy", href: "/legal" },
            ],
          },
        ]}
        bottomLeftText="© 2025 Luxe Haven Hotel. All rights reserved."
        bottomRightText="Crafted with elegance for travelers worldwide"
      />
    </ThemeProvider>
  );
}