"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Clock, Coffee, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="aurora"
        cardStyle="gradient-bordered"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Coffeex"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-static",
      }}
      title="Coffeex: Лучший кофе в Ахалкалаки"
      description="Погрузитесь в атмосферу комфорта и насладитесь изысканным вкусом свежеобжаренного кофе в самом сердце города."
      carouselItems={[
        {
          id: "1",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-tasty-drink_23-2148865604.jpg",
          imageAlt: "Coffeex Atmosphere",
        },
        {
          id: "2",
          imageSrc: "http://img.b2bpic.net/free-photo/latte-cup-garnished-with-cinnamon-sticks-served-wood-box-with-tree-branch_141793-138.jpg",
          imageAlt: "Coffeex Atmosphere",
        },
        {
          id: "3",
          imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-reading-book-cafe_23-2150064719.jpg",
          imageAlt: "Coffeex Atmosphere",
        },
        {
          id: "4",
          imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-cappuccino-blank-white-cup-spills-milk-foam-heart-shape-cafe-shop_346278-513.jpg",
          imageAlt: "Coffeex Atmosphere",
        },
        {
          id: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-man-pouring-milk-into-cappuccino-cup-cafe_181624-12457.jpg",
          imageAlt: "Coffeex Atmosphere",
        },
        {
          id: "6",
          imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg",
          imageAlt: "Coffeex Atmosphere",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Наша Философия"
      metrics={[
        {
          icon: Coffee,
          label: "Сортов кофе",
          value: "15+",
        },
        {
          icon: Clock,
          label: "Минут на заказ",
          value: "5",
        },
        {
          icon: Users,
          label: "Гостей в день",
          value: "100+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split-description"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Капучино",
          price: "8 ლ",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-little-cakes-with-cup-coffee-white-background-pie-cake-sweet-biscuit-sugar-cookie_140725-80637.jpg",
          imageAlt: "Cappuccino",
        },
        {
          id: "2",
          name: "Латте",
          price: "9 ლ",
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-delicious-latte-glass-cup-with-saucer-table_23-2148209235.jpg",
          imageAlt: "Latte",
        },
        {
          id: "3",
          name: "Холодный кофе",
          price: "10 ლ",
          imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-glass-with-blue-smoky-background_84443-83779.jpg",
          imageAlt: "Ice Coffee",
        },
        {
          id: "4",
          name: "Эспрессо",
          price: "5 ლ",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-espresso-with-chocolate-cake-white-surface-chocolate-cake-biscuit-cookies-sweet_140725-72057.jpg",
          imageAlt: "Espresso",
        },
        {
          id: "5",
          name: "Американо",
          price: "6 ლ",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691635.jpg",
          imageAlt: "Americano",
        },
        {
          id: "6",
          name: "Раф кофе",
          price: "11 ლ",
          imageSrc: "http://img.b2bpic.net/free-photo/refreshing-boozy-white-russian-cocktail-with-vodka-cream_123827-37402.jpg",
          imageAlt: "Raf Coffee",
        },
      ]}
      title="Популярное меню"
      description="Попробуйте наши фирменные напитки, созданные с любовью для настоящих ценителей кофе."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Анна С.",
          handle: "@anna_coff",
          testimonial: "Лучший кофе в городе! Атмосфера очень уютная.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-with-smartphone-relaxing-cafe-sitting-enjoying-coffee-while-using-mobile-phone_1258-122952.jpg",
        },
        {
          id: "2",
          name: "Дмитрий В.",
          handle: "@dmitry_v",
          testimonial: "Всегда быстро, качественно и вкусно. Спасибо!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-652.jpg",
        },
        {
          id: "3",
          name: "Елена М.",
          handle: "@elena_m",
          testimonial: "Очень приятное место для работы и отдыха.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-girl-sitting-cafe-eating-ice-cream_627829-2666.jpg",
        },
        {
          id: "4",
          name: "Иван К.",
          handle: "@ivan_k",
          testimonial: "Отличное латте и дружелюбный персонал.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
        },
        {
          id: "5",
          name: "Мария П.",
          handle: "@maria_p",
          testimonial: "Мое любимое место в Ахалкалаки. Прихожу каждый день.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-drinking-coffee-their-room-vacation_23-2149369737.jpg",
        },
      ]}
      showRating={true}
      title="Что говорят наши гости"
      description="Отзывы тех, кто делает Coffeex местом встреч в Ахалкалаки."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Почему выбирают Coffeex"
      description="Мы гордимся качеством зерен и мастерством наших бариста."
      accordionItems={[
        {
          id: "1",
          title: "Свежая обжарка",
          content: "Используем только зерна высшего качества, обжаренные по авторским технологиям.",
        },
        {
          id: "2",
          title: "Уютная атмосфера",
          content: "Дизайн интерьера создан для того, чтобы вы чувствовали себя как дома.",
        },
        {
          id: "3",
          title: "Быстрый сервис",
          content: "Ценим ваше время, поэтому готовим кофе профессионально и оперативно.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/energy-coffee-seed-food-aroma_1172-470.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "Работаете ли вы в праздники?",
          content: "Да, мы стараемся быть открытыми для вас в любой день.",
        },
        {
          id: "2",
          title: "Есть ли у вас десерты?",
          content: "Да, большой выбор свежей выпечки и сладостей.",
        },
        {
          id: "3",
          title: "Принимаете ли карты?",
          content: "Да, мы принимаем к оплате как наличные, так и банковские карты.",
        },
      ]}
      sideTitle="Частые вопросы"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Свяжитесь с нами"
      description="Ждем вас по адресу: 14 Charents St, Akhalkalaki 0700. Позвоните нам: 579 23 46 47"
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Ваше имя",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Ваш email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Ваше сообщение",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/china-stairs-stone-tiles-old-water_1417-577.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Coffeex"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "© 2026 Coffeex",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
