"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 FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="medium"
        background="fluid"
        cardStyle="solid"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Главная",
          id: "#home",
        },
        {
          name: "О нас",
          id: "#about",
        },
        {
          name: "Меню",
          id: "#menu",
        },
        {
          name: "Отзывы",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Контакты",
          id: "#contact",
        },
      ]}
      brandName="Наше место"
      button={{
        text: "Заказать",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboard
      background={{
        variant: "radial-gradient",
      }}
      title="Кофейня \"Наше место\""
      description="Идеальное место, чтобы насладиться ароматным кофе, изысканными десертами и уютной атмосферой. Ваше второе место, где можно расслабиться и насладиться моментом."
      buttons={[
        {
          text: "Посмотреть меню",
          href: "#menu",
        },
        {
          text: "Заказать онлайн",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/muffins-cooling-rack_23-2147906752.jpg"
      imageAlt="Уютная кофейня с десертами"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/woman-enjoying-music-sofa_53876-137586.jpg",
          alt: "Анна, довольный клиент",
        },
        {
          src: "http://img.b2bpic.net/free-photo/attractive-cheerful-girl-cozy-sweater-with-coffee-go-happily-looking-camera-yellow-background_574295-3844.jpg",
          alt: "Дмитрий, фрилансер",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-young-teenage-woman-holding-takeaway-coffee-cup_158595-4984.jpg",
          alt: "Елена, постоянный гость",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-brunette-girl-drinking-cup-coffee-pointing-thumb-up-side-smiling-happy-with-open-mouth_839833-8408.jpg",
          alt: "Мария, любительница десертов",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-glasses-using-tablet-cafe_23-2147826846.jpg",
          alt: "Сергей, предприниматель",
        },
      ]}
      avatarText="Присоединяйтесь к нашим довольным посетителям!"
      marqueeItems={[
        {
          type: "text",
          text: "Ароматный кофе",
        },
        {
          type: "text",
          text: "Изысканные десерты",
        },
        {
          type: "text",
          text: "Уютная атмосфера",
        },
        {
          type: "text",
          text: "Отличный сервис",
        },
        {
          type: "text",
          text: "Свежая выпечка",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="О нас"
      title="Наша История и Философия"
      description="В \"Нашем месте\" мы создали пространство, где каждая чашка кофе - это произведение искусства, а каждый десерт - маленькое торжество вкуса. Мы верим, что настоящая ценность заключается в деталях и искреннем гостеприимстве. Приходите и почувствуйте себя как дома."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Превосходный Кофе",
          description: "Только лучшие зерна от ведущих обжарщиков и профессиональные бариста, чтобы каждая чашка была идеальной.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-beans-wooden-table_23-2148464789.jpg",
          imageAlt: "Чашка ароматного кофе",
        },
        {
          title: "Изысканные Десерты",
          description: "Наши кондитеры вручную создают шедевры, которые тают во рту. Идеальное дополнение к вашему кофе.",
          imageSrc: "http://img.b2bpic.net/free-photo/aroma-cup-tea-with-delicious-croissants_114579-37477.jpg",
          imageAlt: "Ассортимент изысканных десертов",
        },
        {
          title: "Уютная Атмосфера",
          description: "Дизайн, созданный для расслабления. Мягкий свет, приятная музыка и комфортные кресла ждут вас.",
          imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-young-woman-sitting-table-cafe-working-laptop_1098-20175.jpg",
          imageAlt: "Уютный интерьер кофейни",
        },
      ]}
      title="Что делает \"Наше место\" особенным?"
      description="Мы тщательно отбираем ингредиенты и создаем уникальную атмосферу, чтобы каждый ваш визит был незабываемым."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Латте Классический",
          price: "350 ₽",
          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cartoon-animated-coffee-cup_23-2151083789.jpg",
          imageAlt: "Классический латте с латте-артом",
        },
        {
          id: "2",
          name: "Капучино",
          price: "320 ₽",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cup-coffee-wooden-table_1232-414.jpg",
          imageAlt: "Чашка капучино с пенкой",
        },
        {
          id: "3",
          name: "Эспрессо",
          price: "200 ₽",
          imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-with-heart-shape-glass-water-drop-surface_23-2148209239.jpg",
          imageAlt: "Двойной эспрессо в маленькой чашке",
        },
        {
          id: "4",
          name: "Шоколадный торт",
          price: "450 ₽",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-tiramisu-decorated-with-sliced-strawberries-cocoa-powder-plate-served-with-glass-latte-macchiato-table_141793-3007.jpg",
          imageAlt: "Кусок шоколадного торта",
        },
        {
          id: "5",
          name: "Французский круассан",
          price: "280 ₽",
          imageSrc: "http://img.b2bpic.net/free-photo/french-croissants-forest-fruit-jam_23-2148654645.jpg",
          imageAlt: "Свежеиспеченный круассан",
        },
        {
          id: "6",
          name: "Клубный сэндвич",
          price: "400 ₽",
          imageSrc: "http://img.b2bpic.net/free-photo/copy-space-plate-with-bruschettas_23-2148454851.jpg",
          imageAlt: "Клубный сэндвич с овощами",
        },
      ]}
      title="Наше Меню"
      description="От классики до авторских рецептов – найдется что-то для каждого."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Наши Достижения"
      tag="Цифры говорят"
      metrics={[
        {
          id: "1",
          value: "5 лет",
          description: "На рынке кофе",
        },
        {
          id: "2",
          value: "1000+",
          description: "Довольных клиентов",
        },
        {
          id: "3",
          value: "15+",
          description: "Видов кофе",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          title: "Лучший кофе в городе!",
          quote: "Я каждый день захожу сюда за своим утренним латте. Всегда вкусно, быстро и с улыбкой. Атмосфера просто волшебная!",
          name: "Анна Смирнова",
          role: "Постоянный гость",
          imageSrc: "http://img.b2bpic.net/free-photo/beauty-redhead-female-barista-drinks-coffee-coffee-shop_613910-4770.jpg",
          imageAlt: "Анна Смирнова",
        },
        {
          id: "2",
          title: "Идеальное место для работы",
          quote: "Люблю работать здесь. Тихо, уютно, отличный Wi-Fi и, конечно, бесподобные десерты. Мой личный оазис продуктивности.",
          name: "Дмитрий Иванов",
          role: "Фрилансер",
          imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
          imageAlt: "Дмитрий Иванов",
        },
        {
          id: "3",
          title: "Чувствуешь себя как дома",
          quote: "Наше место - это действительно наше место. Здесь всегда тепло и уютно, а персонал такой внимательный. Обязательно рекомендую!",
          name: "Елена Петрова",
          role: "Владелец малого бизнеса",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-hoodie-enjoys-coffee-morning-cafe_169016-21917.jpg",
          imageAlt: "Елена Петрова",
        },
        {
          id: "4",
          title: "Десерты – произведение искусства!",
          quote: "Попробовала чизкейк – это просто божественно! Каждый раз прихожу за новыми вкусами, и ни разу не разочаровалась. Вы лучшие!",
          name: "Мария Козлова",
          role: "Любитель сладостей",
          imageSrc: "http://img.b2bpic.net/free-photo/best-place-town-meeting-with-friends_329181-2888.jpg",
          imageAlt: "Мария Козлова",
        },
        {
          id: "5",
          title: "Отличный сервис и атмосфера",
          quote: "Очень нравится этот кофейня. Всегда чисто, быстрое обслуживание, а интерьер просто располагает к отдыху. Мое любимое место для встреч с друзьями.",
          name: "Сергей Васильев",
          role: "Предприниматель",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-love-drinking-coffee-coffee-shop_158595-1556.jpg",
          imageAlt: "Сергей Васильев",
        },
        {
          id: "6",
          title: "Наконец-то нашла идеальный кофе",
          quote: "Долго искала кофейню, где делают настоящий, качественный кофе. \"Наше место\" превзошло все ожидания! Мой фаворит теперь.",
          name: "Ольга Новикова",
          role: "Ценитель кофе",
          imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-holding-coffee-cup_23-2148422410.jpg",
          imageAlt: "Ольга Новикова",
        },
      ]}
      title="Что говорят наши гости?"
      description="Мы гордимся тем, что \"Наше место\" становится любимым уголком для многих."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "100% Натуральные Зерна",
        "Ежедневная Свежая Выпечка",
        "Экологичные Ингредиенты",
        "Высший Стандарт Обслуживания",
        "Уникальный Дизайн Интерьера",
        "Мастера Бариста",
        "Гарантия Вкуса",
      ]}
      title="Признание качества"
      description="Мы гордимся нашим подходом к выбору продуктов и созданию атмосферы."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "Какое время работы вашей кофейни?",
          content: "Мы работаем ежедневно с 8:00 до 22:00, без выходных. Приходите к нам в любое удобное для вас время!",
        },
        {
          id: "2",
          title: "Есть ли у вас возможность заказать еду с собой?",
          content: "Да, конечно! Все позиции нашего меню доступны для заказа с собой. Просто сообщите бариста о вашем выборе.",
        },
        {
          id: "3",
          title: "Предлагаете ли вы десерты без глютена или веганские опции?",
          content: "Мы стараемся учитывать различные диетические предпочтения наших гостей. У нас есть несколько десертов без глютена и веганских опций. Уточните у бариста наличие и состав.",
        },
        {
          id: "4",
          title: "Можно ли забронировать столик?",
          content: "Мы не предлагаем предварительное бронирование столиков. Однако, вы всегда можете прийти, и наши сотрудники помогут вам найти свободное место.",
        },
      ]}
      sideTitle="Часто задаваемые вопросы"
      sideDescription="Мы собрали ответы на самые популярные вопросы о нашей кофейне."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Свяжитесь с нами"
      title="Приглашаем в \"Наше место\"!"
      description="Ждем вас по адресу: ул. Примерная, 10. Если у вас есть вопросы или пожелания, не стесняйтесь обращаться к нам."
      buttons={[
        {
          text: "Посмотреть на карте",
          href: "https://maps.google.com/?q=ул.+Примерная,+10",
        },
        {
          text: "Написать нам",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Кофейня",
          items: [
            {
              label: "О нас",
              href: "#about",
            },
            {
              label: "Меню",
              href: "#menu",
            },
            {
              label: "Отзывы",
              href: "#testimonials",
            },
          ],
        },
        {
          title: "Помощь",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Контакты",
              href: "#contact",
            },
            {
              label: "Политика конфиденциальности",
              href: "#",
            },
          ],
        },
        {
          title: "Социальные сети",
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "VK",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 \"Наше место\". Все права защищены."
      bottomRightText="Создано с любовью к кофе"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
