"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Бочка"
          navItems={[
            { name: "Главная", id: "#hero" },
            { name: "О нас", id: "#about" },
            { name: "Напитки", id: "#products" },
            { name: "Отзывы", id: "#testimonials" },
            { name: "FAQ", id: "#faq" },
            { name: "Контакты", id: "#contact" }
          ]}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Добро пожаловать в Бочку!"
          description="Идеальное место, где встречаются традиции и современный вкус. Откройте для себя нашу коллекцию крафтового пива, авторских коктейлей и уютную атмосферу."
          background={{ variant: "glowing-orb" }}
          tag="Лучшие напитки в городе"
          buttons={[
            { text: "Посмотреть Меню", href: "#products" },
            { text: "Забронировать Столик", href: "#contact" }
          ]}
          mediaItems={[
            { imageSrc: "https://images.unsplash.com/photo-1574347576269-2f22c6e61f18?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Бармен смешивает коктейль" },
            { imageSrc: "https://images.unsplash.com/photo-1543886561-c812c6a0b411?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Уютный интерьер бара" }
          ]}
          mediaAnimation="slide-up"
          rating={5}
          ratingText="Нас любят наши гости"
        />
      </div>
      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="Наша История"
          description="«Бочка» – это больше, чем просто бар. Это место, где каждое посещение превращается в праздник вкуса и душевного общения. Мы гордимся нашим наследием и страстью к созданию незабываемых моментов для каждого гостя."
          metrics={[
            { value: "15+", title: "Лет работы" },
            { value: "50+", title: "Сортов пива" },
            { value: "100+", title: "Видов коктейлей" }
          ]}
          useInvertedBackground={false}
          imageSrc="https://images.unsplash.com/photo-1551602967-7b6c59b20e06?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
          imageAlt="Ассортимент напитков на барной стойке"
          mediaAnimation="slide-up"
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardMedia
          features={[
            { id: "cocktails", title: "Авторские Коктейли", description: "Погрузитесь в мир уникальных вкусов с нашей коллекцией авторских коктейлей, созданных нашими лучшими миксологами.", tag: "Эксклюзивно", imageSrc: "https://images.unsplash.com/photo-1551602967-7b6c59b20e06?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Элегантный коктейль с гарниром" },
            { id: "beer", title: "Крафтовое Пиво", description: "Откройте для себя богатство вкусов с нашим широким выбором крафтового пива от местных и международных пивоварен.", tag: "Свежее", imageSrc: "https://images.unsplash.com/photo-1618237953289-409162955f10?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Крафтовое пиво в кружке" },
            { id: "food", title: "Изысканные Закуски", description: "Насладитесь идеальным дополнением к вашим напиткам – нашими изысканными закусками, приготовленными из свежих ингредиентов.", tag: "Вкусно", imageSrc: "https://images.unsplash.com/photo-1563721345811-13788736d5e0?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Тарелка с закусками" }
          ]}
          animationType="scale-rotate"
          title="Что Делает Нас Особенными"
          description="Мы предлагаем не только напитки, но и незабываемые впечатления. У нас вы найдете идеальное сочетание атмосферы, вкуса и сервиса."
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="products" data-section="products">
        <ProductCardTwo
          products={[
            { id: "1", brand: "Классика", name: "Старый Модный", price: "2000 UZS", rating: 5, reviewCount: "250", imageSrc: "https://images.unsplash.com/photo-1629739454174-8b83e33f677d?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Виски со льдом" },
            { id: "2", brand: "Элегантно", name: "Сухой Мартини", price: "2200 UZS", rating: 5, reviewCount: "180", imageSrc: "https://images.unsplash.com/photo-1632766327376-b6059d021c13?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Классический Мартини" },
            { id: "3", brand: "Для Ценителей", name: "Пивной Сет", price: "3500 UZS", rating: 4, reviewCount: "120", imageSrc: "https://images.unsplash.com/photo-1579782508375-9c925b4cf53a?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Набор крафтового пива" },
            { id: "4", brand: "Освежающий", name: "Тропический Бриз", price: "1800 UZS", rating: 5, reviewCount: "300", imageSrc: "https://images.unsplash.com/photo-1551602967-7b6c59b20e06?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Тропический коктейль" },
            { id: "5", brand: "Красное", name: "Мерло", price: "2800 UZS", rating: 4, reviewCount: "90", imageSrc: "https://images.unsplash.com/photo-1571431057790-a54101e51b14?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Бокал красного вина" },
            { id: "6", brand: "Крепкое", name: "Абсент", price: "3000 UZS", rating: 4, reviewCount: "75", imageSrc: "https://images.unsplash.com/photo-1556942475-6e5454655f2b?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Рюмка крепкого алкоголя" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Наше Меню Напитков"
          description="Познакомьтесь с нашим тщательно отобранным ассортиментом напитков, от классических коктейлей до редких сортов пива и вин."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={[
            "Лучшее Крафтовое Пиво 2023",            "Выбор Редакции Коктейлей",            "Лучший Сервис в Баре",            "Самая Уютная Атмосфера",            "Топ-5 Заведений Города",            "Место Года для Встреч",            "Наш Фирменный Коктейль"
          ]}
          title="Наши Достижения"
          description="Мы гордимся тем, что нас признают как лучшие в городе. Ваши отзывы и признание – наша главная награда."
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          testimonials={[
            { id: "1", name: "Анна Соколова", handle: "@anna_s", testimonial: "«Это мой любимый бар! Отличная атмосфера, невероятные коктейли и очень дружелюбный персонал. Рекомендую всем!»", rating: 5, imageSrc: "https://images.unsplash.com/photo-1594744803329-e58b31de8ba0?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Анна Соколова" },
            { id: "2", name: "Иван Петров", handle: "@ivan_p", testimonial: "«Пришел с друзьями, попробовали несколько сортов пива - выбор просто потрясающий. Обязательно вернемся снова!»", rating: 5, imageSrc: "https://images.unsplash.com/photo-1506157788654-e0544f12d57b?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Иван Петров" },
            { id: "3", name: "Елена Морозова", handle: "@elena_m", testimonial: "«Уютное место для свиданий. Коктейли на высоте, а закуски просто тают во рту. Пять звезд!»", rating: 5, imageSrc: "https://images.unsplash.com/photo-1589182372403-9993309a4d80?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Елена Морозова" },
            { id: "4", name: "Дмитрий Козлов", handle: "@dima_k", testimonial: "«Я часто бываю в разных барах, но \"Бочка\" выделяется своим уникальным стилем и вниманием к деталям. Браво!»", rating: 5, imageSrc: "https://images.unsplash.com/photo-1555546747-73d84a754b2d?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Дмитрий Козлов" },
            { id: "5", name: "Мария Смирнова", handle: "@masha_s", testimonial: "«Отличная музыка, приятная публика и, конечно, самые вкусные напитки. \"Бочка\" - это любовь с первого взгляда!»", rating: 5, imageSrc: "https://images.unsplash.com/photo-1610488056070-070183b06387?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Мария Смирнова" }
          ]}
          showRating={true}
          animationType="depth-3d"
          title="Что Говорят Наши Гости"
          description="Нам важно мнение каждого клиента. Прочтите отзывы тех, кто уже успел насладиться атмосферой и вкусами \"Бочки\"."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          faqs={[
            { id: "1", title: "Какое у вас время работы?", content: "Мы открыты с воскресенья по четверг с 16:00 до 01:00, а в пятницу и субботу с 16:00 до 03:00." },
            { id: "2", title: "Можно ли забронировать столик?", content: "Да, вы можете забронировать столик через форму на нашем сайте или по телефону, указанному в разделе контактов." },
            { id: "3", title: "У вас есть живая музыка?", content: "Мы регулярно проводим вечера живой музыки и диджей-сеты. Следите за нашим расписанием в социальных сетях!" }
          ]}
          imageSrc="https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
          imageAlt="Интерьер бара с удобными сиденьями"
          mediaAnimation="slide-up"
          mediaPosition="right"
          title="Часто Задаваемые Вопросы"
          description="Здесь вы найдете ответы на самые распространенные вопросы о нашем баре. Если у вас есть другие вопросы, свяжитесь с нами."
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Свяжитесь с Нами"
          title="Готовы Посетить Нас?"
          description="Мы всегда рады новым гостям и готовы ответить на любые ваши вопросы. Свяжитесь с нами для бронирования или по любым другим вопросам."
          buttons={[
            { text: "Отправить Сообщение", href: "mailto:info@bochka.com" },
            { text: "Позвонить", href: "tel:+998991234567" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://images.unsplash.com/photo-1571431057790-a54101e51b14?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
          imageAlt="Бокалы вина на барной стойке"
          logoSrc="http://img.b2bpic.net/free-vector/vintage-brewing-emblems_225004-932.jpg"
          logoAlt="Логотип Бочка"
          logoText="Бочка"
          columns={[
            { title: "Разделы", items: [
                { label: "Главная", href: "#hero" },
                { label: "О нас", href: "#about" },
                { label: "Напитки", href: "#products" },
                { label: "Отзывы", href: "#testimonials" },
                { label: "FAQ", href: "#faq" },
                { label: "Контакты", href: "#contact" }
              ]
            },
            { title: "Напитки", items: [
                { label: "Пиво", href: "#products" },
                { label: "Коктейли", href: "#products" },
                { label: "Вино", href: "#products" },
                { label: "Безалкогольные", href: "#products" }
              ]
            },
            { title: "Информация", items: [
                { label: "Время работы", href: "#contact" },
                { label: "Бронирование", href: "#contact" },
                { label: "Политика конфиденциальности", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 | Bochka Bar"
        />
      </div>
    </ThemeProvider>
  );
}