"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Award, Sparkles, Home, Zap, Droplet, Leaf, Wind, ChefHat, Wine, Flame, Waves, Umbrella, Sun, Dumbbell, Activity, Trophy, Star, Mail, Gift, Crown, HelpCircle } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Luxe Haven"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Luxe Haven"
          description="Experience timeless elegance and world-class hospitality in our award-winning hotel. Book your perfect getaway today."
          buttons={[
            { text: "Reserve Now", href: "#contact" },
            { text: "Explore Rooms", href: "#rooms" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
          imageAlt="Luxury hotel bedroom with elegant interiors"
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Legacy"
          tagIcon={Award}
          title="A century of refined hospitality and unparalleled guest experiences in a breathtaking waterfront setting."
          description="Founded 1925"
          subdescription="Luxe Haven Hotel Group"
          icon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg"
          imageAlt="Luxe Haven hotel elegant lobby and architectural details"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardFour
          title="Discover Our Rooms"
          description="Each room is meticulously designed with luxury amenities and stunning views to ensure your comfort and relaxation."
          tag="Accommodations"
          tagIcon={Home}
          products={[
            {
              id: "deluxe-room",
              name: "Deluxe Room",
              price: "$249",
              variant: "King Bed, City View, 450 sq ft",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
              imageAlt: "Deluxe hotel room with king bed and city views",
              isFavorited: false
            },
            {
              id: "ocean-view-suite",
              name: "Ocean View Suite",
              price: "$399",
              variant: "King Bed, Ocean View, 650 sq ft",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
              imageAlt: "Ocean view hotel suite with balcony",
              isFavorited: false
            },
            {
              id: "penthouse",
              name: "Presidential Penthouse",
              price: "$799",
              variant: "Master + Guest Suite, Panoramic View, 1500 sq ft",
              imageSrc: "https://img.b2bpic.net/free-photo/asian-women-wake-up-from-sleep-are-stretch-herself-morning-weekend-sit-bed-luxury-room-relax-weekend-concept_1253-1031.jpg",
              imageAlt: "Luxurious penthouse suite with panoramic views",
              isFavorited: false
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardTen
          title="World-Class Amenities"
          description="From our award-winning spa to fine dining restaurants, discover the luxurious experiences that await you."
          tag="Premium Services"
          tagIcon={Zap}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: "1",
              title: "Rejuvenate at Our Spa",
              description: "Indulge in world-class wellness treatments, from traditional massages to cutting-edge therapies, in our serene sanctuary.",
              media: { imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg" },
              items: [
                { icon: Droplet, text: "Luxury spa treatments" },
                { icon: Leaf, text: "Natural wellness products" },
                { icon: Wind, text: "Steam room & sauna" }
              ],
              reverse: false
            },
            {
              id: "2",
              title: "Gourmet Dining Experience",
              description: "Savor exquisite cuisines crafted by Michelin-starred chefs using the finest ingredients sourced globally.",
              media: { imageSrc: "https://img.b2bpic.net/free-photo/wellness-concept-with-woman-massage-salon_23-2147816982.jpg" },
              items: [
                { icon: ChefHat, text: "Michelin-starred chefs" },
                { icon: Wine, text: "Premium wine collection" },
                { icon: Flame, text: "Contemporary cuisine" }
              ],
              reverse: true
            },
            {
              id: "3",
              title: "Resort Infinity Pool",
              description: "Dive into our stunning infinity pool overlooking the ocean, complete with cabanas and poolside dining.",
              media: { imageSrc: "https://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7553.jpg" },
              items: [
                { icon: Waves, text: "Infinity pool design" },
                { icon: Umbrella, text: "VIP cabanas" },
                { icon: Sun, text: "Oceanfront location" }
              ],
              reverse: false
            },
            {
              id: "4",
              title: "State-of-the-Art Fitness",
              description: "Train in our fully-equipped fitness center with personal trainers, yoga studios, and modern exercise equipment.",
              media: { imageSrc: "https://img.b2bpic.net/free-photo/christmas-spa-composition-blurred-background-with-bokeh-lights_169016-43781.jpg" },
              items: [
                { icon: Dumbbell, text: "Modern equipment" },
                { icon: Activity, text: "Personal training" },
                { icon: Zap, text: "Yoga classes" }
              ],
              reverse: true
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Why Choose Luxe Haven"
          description="Recognized globally for excellence, innovation, and exceptional guest satisfaction."
          tag="Recognition"
          tagIcon={Trophy}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",
              value: "99%",
              title: "Guest Satisfaction",
              description: "Consistently rated among the highest in the hospitality industry",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
              imageAlt: "Happy guests enjoying hotel experience"
            },
            {
              id: "2",
              value: "500K+",
              title: "Happy Guests",
              description: "Visitors from over 150 countries annually",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
              imageAlt: "International guests at luxury hotel"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Voices of Our Guests"
          description="Hear what travelers from around the world say about their unforgettable stays at Luxe Haven."
          tag="Guest Reviews"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          speed={40}
          topMarqueeDirection="left"
          testimonials={[
            {
              id: "1",
              name: "Victoria Sterling",
              handle: "@victoriast",
              testimonial: "An absolute gem! Every detail was perfect. The staff anticipated our every need. I've stayed at many five-star hotels, but this surpassed them all.",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
              imageAlt: "Victoria Sterling, guest testimonial"
            },
            {
              id: "2",
              name: "James Mitchell",
              handle: "@jmitchell_travels",
              testimonial: "The ocean view suite is breathtaking. Woke up to dolphins swimming by our balcony. Service is impeccable, spa is world-class. Will definitely return!",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
              imageAlt: "James Mitchell, guest testimonial"
            },
            {
              id: "3",
              name: "Isabella Rossi",
              handle: "@belladiroma",
              testimonial: "Spent my honeymoon here and it was unforgettable. The romantic ambiance, exquisite dining, and attentive staff made it truly magical.",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
              imageAlt: "Isabella Rossi, guest testimonial"
            },
            {
              id: "4",
              name: "David Chen",
              handle: "@davidchenphoto",
              testimonial: "The photography opportunities here are incredible. Golden hour lighting on the beach, stunning architecture, and I captured some of my best work. Highly recommended!",
              imageSrc: "https://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
              imageAlt: "David Chen, guest testimonial"
            },
            {
              id: "5",
              name: "Amelia Thompson",
              handle: "@ameliatravel",
              testimonial: "Perfect for a business trip! Excellent wifi, dedicated work spaces, and the restaurant serves quick yet gourmet meals. Professional yet luxurious.",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
              imageAlt: "Amelia Thompson, guest testimonial"
            },
            {
              id: "6",
              name: "Marcus Johnson",
              handle: "@marcusjadventures",
              testimonial: "Brought my family here and everyone loved it. Kids clubs, multiple pools, activities for all ages, but still maintains an adult-exclusive peace if you want it.",
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
              imageAlt: "Marcus Johnson, guest testimonial"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          tagIcon={Mail}
          title="Subscribe to Exclusive Offers"
          description="Get updates on special promotions, new amenities, and exclusive member benefits delivered to your inbox."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to our Terms and Conditions and Privacy Policy."
        />
      </div>

      <FooterLogoReveal
        logoText="Luxe Haven"
        logoLineHeight={1.2}
      />
    </ThemeProvider>
  );
}