"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Flame, Star, MapPin, Instagram, Facebook } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Menu", id: "products" },
            { name: "About", id: "about" },
            { name: "Experience", id: "experience" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Table",            href: "contact"
          }}
          brandName="Hot"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="HOT"
          description="Premium hookah lounge experience with handcrafted flavors and luxurious ambiance"
          buttons={[
            { text: "Explore Menu", href: "products" },
            { text: "Reserve Now", href: "contact" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/sexy-brunette-girl-seductive-black-clothes-smokes-hookah-while-sitting-counter-nightclub_613910-19138.jpg",              imageAlt: "Premium hookah lounge interior"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/pensive-tattooed-man-is-sitting-armchair-starting-smoke-hookah-there-are-nice-vapour_613910-20763.jpg",              imageAlt: "Relaxing lounge atmosphere"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/black-wooden-table_417767-153.jpg",              imageAlt: "Customers enjoying hookah experience"
            }
          ]
          autoplayDelay={4000}
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Hot is where tradition meets" },
            {
              type: "image",              src: "https://img.b2bpic.net/free-photo/close-up-hookah-vaping_23-2149297182.jpg",              alt: "Premium quality tobacco"
            },
            { type: "text", content: "modern luxury" }
          ]}
          buttons={[
            { text: "Learn Our Story", href: "#" },
            { text: "Visit Us Today", href: "contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          products={[
            {
              id: "1",              name: "Royal Mint Supreme",              price: "$18",              imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg",              imageAlt: "Royal Mint Supreme flavor"
            },
            {
              id: "2",              name: "Golden Honey Blend",              price: "$18",              imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg",              imageAlt: "Golden Honey Blend flavor"
            },
            {
              id: "3",              name: "Exotic Spice Mix",              price: "$20",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hookah-vaping_23-2149297182.jpg",              imageAlt: "Exotic Spice Mix flavor"
            },
            {
              id: "4",              name: "Berry Paradise",              price: "$18",              imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg",              imageAlt: "Berry Paradise flavor"
            }
          ]}
          title="Featured Flavors"
          description="Discover our signature blends crafted from premium, imported tobacco with natural flavorings"
          tag="Premium Selection"
          tagIcon={Sparkles}
          buttons={[
            { text: "View Full Menu", href: "#" }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="experience" data-section="experience">
        <FeatureCardSeven
          title="The Hot Experience"
          description="Indulge in our curated lounge atmosphere designed for relaxation and social connection"
          tag="What We Offer"
          tagIcon={Flame}
          features={[
            {
              id: 1,
              title: "Premium Atmosphere",              description: "Immerse yourself in our carefully curated lounge with ambient lighting, comfortable seating, and curated music that sets the perfect mood",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-tattooed-man-is-sitting-armchair-starting-smoke-hookah-there-are-nice-vapour_613910-20763.jpg",              imageAlt: "Premium lounge atmosphere"
            },
            {
              id: 2,
              title: "Expert Preparation",              description: "Our trained hookah masters prepare every session with precision, using premium water and proper heating techniques for optimal flavor",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hookah-ready-smoke_23-2149173608.jpg",              imageAlt: "Expert hookah preparation"
            },
            {
              id: 3,
              title: "Flavor Mastery",              description: "Explore our extensive flavor collection with unlimited customization options. Mix and match to create your perfect smoking session",              imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg",              imageAlt: "Premium shisha flavors"
            },
            {
              id: 4,
              title: "Social Hub",              description: "Whether meeting friends, hosting events, or enjoying solo sessions, our lounge is designed to bring people together",              imageSrc: "https://img.b2bpic.net/free-photo/black-wooden-table_417767-153.jpg",              imageAlt: "Social hookah environment"
            }
          ]}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Why Choose Hot"
          description="Join thousands of satisfied customers who trust us for the finest hookah experience"
          metrics={[
            {
              id: "1",              value: "8+ Years",              title: "Premium Service",              description: "Trusted tradition of excellence",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-tattooed-man-is-sitting-armchair-starting-smoke-hookah-there-are-nice-vapour_613910-20763.jpg",              imageAlt: "Premium service experience"
            },
            {
              id: "2",              value: "50+ Flavors",              title: "Flavor Collection",              description: "Artisanal and imported selections",              imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg",              imageAlt: "Diverse flavor collection"
            },
            {
              id: "3",              value: "4.9/5 Stars",              title: "Customer Rated",              description: "Exceptional experiences guaranteed",              imageSrc: "https://img.b2bpic.net/free-photo/black-wooden-table_417767-153.jpg",              imageAlt: "Customer satisfaction"
            }
          ]}
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson",              role: "Regular Customer",              testimonial: "Hot has become my favorite escape. The flavors are incredible, the atmosphere is perfect, and the staff really knows their craft. I bring all my friends here.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "2",              name: "Sarah Mitchell",              role: "Event Host",              testimonial: "We hosted our corporate event at Hot and it was unforgettable. The premium selection, comfortable seating, and amazing service made everyone feel special.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "3",              name: "Ahmed Hassan",              role: "Shisha Enthusiast",              testimonial: "As someone who appreciates fine tobacco, Hot is exceptional. Their imported blends and expert preparation elevate the entire experience.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Ahmed Hassan"
            },
            {
              id: "4",              name: "Jessica Lee",              role: "Social Group Member",              testimonial: "The perfect place to unwind with friends. Great ambiance, friendly staff, and they always have something new to try. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Jessica Lee"
            },
            {
              id: "5",              name: "David Chen",              role: "Premium Member",              testimonial: "Been coming here for years. The consistency in quality and service is unmatched. This is the gold standard for hookah lounges.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "David Chen"
            },
            {
              id: "6",              name: "Emma Rodriguez",              role: "First-Time Visitor",              testimonial: "What an amazing first experience! The staff guided me through everything, the flavors were smooth, and I'll definitely be back soon.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Emma Rodriguez"
            }
          ]}
          title="What Our Guests Say"
          description="Real experiences from our valued customers"
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          animationType="depth-3d"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Visit Hot Lounge"
          ctaDescription="Reserve your table or inquire about private events. Our team is ready to welcome you."
          ctaButton={{
            text: "Book Your Session",            href: "#"
          }}
          ctaIcon={MapPin}
          faqs={[
            {
              id: "1",              title: "What are your operating hours?",              content: "We're open Tuesday to Thursday 5 PM - 2 AM, Friday to Saturday 5 PM - 3 AM, and Sunday 4 PM - 2 AM. Closed Mondays for private events."
            },
            {
              id: "2",              title: "Do you have private event spaces?",              content: "Yes! We offer private lounge packages perfect for celebrations, corporate events, and group gatherings. Contact us for custom arrangements."
            },
            {
              id: "3",              title: "What's the difference between your flavor profiles?",              content: "We offer light fruity blends, rich tobacco-forward selections, and exotic spice mixes. Our staff can recommend flavors based on your preferences."
            },
            {
              id: "4",              title: "Do you offer memberships?",              content: "Yes! Our Premium Membership includes discounted sessions, exclusive flavors, priority reservations, and special member events throughout the year."
            },
            {
              id: "5",              title: "Is there a dress code?",              content: "Smart casual is our standard. We maintain an upscale yet welcoming atmosphere. Please no athletic wear or offensive attire."
            }
          ]}
          animationType="slide-up"
          accordionAnimationType="smooth"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Hot"
          copyrightText="© 2025 Hot Hookah Lounge. All rights reserved. Celebrating tradition, one session at a time."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com/hothokaah",              ariaLabel: "Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com/hothokaah",              ariaLabel: "Facebook"
            },
            {
              icon: MapPin,
              href: "#contact",              ariaLabel: "Location"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}