"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Award, Home, Zap, Star, Mail, Facebook, Instagram, Twitter, Linkedin } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Serenity Suites"
          navItems={[
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "Gallery", id: "/gallery" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Book Now",
            href: "#booking"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Discover Luxury Hospitality"
          description="Experience world-class comfort, breathtaking views, and exceptional service at Serenity Suites. Your perfect getaway awaits."
          tag="Premium Accommodations"
          tagIcon={Sparkles}
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "500+", label: "Happy Guests Annually" },
            { value: "4.9★", label: "Guest Satisfaction" },
            { value: "25+", label: "Luxury Suites" }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
          imageAlt="Luxury hotel suite with elegant furnishings"
          imagePosition="right"
          buttons={[
            { text: "Book Your Stay", href: "#booking" },
            { text: "View Rooms", href: "/rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="A Haven of Tranquility"
          description="Since 2010, Serenity Suites has been crafting unforgettable stays for discerning travelers. Nestled in a pristine location with stunning architecture and world-class amenities, we pride ourselves on personalized service and attention to detail that transforms visits into cherished memories."
          tag="Our Heritage"
          tagIcon={Award}
          imageSrc="https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg"
          imageAlt="Elegant hotel lobby with modern architecture"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Explore Our Story", href: "/about" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardOne
          title="Our Room Collections"
          description="Choose from our carefully curated selection of elegantly appointed rooms, each designed to provide ultimate comfort and modern amenities."
          tag="Accommodations"
          tagIcon={Home}
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "$189/night",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-3064.jpg",
              imageAlt: "Comfortable standard hotel room"
            },
            {
              id: "2",
              name: "Deluxe Suite",
              price: "$299/night",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",
              imageAlt: "Spacious deluxe suite with premium furnishings"
            },
            {
              id: "3",
              name: "Presidential Suite",
              price: "$599/night",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
              imageAlt: "Luxurious presidential suite"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View All Rooms", href: "/rooms" }
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardTwentyFour
          title="World-Class Amenities"
          description="Indulge in our premium facilities designed to enhance every aspect of your stay."
          tag="Facilities"
          tagIcon={Zap}
          features={[
            {
              id: "1",
              title: "Tranquility Spa & Wellness",
              author: "Premium Service",
              description: "Experience rejuvenation with our full-service spa featuring expert therapists, sauna, and holistic wellness treatments.",
              tags: ["Spa", "Wellness", "Relaxation"],
              imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg",
              imageAlt: "Serene spa treatment area"
            },
            {
              id: "2",
              title: "Fine Dining Restaurant",
              author: "Culinary Excellence",
              description: "Savor exquisite cuisine prepared by award-winning chefs using fresh, locally-sourced ingredients in our elegant dining hall.",
              tags: ["Restaurant", "Dining", "Gourmet"],
              imageSrc: "https://img.b2bpic.net/free-photo/peaceful-body-lying-person-relax_1301-3277.jpg",
              imageAlt: "Upscale restaurant interior"
            },
            {
              id: "3",
              title: "Infinity Pool & Sunbathing",
              author: "Leisure & Recreation",
              description: "Relax by our resort-style pool with heated waters, cabanas, and panoramic views perfect for unwinding.",
              tags: ["Pool", "Recreation", "Luxury"],
              imageSrc: "https://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13186.jpg",
              imageAlt: "Resort pool with lounge chairs"
            },
            {
              id: "4",
              title: "State-of-the-Art Fitness Center",
              author: "Health & Vitality",
              description: "Stay active with our fully equipped gym, personal trainers, and advanced fitness equipment available 24/7.",
              tags: ["Fitness", "Health", "Training"],
              imageSrc: "https://img.b2bpic.net/free-photo/christmas-spa-composition-with-incense-sticks-soap-blurred-background_169016-26255.jpg",
              imageAlt: "Modern gym with equipment"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Guest Testimonials"
          description="Hear from our delighted guests who have experienced the Serenity Suites difference."
          tag="Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",
              name: "Jessica Chen",
              role: "Corporate Executive",
              testimonial: "An absolutely phenomenal stay! The attention to detail, pristine rooms, and exceptional service made this my go-to destination for business travel. Highly recommended!",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
              imageAlt: "Guest Jessica Chen"
            },
            {
              id: "2",
              name: "Marcus Thompson",
              role: "Travel Enthusiast",
              testimonial: "Best hotel experience of my life. From the moment we arrived to checkout, everything was perfect. The staff went above and beyond to make our honeymoon unforgettable.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",
              imageAlt: "Guest Marcus Thompson"
            },
            {
              id: "3",
              name: "Sarah Williams",
              role: "Resort Frequent Guest",
              testimonial: "I've stayed at countless hotels worldwide, but Serenity Suites stands out for its combination of luxury, comfort, and authentic hospitality. I'll definitely be back!",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
              imageAlt: "Guest Sarah Williams"
            },
            {
              id: "4",
              name: "David Rodriguez",
              role: "Family Vacation Planner",
              testimonial: "Perfect getaway with family! The pools, dining options, and kid-friendly activities made everyone happy. Worth every penny and then some. Can't wait to return!",
              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: "Guest David Rodriguez"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Updated"
          description="Subscribe to our newsletter for exclusive offers, special promotions, and insider travel tips delivered straight to your inbox."
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. Your data is safe with us."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Serenity Suites"
          copyrightText="© 2025 Serenity Suites. All rights reserved. | Crafted for wanderers and dreamers."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com/serenitysuiteshotel", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com/serenitysuiteshotel", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com/serenitysuiteshotel", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/serenitysuiteshotel", ariaLabel: "LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}