"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmall"
        background="none"
        cardStyle="soft-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Главная",          id: "#hero"},
        {
          name: "Меню",          id: "#menu"},
        {
          name: "Отзывы",          id: "#testimonials"},
        {
          name: "Контакты",          id: "#contact"},
      ]}
      brandName="PINGVIN"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "plain"}}
      title="PINGVIN — Вкус, который всегда рядом"
      description="Лучший фаст-фуд в Джаркургане. Горячие бургеры, хрустящий картофель и освежающие напитки ждут вас ежедневно с 08:00 до 22:00."
      buttons={[
        {
          text: "Посмотреть меню",          href: "#menu"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/female-student-using-laptop-while-sitting-cafe-concentrated-young-woman-freelancer-work_146671-19749.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-smiling_23-2148431276.jpg",          alt: "Happy customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-nice-young-man-with-stylish-hairstyle-blue-eyes-beard-light-cool-shirt-looking-away-smiling-orange-wall_197531-23055.jpg",          alt: "Happy customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-cheerful-young-black-man-grey-t-shirt-smiling-broadly_273609-430.jpg",          alt: "Happy customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg",          alt: "Happy customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",          alt: "Happy customer 5"},
      ]}
      avatarText="Более 5000+ довольных гостей"
      marqueeItems={[
        {
          type: "text",          text: "Свежее мясо"},
        {
          type: "text",          text: "Быстрая доставка"},
        {
          type: "text",          text: "Натуральные овощи"},
        {
          type: "text",          text: "Лучшая цена"},
        {
          type: "text",          text: "Приятная атмосфера"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="О PINGVIN Fast-Food"
      description="Мы создаем атмосферу, где каждый гость чувствует себя как дома. Наши ингредиенты всегда свежие, а скорость обслуживания соответствует высоким стандартам."
      bulletPoints={[
        {
          title: "Свежие продукты",          description: "Используем только натуральное мясо и овощи."},
        {
          title: "Быстрая доставка",          description: "Ваш заказ будет готов в кратчайшие сроки."},
        {
          title: "Уютное место",          description: "Идеально для перекуса с друзьями и семьей."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/white-open-sign-hanging_23-2149168996.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "Двойной бургер",          price: "25,000 UZS",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-hamburger-menu-arrangement-close-up_23-2148614057.jpg"},
        {
          id: "2",          name: "Фри (Средняя)",          price: "10,000 UZS",          imageSrc: "http://img.b2bpic.net/free-photo/gray-bowl-crispy-crackers-placed-stone-background_114579-74786.jpg"},
        {
          id: "3",          name: "Кола 0.5л",          price: "8,000 UZS",          imageSrc: "http://img.b2bpic.net/free-photo/iced-cola-table_1339-4078.jpg"},
        {
          id: "4",          name: "Чикен ролл",          price: "22,000 UZS",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-bacon-burgers_23-2148784482.jpg"},
        {
          id: "5",          name: "Наггетсы (6 шт)",          price: "15,000 UZS",          imageSrc: "http://img.b2bpic.net/free-photo/snack-party-friends-with-delicious-homemade-chips-potato-gray-background_140725-91827.jpg"},
        {
          id: "6",          name: "Лимонад",          price: "12,000 UZS",          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151432854.jpg"},
      ]}
      title="Наше меню"
      description="Попробуйте наши фирменные позиции, приготовленные с любовью."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Почему выбирают нас?"
      description="PINGVIN — это выбор тех, кто ценит качество и свое время."
      accordionItems={[
        {
          id: "a1",          title: "График работы",          content: "Работаем каждый день с 08:00 до 22:00."},
        {
          id: "a2",          title: "Удобство",          content: "Находимся в центре Джаркургана."},
        {
          id: "a3",          title: "Качество",          content: "Строгий контроль качества приготовления еды."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-restaurant_23-2149390963.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "500+",          title: "Бургеров в день",          description: "Столько порций мы готовим ежедневно.",          imageSrc: "http://img.b2bpic.net/free-photo/hamburger_74190-1655.jpg"},
        {
          id: "m2",          value: "100%",          title: "Свежесть",          description: "Никаких замороженных продуктов.",          imageSrc: "http://img.b2bpic.net/free-photo/bowl-sweet-potato-fries-trivet-marble-background_114579-74518.jpg"},
        {
          id: "m3",          value: "4.9/5",          title: "Оценка гостей",          description: "Основано на отзывах довольных клиентов.",          imageSrc: "http://img.b2bpic.net/free-photo/champagne-bubbles-sparkles-new-year-party_23-2148339659.jpg"},
      ]}
      title="Цифры говорят сами за себя"
      description="Наш успех измеряется счастьем наших гостей."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      animationType="slide-up"
      testimonials={[
        {
          id: "t1",          name: "Сарвар",          role: "Гость",          company: "Джаркурган",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"},
        {
          id: "t2",          name: "Азиз",          role: "Гость",          company: "Джаркурган",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-hipster-man-with-beard-smiling-laughing_176420-12168.jpg"},
        {
          id: "t3",          name: "Мадина",          role: "Гость",          company: "Джаркурган",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg"},
        {
          id: "t4",          name: "Фарход",          role: "Гость",          company: "Джаркурган",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-lemons_23-2148483076.jpg"},
        {
          id: "t5",          name: "Зиёда",          role: "Гость",          company: "Джаркурган",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg"},
      ]}
      title="Что говорят наши гости"
      description="Мы гордимся доверием наших клиентов."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Есть ли у вас доставка?",          content: "Да, подробности уточняйте по номеру телефона."},
        {
          id: "q2",          title: "Принимаете ли вы карты?",          content: "Да, принимаем все основные виды оплат."},
        {
          id: "q3",          title: "Где вы находитесь?",          content: "Мы расположены в центре Джаркургана."},
      ]}
      sideTitle="Часто задаваемые вопросы"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      text="Нужна помощь? Свяжитесь с нами по телефону: +998 97 243 01 97. Мы открыты для ваших предложений!"
      buttons={[
        {
          text: "Позвонить сейчас",          href: "tel:+998972430197"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="PINGVIN"
      columns={[
        {
          title: "Навигация",          items: [
            {
              label: "Главная",              href: "#hero"},
            {
              label: "Меню",              href: "#menu"},
            {
              label: "Отзывы",              href: "#testimonials"},
          ],
        },
        {
          title: "Контакты",          items: [
            {
              label: "+998 97 243 01 97",              href: "tel:+998972430197"},
            {
              label: "Джаркурган, Узбекистан",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2025 PINGVIN Fast-Food. Все права защищены."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
