"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Award, Home, Zap, Star, Mail, Droplets, Wind, HeartHandshake, UtensilsCrossed, Wine, Users, Waves, Dumbbell, Palmtree } from 'lucide-react';
import Link from 'next/link';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Luxe Haven"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          bottomLeftText="Luxury Hospitality"
          bottomRightText="hello@luxehaven.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Experience Timeless Luxury"
          description="Step into a world of elegance and comfort. Our award-winning hotel offers world-class accommodations, exceptional service, and unforgettable experiences in a stunning setting."
          tag="Luxury Hospitality"
          tagIcon={Sparkles}
          background={{ variant: "glowing-orb" }}
          imageSrc="https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg"
          imageAlt="Luxury hotel suite with elegant furnishings and ambient lighting"
          imagePosition="right"
          buttons={[
            { text: "Book Your Stay", href: "https://bookings.luxehaven.com" },
            { text: "View Rooms", href: "/rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Discover Our Heritage"
          description="Founded in 1985, Luxe Haven has been the premier destination for discerning travelers seeking sophistication and comfort. Our commitment to excellence in hospitality has earned us numerous awards and the loyalty of guests from around the world."
          tag="Since 1985"
          tagIcon={Award}
          imageSrc="https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
          imageAlt="Award-winning spa and wellness center"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Our Story", href: "/about" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardTwo
          title="Our Room Collection"
          description="From cozy standard rooms to luxurious penthouses, discover accommodations designed for your comfort and style."
          tag="Room Types"
          tagIcon={Home}
          products={[
            {
              id: "1",
              brand: "Luxe Haven",
              name: "Standard Room",
              price: "$189/night",
              rating: 4,
              reviewCount: "2.3k",
              imageSrc: "https://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683423.jpg",
              imageAlt: "Comfortable standard hotel room"
            },
            {
              id: "2",
              brand: "Luxe Haven",
              name: "Deluxe Suite",
              price: "$349/night",
              rating: 5,
              reviewCount: "4.8k",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed-decoration-interior-bedroom_74190-11180.jpg",
              imageAlt: "Spacious deluxe suite with premium amenities"
            },
            {
              id: "3",
              brand: "Luxe Haven",
              name: "Ocean View Suite",
              price: "$499/night",
              rating: 5,
              reviewCount: "3.1k",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
              imageAlt: "Panoramic ocean view suite with private balcony"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Explore All Rooms", href: "https://bookings.luxehaven.com" }
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardTen
          title="World-Class Amenities"
          description="Every detail has been carefully crafted to ensure your comfort and satisfaction during your stay."
          tag="Facilities"
          tagIcon={Zap}
          features={[
            {
              id: "1",
              title: "Spa & Wellness Center",
              description: "Indulge in our full-service spa featuring rejuvenating treatments, sauna, steam room, and yoga classes designed to enhance your well-being.",
              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
              },
              items: [
                { icon: Droplets, text: "Relaxing spa treatments" },
                { icon: Wind, text: "Sauna and steam room" },
                { icon: HeartHandshake, text: "Wellness programs" }
              ],
              reverse: false
            },
            {
              id: "2",
              title: "Fine Dining Restaurant",
              description: "Savor exquisite cuisine crafted by our award-winning chefs using the finest local and international ingredients.",
              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-blanket-decoration-interior-bedroom_74190-12644.jpg"
              },
              items: [
                { icon: UtensilsCrossed, text: "Gourmet cuisine" },
                { icon: Wine, text: "Premium wine selection" },
                { icon: Users, text: "Private dining available" }
              ],
              reverse: true
            },
            {
              id: "3",
              title: "Luxury Pool & Recreation",
              description: "Cool off in our Olympic-sized heated pool, relax at the poolside bar, or enjoy our state-of-the-art fitness center.",
              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg"
              },
              items: [
                { icon: Waves, text: "Heated swimming pool" },
                { icon: Dumbbell, text: "Fitness center" },
                { icon: Palmtree, text: "Tropical garden" }
              ],
              reverse: false
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "View All Amenities", href: "/amenities" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Guest Experiences"
          description="Hear from travelers who have experienced the magic of Luxe Haven."
          tag="Testimonials"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "Business Executive",
              company: "Global Ventures Inc",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
              imageAlt: "Sarah Mitchell, satisfied hotel guest"
            },
            {
              id: "2",
              name: "James Chen",
              role: "Travel Photographer",
              company: "Wanderlust Media",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-green-cozy-large-knitted-sweater-cute-smiling-with-crossed-hands_343596-7420.jpg",
              imageAlt: "James Chen, travel photographer"
            },
            {
              id: "3",
              name: "Emma Rodriguez",
              role: "Luxury Brand Director",
              company: "Elite Fashion Co",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",
              imageAlt: "Emma Rodriguez, luxury brand professional"
            },
            {
              id: "4",
              name: "David Kim",
              role: "CEO",
              company: "Tech Innovations Ltd",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
              imageAlt: "David Kim, CEO and guest"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Updated"
          title="Subscribe to Our Newsletter"
          description="Receive exclusive offers, travel tips, and insider information about upcoming events and new amenities at Luxe Haven."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg"
          imageAlt="Luxurious hotel ambiance"
          mediaPosition="right"
          tagIcon={Mail}
          inputPlaceholder="your@email.com"
          buttonText="Subscribe Now"
          termsText="We respect your privacy. Unsubscribe anytime with one click. By subscribing, you agree to our Privacy Policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Luxe Haven"
          columns={[
            {
              title: "Reservations",
              items: [
                { label: "Book a Room", href: "https://bookings.luxehaven.com" },
                { label: "Special Offers", href: "/offers" },
                { label: "Group Bookings", href: "/groups" },
                { label: "Loyalty Program", href: "/loyalty" }
              ]
            },
            {
              title: "Discover",
              items: [
                { label: "Rooms & Suites", href: "/rooms" },
                { label: "Amenities", href: "/amenities" },
                { label: "Dining", href: "/dining" },
                { label: "Events", href: "/events" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Story", href: "/story" },
                { label: "Careers", href: "/careers" },
                { label: "Sustainability", href: "/sustainability" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact Us", href: "/contact" },
                { label: "FAQ", href: "/faq" },
                { label: "Blog", href: "/blog" },
                { label: "Terms & Privacy", href: "/legal" }
              ]
            }
          ]}
          copyrightText="© 2025 Luxe Haven Hotels. All rights reserved. | Crafted with elegance."
        />
      </div>
    </ThemeProvider>
  );
}