"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="glass-depth"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Menu",          id: "products"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Tumbler Bar & Lounge"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Sophistication in Every Detail."
      description="Discover Tumbler Bar & Lounge at Hilton Tashkent City, an ideal venue for business meetings or friendly chats in a relaxed, luxurious atmosphere."
      testimonials={[
        {
          name: "Aigerim P.",          handle: "@aigerim",          testimonial: "Everything was absolutely amazing! Service was fast and high-quality.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-decor-generated-by-ai_188544-21520.jpg"},
        {
          name: "Mavjuda M.",          handle: "@mavjuda",          testimonial: "With family good experience. Truly high level atmosphere.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-interior-anime-style_23-2151176358.jpg"},
        {
          name: "Elena K.",          handle: "@elena",          testimonial: "The best spot in Tashkent for business meetings.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/modern-apartment-loft-with-cozy-corner-trendy-decorations_482257-125286.jpg"},
        {
          name: "Damir R.",          handle: "@damir",          testimonial: "Exquisite cocktails and professional service.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232866.jpg"},
        {
          name: "Sofia L.",          handle: "@sofia",          testimonial: "Beautiful decor and very comfortable seating.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-design-generated-by-ai_188544-21435.jpg"},
      ]}
      buttons={[
        {
          text: "View Menu",          href: "#products"},
        {
          text: "Book Now",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-design-generated-by-ai_188544-21435.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-design-generated-by-ai_188544-21435.jpg",          alt: "Luxury interior decor"},
        {
          src: "http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9389.jpg",          alt: "Cozy home interior"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-holding-glass-drink-garnished-with-dried-flower-cinnamon-stick_140725-533.jpg",          alt: "Modern apartment loft"},
        {
          src: "http://img.b2bpic.net/free-photo/bartender-pouring-cocktail-incredients-lounge-atmosphere_482257-24652.jpg",          alt: "Beautiful woman"},
        {
          src: "http://img.b2bpic.net/free-photo/young-attractive-employees-businesswomen-with-laptop-classical-clothing_496169-2506.jpg",          alt: "Luxurious lounge interior"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="About Us"
      title="Tashkent's Finest Lounge Experience"
      description="Located on the ground floor at Hilton Tashkent City, Tumbler Bar provides an exclusive access to the terrace and is open 7 days a week."
      subdescription="Whether you are unwinding after a busy day or holding a business talk, we offer the perfect meeting point."
      videoSrc="http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9389.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Artisan Mixology",          author: "Expert Bartenders",          description: "Handcrafted traditional and modern cocktails.",          tags: [
            "Drinks",            "Premium"],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-glass-drink-garnished-with-dried-flower-cinnamon-stick_140725-533.jpg"},
        {
          id: "f2",          title: "Gourmet Dining",          author: "Chef's Kitchen",          description: "Exquisite Mediterranean and national dishes.",          tags: [
            "Cuisine",            "Food"],
          imageSrc: "http://img.b2bpic.net/free-photo/bartender-pouring-cocktail-incredients-lounge-atmosphere_482257-24652.jpg"},
        {
          id: "f3",          title: "Business Ready",          author: "Professional Staff",          description: "Perfect atmosphere for meetings or chats.",          tags: [
            "Venue",            "Professional"],
          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-employees-businesswomen-with-laptop-classical-clothing_496169-2506.jpg"},
      ]}
      title="World Class Amenities"
      description="We cater to international travelers and locals alike with a full range of services."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Signature Martini",          price: "$15",          variant: "Drink",          imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-beverage-glass-with-abstract-neo-futuristic-set_23-2150938344.jpg"},
        {
          id: "p2",          name: "Mediterranean Salad",          price: "$12",          variant: "Food",          imageSrc: "http://img.b2bpic.net/free-photo/soft-cake-decorated-with-orangeand-chocolate-tray-other-cookies-dark-table_140725-86367.jpg"},
        {
          id: "p3",          name: "Gourmet Sandwich",          price: "$10",          variant: "Food",          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-sandwiches-cement-background-with-copy-space_23-2148617394.jpg"},
        {
          id: "p4",          name: "International Platter",          price: "$25",          variant: "Dinner",          imageSrc: "http://img.b2bpic.net/free-photo/cutlery-plate-with-pasts_23-2147749503.jpg"},
        {
          id: "p5",          name: "Dessert Delight",          price: "$8",          variant: "Sweet",          imageSrc: "http://img.b2bpic.net/free-photo/diary-products-cheesecake-with-oreo-cookies_114579-2473.jpg"},
        {
          id: "p6",          name: "Premium Whiskey",          price: "$20",          variant: "Drink",          imageSrc: "http://img.b2bpic.net/free-photo/glass-whiskey-with-cigar-table-close-up-photo-alcohol-cigar_1157-39194.jpg"},
      ]}
      title="Our Menu"
      description="From sandwiches to international cuisine, our menu is prepared with passion."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "136+",          description: "Five-Star Reviews"},
        {
          id: "m2",          value: "5.0",          description: "Average Rating"},
        {
          id: "m3",          value: "14",          description: "Hours Daily Operation"},
      ]}
      title="Our Success"
      description="Trusted by our guests for exceptional experiences daily."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-coffee-shop_23-2148366682.jpg"},
        {
          id: "t2",          name: "Mark L.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg"},
        {
          id: "t3",          name: "Jane D.",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg"},
        {
          id: "t4",          name: "Alex K.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-pointing-his-empty-glass-restaurant_23-2149316805.jpg"},
        {
          id: "t5",          name: "Chris P.",          imageSrc: "http://img.b2bpic.net/free-photo/older-guests-using-videocall-connection_482257-81635.jpg"},
      ]}
      cardTitle="What Guests Say"
      cardTag="Testimonials"
      cardAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Are you open on weekends?",          content: "Yes, we are open 7 days a week from 12:00 PM until 2:00 AM."},
        {
          id: "q2",          title: "Do you accept credit cards?",          content: "Yes, we accept both Visa and Mastercard."},
        {
          id: "q3",          title: "Is table service available?",          content: "Yes, table service is provided throughout the lounge and terrace."},
      ]}
      sideTitle="Common Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Contact Us"
      title="Book Your Table Today"
      description="Visit us at Ukchi St., 1, Tashkent 100027 or call +998 94 940 40 01 to reserve."
      buttons={[
        {
          text: "Call Now",          href: "tel:+998949404001"},
        {
          text: "Instagram",          href: "https://www.instagram.com/tumblerbar.lounge/"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Menu",              href: "#products"},
            {
              label: "About",              href: "#about"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "+998 94 940 40 01",              href: "tel:+998949404001"},
            {
              label: "Instagram",              href: "https://www.instagram.com/tumblerbar.lounge/"},
          ],
        },
      ]}
      logoText="Tumbler Bar"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
