"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, CheckCircle, Sparkles, Users, Utensils } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="БирХофф"
          navItems={[
            { name: "О Ресторане", id: "about" },
            { name: "Меню", id: "menu" },
            { name: "Отзывы", id: "reviews" },
            { name: "Контакты", id: "contact" }
          ]}
          button={{ text: "Забронировать", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="БирХофф"
          description="Просторные залы для семьи и друзей, авторская кухня от профессиональных шефов, и лучший выбор пива в Брянске. 4,9★ — 76 отзывов гостей, которые возвращаются снова"
          buttons={[
            { text: "Забронировать стол", href: "#contact" },
            { text: "Заказать доставку", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u862p6"
          imageAlt="БирХофф ресторан - роскошный интерьер"
          mediaAnimation="opacity"
          frameStyle="card"
          ariaLabel="БирХофф премиум пивной ресторан главная страница"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Почему выбирают БирХофф"
          metrics={[
            { icon: Award, label: "Гостей за вечер", value: "200+" },
            { icon: Users, label: "Счастливых клиентов", value: "10K+" },
            { icon: Sparkles, label: "Лет на рынке", value: "8" },
            { icon: CheckCircle, label: "Рейтинг Яндекс", value: "4,9★" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="О ресторане БирХофф показатели"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentySix
          title="Эксклюзивное предложение для вас"
          description="БирХофф сочетает роскошь, вкус и гостеприимство в каждом моменте. От приватных залов до авторских блюд и премиум-пива."
          tag="Наши преимущества"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          features={[
            {
              title: "Просторные приватные залы",              description: "Отдельные уютные комнаты для вашего торжества, собеседований или деловых встреч. Вмещают 10-50 человек.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99cnyi",              imageAlt: "Приватный зал ресторана БирХофф",              buttonIcon: CheckCircle,
              buttonHref: "#contact"
            },
            {
              title: "Авторская кухня от шефов",              description: "Уникальные блюда, приготовленные опытными шефами с использованием свежих и качественных ингредиентов.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=so0nsw",              imageAlt: "Профессиональная кухня БирХофф",              buttonIcon: Utensils,
              buttonHref: "#menu"
            },
            {
              title: "Премиум-пиво и напитки",              description: "Лучший выбор крафтового пива, импортных сортов и оригинальных комбинаций для истинных ценителей.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2oj5tn",              imageAlt: "Коллекция крафтового пива БирХофф",              buttonIcon: Award,
              buttonHref: "#menu"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Основные преимущества БирХофф"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Фирменные блюда"
          description="Попробуйте наши самые популярные блюда, которые полюбили гостей. Каждое блюдо готовится с любовью и вниманием к деталям."
          tag="Меню"
          tagIcon={Utensils}
          tagAnimation="slide-up"
          products={[
            { id: "duck-confit", name: "Конфи утки", price: "890 ₽", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=odreyi", imageAlt: "Конфи утки - фирменное блюдо" },
            { id: "fresh-salad", name: "Салат премиум", price: "520 ₽", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w9g83l", imageAlt: "Премиум салат с грибами" },
            { id: "appetizers", name: "Ассорти закусок", price: "680 ₽", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmcvvy", imageAlt: "Ассорти гурме закусок" }
          ]}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Фирменные блюда БирХофф меню"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Отзывы наших гостей"
          description="Реальные истории от людей, которые довернули нам самые важные моменты своей жизни. 4,9★ рейтинг на основе 76 проверенных отзывов."
          tag="Проверенные отзывы"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "review-1",              name: "Алексей Петров",              date: "15 декабря 2024",              title: "Идеальное место для праздника",              quote: "Организовали день рождения сына в приватном зале. Все было на высочайшем уровне: обслуживание, еда, атмосфера. Гости говорят об этом дне до сих пор.",              tag: "Семейное событие",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ln5ew7",              avatarAlt: "Алексей Петров"
            },
            {
              id: "review-2",              name: "Мария Сорокина",              date: "10 декабря 2024",              title: "Лучшее пиво в городе",              quote: "Необычная коллекция крафтового пива. Официант помогает с выбором и рассказывает о каждом сорте. Обязательно вернемся с друзьями.",              tag: "Любитель пива",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yo1566",              avatarAlt: "Мария Сорокина"
            },
            {
              id: "review-3",              name: "Владимир Козлов",              date: "5 декабря 2024",              title: "Доставка на высоте",              quote: "Заказали через приложение - конфи утки и салат. Пришло горячим, упаковано аккуратно. Вкус не потерялся. Рекомендуем всем.",              tag: "Доставка",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hf7w50",              avatarAlt: "Владимир Козлов"
            },
            {
              id: "review-4",              name: "Елена Лебедева",              date: "30 ноября 2024",              title: "Деловая встреча прошла отлично",              quote: "Провели презентацию в одном из залов. Тихо, удобно, хороший интернет. Обслуживание не отвлекает, еда превосходная. Спасибо БирХофф!",              tag: "Бизнес",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o9aoib",              avatarAlt: "Елена Лебедева"
            },
            {
              id: "review-5",              name: "Сергей Морозов",              date: "25 ноября 2024",              title: "Атмосфера на уровне столицы",              quote: "Впервые в БирХофф - понравилось все. Интерьер стильный, персонал вежлив, меню интересное. Это не просто пивная, это настоящее место встреч.",              tag: "Первый визит",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dkmz8q",              avatarAlt: "Сергей Морозов"
            },
            {
              id: "review-6",              name: "Анна Волкова",              date: "20 ноября 2024",              title: "Вернулись третий раз",              quote: "С каждым визитом нам нравится больше. Персонал помнит наши предпочтения, новые блюда всегда на уровне. Это наше место в Брянске.",              tag: "Постоянный клиент",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ukb7k",              avatarAlt: "Анна Волкова"
            }
          ]}
          ariaLabel="Отзывы гостей БирХофф"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Свяжитесь с нами"
          title="Забронируйте стол или заявку на доставку"
          description="Оставьте ваш номер телефона, и мы свяжемся с вами в течение часа, чтобы подтвердить бронь или уточнить детали вашего заказа."
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          inputPlaceholder="Введите ваш номер телефона"
          buttonText="Связаться сейчас"
          termsText="Нажимая на кнопку, вы соглашаетесь с нашей политикой конфиденциальности и условиями обслуживания."
          ariaLabel="Форма контактов и бронирования БирХофф"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "О ресторане",              items: [
                { label: "История БирХофф", href: "/about" },
                { label: "Наша философия", href: "/philosophy" },
                { label: "Команда", href: "/team" }
              ]
            },
            {
              title: "Услуги",              items: [
                { label: "Меню", href: "/menu" },
                { label: "Приватные залы", href: "/private-rooms" },
                { label: "Доставка", href: "/delivery" }
              ]
            },
            {
              title: "Контакты",              items: [
                { label: "Адрес: ул. Советская, 45, Брянск", href: "https://maps.google.com" },
                { label: "Телефон: +7 (483) 200-11-11", href: "tel:+74832001111" },
                { label: "Email: info@birhoff.ru", href: "mailto:info@birhoff.ru" }
              ]
            },
            {
              title: "Социальные сети",              items: [
                { label: "Instagram", href: "https://instagram.com/birhoff.bryansk" },
                { label: "ВКонтакте", href: "https://vk.com/birhoff.bryansk" },
                { label: "Яндекс.Карты", href: "https://yandex.ru/maps" }
              ]
            }
          ]}
          copyrightText="© 2024 БирХофф. Все права защищены. Лицензия на оказание услуг общественного питания."
          ariaLabel="Подвал сайта БирХофф"
        />
      </div>
    </ThemeProvider>
  );
}