"use client"

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Award, Users, MapPin, Star, Home, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="solid"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxe Haven"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="LUXE HAVEN"
          description="Experience unparalleled luxury and comfort at our five-star hotel. Discover world-class amenities, exquisite dining, and personalized service."
          buttons={[
            { text: "Book Your Stay", href: "contact" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
          slides={[
            {
              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 premium furnishings"
            },
            {
              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 and reception area"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",              imageAlt: "Fine dining restaurant with upscale ambiance"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
          logoLineHeight={1.1}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Where Luxury Meets Hospitality. Welcome to an unforgettable experience of elegance, comfort, and world-class service."
          useInvertedBackground="invertDefault"
          metrics={[
            { icon: Award, label: "5-Star Rating", value: "4.9/5" },
            { icon: Users, label: "Happy Guests", value: "50K+" },
            { icon: MapPin, label: "Years Operating", value: "25+" },
            { icon: Star, label: "Awards Won", value: "15+" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardFour
          title="Our Exquisite Rooms"
          description="Choose from our carefully curated selection of luxury accommodations, each designed for your ultimate comfort and relaxation."
          tag="Room Categories"
          tagIcon={Home}
          products={[
            {
              id: "standard",              name: "Standard Room",              price: "$199",              variant: "King or Twin Beds",              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: "Comfortable standard hotel room",              isFavorited: false
            },
            {
              id: "deluxe",              name: "Deluxe Room",              price: "$349",              variant: "Premium Amenities",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",              imageAlt: "Luxurious deluxe room with modern furnishings",              isFavorited: false
            },
            {
              id: "suite",              name: "Presidential Suite",              price: "$599",              variant: "Full Luxury Experience",              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg",              imageAlt: "Spacious presidential suite with premium décor",              isFavorited: false
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="blur-reveal"
          useInvertedBackground="noInvert"
          textboxLayout="default"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardSeven
          title="Discover Our Premium Amenities"
          description="Indulge in world-class facilities and services designed to exceed your expectations and create lasting memories."
          tag="Facilities"
          features={[
            {
              id: 1,
              title: "Luxury Spa & Wellness",              description: "Rejuvenate your mind and body at our state-of-the-art spa featuring massage therapy, sauna, and wellness treatments.",              imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",              imageAlt: "Professional spa and wellness center"
            },
            {
              id: 2,
              title: "Olympic-Sized Swimming Pool",              description: "Dive into relaxation with our heated indoor and outdoor pools, perfect for swimming, sunbathing, and aquatic activities.",              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",              imageAlt: "Resort swimming pool with lounging area"
            },
            {
              id: 3,
              title: "State-of-the-Art Fitness Center",              description: "Stay active during your stay with our fully equipped gym, personal training, and fitness classes.",              imageSrc: "https://img.b2bpic.net/free-photo/lonely-bride-sits-bed-large-hotel-room_8353-7215.jpg",              imageAlt: "Modern hotel fitness center"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Williams",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Sarah Williams"
            },
            {
              id: "2",              name: "Michael Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",              imageAlt: "Michael Johnson"
            },
            {
              id: "3",              name: "Emily Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Chen",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              imageAlt: "David Chen"
            }
          ]}
          cardTitle="Over 50,000 guests have experienced the luxury and comfort of Luxe Haven"
          cardTag="Trusted by travelers worldwide"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Transparent Pricing"
          description="Choose the perfect accommodation option for your needs. All rates include complimentary breakfast and Wi-Fi."
          tag="Special Offers"
          plans={[
            {
              id: "standard-plan",              tag: "Standard Room",              price: "$199",              period: "/night",              description: "Perfect for business travelers and solo guests seeking comfort and convenience.",              button: { text: "Reserve Now", href: "contact" },
              featuresTitle: "What's Included:",              features: [
                "Free Wi-Fi and high-speed internet",                "Complimentary breakfast buffet",                "24-hour room service",                "Fitness center access"
              ]
            },
            {
              id: "deluxe-plan",              tag: "Deluxe Room",              price: "$349",              period: "/night",              description: "Experience enhanced luxury with premium amenities, spacious accommodations, and exclusive services.",              button: { text: "Reserve Now", href: "contact" },
              featuresTitle: "What's Included:",              features: [
                "Everything in Standard, plus:",                "Spa & wellness access",                "Fine dining restaurant credit",                "Concierge service",                "Premium toiletries"
              ]
            }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Updated"
          title="Subscribe to our Newsletter"
          description="Get exclusive offers, travel tips, and early access to special promotions. Join our community of luxury travelers."
          tagIcon={Mail}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. See our privacy policy for details."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Luxe Haven"
          columns={[
            {
              title: "Rooms & Suites",              items: [
                { label: "Standard Rooms", href: "#rooms" },
                { label: "Deluxe Rooms", href: "#rooms" },
                { label: "Presidential Suite", href: "#rooms" },
                { label: "Group Bookings", href: "#contact" }
              ]
            },
            {
              title: "Amenities",              items: [
                { label: "Spa & Wellness", href: "#amenities" },
                { label: "Swimming Pool", href: "#amenities" },
                { label: "Fitness Center", href: "#amenities" },
                { label: "Fine Dining", href: "#amenities" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Careers", href: "#contact" },
                { label: "Press", href: "#contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQs", href: "#contact" },
                { label: "Booking Help", href: "#contact" },
                { label: "Accessibility", href: "#contact" }
              ]
            }
          ]}
          copyrightText="© 2025 Luxe Haven Hotel. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}