"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Crown, Mail } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Rooms", id: "product" },
            { name: "Amenities", id: "feature" },
            { name: "Reviews", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Elegance Suites"
          bottomLeftText="Luxury Hospitality"
          bottomRightText="reservations@elegancesuites.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Welcome to Elegance Suites"
          description="Experience world-class luxury hospitality with breathtaking views, premium amenities, and impeccable service"
          tag="5-Star Luxury Hotel"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
          imageAlt="Luxury hotel lobby with elegant design"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Book Your Stay", href: "contact" },
            { text: "Explore Rooms", href: "product" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="About Elegance Suites"
          description="Discover the heart of luxury hospitality and world-class service"
          tabs={[
            {
              id: "heritage",              label: "Our Heritage",              description: "Since 1995, Elegance Suites has been a beacon of luxury hospitality. Our commitment to excellence, attention to detail, and passion for service has made us a preferred destination for discerning travelers worldwide."
            },
            {
              id: "vision",              label: "Our Vision",              description: "We envision creating transformative experiences for every guest. Our mission is to deliver exceptional service, timeless elegance, and unforgettable memories at every interaction."
            },
            {
              id: "values",              label: "Our Values",              description: "Excellence, integrity, and guest satisfaction are at the core of everything we do. We celebrate diversity, embrace innovation, and maintain the highest standards of hospitality."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg"
          imageAlt="Elegance Suites exterior architecture"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardTwo
          title="Our Exquisite Rooms"
          description="Choose from our carefully curated selection of luxury accommodations, each designed to provide the ultimate comfort and style"
          tag="Premium Accommodations"
          tagIcon={Crown}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Elegance Suites",              name: "Deluxe Room",              price: "$249/night",              rating: 5,
              reviewCount: "524",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "Deluxe Room with city view"
            },
            {
              id: "2",              brand: "Elegance Suites",              name: "Premium Suite",              price: "$399/night",              rating: 5,
              reviewCount: "687",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",              imageAlt: "Premium Suite with luxury amenities"
            },
            {
              id: "3",              brand: "Elegance Suites",              name: "Penthouse Suite",              price: "$599/night",              rating: 5,
              reviewCount: "412",              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",              imageAlt: "Exclusive Penthouse with panoramic views"
            }
          ]}
          buttons={[
            { text: "View All Rooms", href: "contact" }
          ]}
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardTwelve
          title="World-Class Amenities"
          description="Experience unparalleled luxury with our comprehensive range of amenities designed for your comfort and pleasure"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="opacity"
          features={[
            {
              id: "spa",              label: "Spa & Wellness",              title: "Rejuvenate Your Spirit",              items: [
                "Full-service spa with expert therapists",                "Sauna and steam room facilities",                "Yoga and meditation programs"
              ],
              buttons: [
                { text: "Learn More", href: "#" }
              ]
            },
            {
              id: "dining",              label: "Fine Dining",              title: "Culinary Excellence",              items: [
                "Michelin-recommended restaurants",                "International cuisine by world-class chefs",                "Room service and private dining"
              ],
              buttons: [
                { text: "Reserve Table", href: "#" }
              ]
            },
            {
              id: "recreation",              label: "Recreation",              title: "Stay Active & Entertained",              items: [
                "Olympic-size swimming pool",                "State-of-the-art fitness center",                "Concierge services for activities"
              ],
              buttons: [
                { text: "Explore Activities", href: "#" }
              ]
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Flexible Booking Options"
          description="Select the perfect package for your stay with our transparent and flexible pricing"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "weekend",              title: "Weekend Escape",              price: "$249",              period: "/night",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "Weekend package preview",              button: { text: "Book Now", href: "contact" },
              features: [
                "Complimentary breakfast daily",                "Welcome cocktail at arrival",                "Late checkout until 2 PM",                "Spa credit of $50"
              ]
            },
            {
              id: "luxury",              title: "Luxury Package",              price: "$399",              period: "/night",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",              imageAlt: "Luxury package amenities",              button: { text: "Book Now", href: "contact" },
              features: [
                "All-inclusive dining experience",                "Spa treatment included daily",                "Private airport transfers",                "Personal concierge available 24/7"
              ]
            },
            {
              id: "penthouse",              title: "Penthouse Exclusive",              price: "$599",              period: "/night",              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",              imageAlt: "Penthouse exclusive experience",              button: { text: "Book Now", href: "contact" },
              features: [
                "Premium suite with panoramic views",                "Michelin-starred dining for two nightly",                "Dedicated butler service",                "Complimentary airport transfers"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTen
          title="Guest Reviews & Testimonials"
          description="Discover what our guests have to say about their unforgettable experiences"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              title: "An Unforgettable Escape",              quote: "Our stay at Elegance Suites was absolutely perfect. The attention to detail, the stunning views, and the exceptional service made our anniversary celebration truly memorable. We've already booked our next visit!",              name: "Sarah Mitchell",              role: "Travel Enthusiast",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "World-Class Service",              quote: "As a frequent traveler, I can confidently say Elegance Suites sets the gold standard for luxury hospitality. Every detail exceeded my expectations, and the staff anticipated my needs before I even asked. Truly exceptional.",              name: "David Chen",              role: "CEO, Tech Innovations",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "David Chen"
            },
            {
              id: "3",              title: "Pure Elegance & Comfort",              quote: "The penthouse suite offered breathtaking views and unparalleled comfort. The spa facilities were divine, and dining at the restaurant was a culinary masterpiece. This hotel redefined my expectations of luxury.",              name: "Emma Rodriguez",              role: "Luxury Travel Blogger",              imageSrc: "https://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              title: "Business & Pleasure",              quote: "Perfect for business travel with excellent work facilities and high-speed connectivity. But equally impressive for leisure – I recommend the spa and the fine dining experience without hesitation.",              name: "James Williams",              role: "International Businessman",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "James Williams"
            }
          ]}
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Hotel Info",            items: [
              { label: "About Us", href: "about" },
              { label: "Rooms & Suites", href: "product" },
              { label: "Amenities", href: "feature" },
              { label: "Contact", href: "contact" }
            ]
          },
          {
            title: "Guest Services",            items: [
              { label: "Reservations", href: "contact" },
              { label: "Room Service", href: "#" },
              { label: "Concierge", href: "#" },
              { label: "Events & Weddings", href: "#" }
            ]
          },
          {
            title: "Connect With Us",            items: [
              { label: "Email: reservations@elegancesuites.com", href: "mailto:reservations@elegancesuites.com" },
              { label: "Phone: +1 (800) ELEGANCE", href: "#" },
              { label: "Address: 123 Luxury Ave, Premium City", href: "#" },
              { label: "Loyalty Program", href: "#" }
            ]
          }
        ]}
        copyrightText="© 2025 Elegance Suites. All rights reserved. | Privacy Policy | Terms of Service"
      />
    </ThemeProvider>
  );
}
