"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Star, Users, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="medium"
        background="grid"
        cardStyle="layered-gradient"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Головна",          id: "#hero"},
        {
          name: "Про нас",          id: "#about"},
        {
          name: "Меню",          href: "/menu"},
        {
          name: "Відгуки",          id: "#reviews"},
        {
          name: "Галерея",          id: "#gallery"},
        {
          name: "Події",          id: "#events-celebrations"},
        {
          name: "Бронювання",          id: "#reservation-contact"},
      ]}
      brandName="Siesta Restaurant"
      button={{
        text: "Забронювати столик",        href: "#reservation-contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient"}}
      logoText="Ресторан Siesta"
      description="Вишукана українська та європейська кухня в атмосфері затишку та гостинності. ⭐ 4.7/5 рейтинг, 272+ відгуків."
      buttons={[
        {
          text: "Переглянути меню",          href: "/menu"},
        {
          text: "Забронювати столик",          href: "#reservation-contact"},
      ]}
      buttonAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg"
      imageAlt="Розкішний інтер'єр ресторану Siesta"
      mediaAnimation="slide-up"
      frameStyle="card"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Siesta — це місце, де поєднуються традиції української кухні, авторська подача страв та тепла атмосфера. Ми створюємо ідеальні умови для сімейних вечерь, святкувань, весіль та особливих подій."
      metrics={[
        {
          icon: Star,
          label: "Рейтинг",          value: "4.7/5"},
        {
          icon: Users,
          label: "Щасливих Гостей",          value: "10K+"},
        {
          icon: Utensils,
          label: "Вишуканих Страв",          value: "200+"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="popular-dishes" data-section="popular-dishes">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "dish-1",          name: "Борщ Український",          price: "180 ₴",          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-sliced-blue_114579-16316.jpg",          imageAlt: "Борщ Український"},
        {
          id: "dish-2",          name: "Салат Цезар з куркою BBQ",          price: "220 ₴",          imageSrc: "http://img.b2bpic.net/free-photo/chicken-caesar-salad-with-orange-juice_140725-3371.jpg",          imageAlt: "Салат Цезар з куркою BBQ"},
        {
          id: "dish-3",          name: "Салат Цезар зі слабосоленим лососем",          price: "280 ₴",          imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad_74190-5799.jpg",          imageAlt: "Салат Цезар зі слабосоленим лососем"},
        {
          id: "dish-4",          name: "Крем-суп Велюр",          price: "160 ₴",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-creme-brulee-delight_23-2151940280.jpg",          imageAlt: "Крем-суп Велюр"},
        {
          id: "dish-5",          name: "Тарілка українських м’ясних делікатесів",          price: "350 ₴",          imageSrc: "http://img.b2bpic.net/free-photo/mixed-pate-plate-walnuts-vegetables-spinach-top-view_141793-4490.jpg",          imageAlt: "Тарілка українських м’ясних делікатесів"},
        {
          id: "dish-6",          name: "Оселедець",          price: "150 ₴",          imageSrc: "http://img.b2bpic.net/free-photo/homemade-fish-sandwiches-plate-grey-surface_114579-42803.jpg",          imageAlt: "Оселедець"},
        {
          id: "dish-7",          name: "Грецький салат з сиром Фета",          price: "190 ₴",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-greek-salad-with-black-olives-bread-mushrooms_141793-4031.jpg",          imageAlt: "Грецький салат з сиром Фета"},
        {
          id: "dish-8",          name: "Сало українське",          price: "120 ₴",          imageSrc: "http://img.b2bpic.net/free-photo/pieces-meat-plate-table-family-dinner-concept_169016-48400.jpg",          imageAlt: "Сало українське"},
        {
          id: "dish-9",          name: "Лосось слабого посолу",          price: "290 ₴",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-fresh-raw-fishes-lemon-slices-greens-pepper-wooden-cutting-board-pepper-knife-dark-mix-colors-table_179666-18231.jpg",          imageAlt: "Лосось слабого посолу"},
        {
          id: "dish-10",          name: "Торт Наполеон",          price: "170 ₴",          imageSrc: "http://img.b2bpic.net/free-photo/pound-cake-with-layers-caramel-peanut_140725-3948.jpg",          imageAlt: "Торт Наполеон"},
      ]}
      title="Популярні Страви"
      description="Насолоджуйтесь вишуканими стравами української та європейської кухні, які вже завоювали серця наших гостей. Кожна страва — це витвір мистецтва та незабутній смак."
      buttons={[
        {
          text: "Переглянути Повне Меню",          href: "/menu"}
      ]}
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          title: "Відмінний сервіс та смачна їжа",          quote: "Чудовий ресторанчик. Приємний інтер'єр, смачна їжа з цікавою подачею та гарне обслуговування.",          name: "Олена П.",          role: "Відвідувач",          imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",          imageAlt: "Фото Олени П."},
        {
          id: "t2",          title: "Ідеальне місце для святкувань",          quote: "Хочемо висловити вдячність ресторану Siesta за допомогу у проведенні весілля наших дітей.",          name: "Ігор та Світлана В.",          role: "Батьки молодят",          imageSrc: "http://img.b2bpic.net/free-photo/groom-dressed-white-shirt_1157-19034.jpg",          imageAlt: "Фото Ігора та Світлани В."},
        {
          id: "t3",          title: "Кулінарний шедевр - торт Наполеон",          quote: "Замовила торт Наполеон вже не вперше. Це шедевр!",          name: "Марія К.",          role: "Постійний клієнт",          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-donut_1157-8686.jpg",          imageAlt: "Фото Марії К."},
        {
          id: "t4",          title: "Затишок та романтика",          quote: "Затишна атмосфера та вишукана кухня. Ідеальне місце для романтичної вечері!",          name: "Анна Л.",          role: "Відвідувач",          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-couple-talking-while-man-is-serving-food-dining-table_637285-10334.jpg",          imageAlt: "Фото Анни Л."},
        {
          id: "t5",          title: "Високий рівень у всьому",          quote: "Дуже смачно та швидко! Обслуговування на вищому рівні. Рекомендую!",          name: "Дмитро С.",          role: "Бізнесмен",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waiter-waitress-standing-counter_1170-611.jpg",          imageAlt: "Фото Дмитра С."},
      ]}
      title="Що говорять наші гості"
      description="Дізнайтеся, що говорять наші відвідувачі про атмосферу, сервіс та незабутні смаки в Siesta Restaurant. Загальний рейтинг: 4.7/5 на основі 272 відгуків."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Фотогалерея Siesta Restaurant"
      description="Пориньте у світ вишуканих страв, затишних інтер'єрів та незабутніх моментів, зафіксованих у нашій галереї."
      blogs={[
        {
          id: "g1",          category: "Гастрономія",          title: "Вишукані страви від Шеф-кухаря",          excerpt: "Насолоджуйтесь шедеврами кулінарного мистецтва, створеними з любов'ю та майстерністю.",          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg",          imageAlt: "Вишукана страва",          authorName: "Siesta Team",          authorAvatar: "http://img.b2bpic.net/free-photo/young-caucasian-male-barber-wearing-uniform-glasses-standing-looking-camera-isolated-green-background-with-copy-space_141793-31666.jpg",          date: "2024-05-20"
        },
        {
          id: "g2",          category: "Інтер'єр",          title: "Затишні куточки нашого ресторану",          excerpt: "Відкрийте для себе елегантність та комфорт в кожній деталі нашого закладу.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-dark-square-plates-with-golden-fork-knife-cup-dark-background_179666-19331.jpg",          imageAlt: "Інтер'єр ресторану",          authorName: "Siesta Team",          authorAvatar: "http://img.b2bpic.net/free-photo/young-caucasian-male-barber-wearing-uniform-glasses-standing-looking-camera-isolated-green-background-with-copy-space_141793-31666.jpg",          date: "2024-05-20"
        },
        {
          id: "g3",          category: "Події",          title: "Незабутні святкування в Siesta",          excerpt: "Фотографії з ваших особливих моментів, проведених у стінах нашого ресторану.",          imageSrc: "http://img.b2bpic.net/free-photo/catering-restaurant-service_624325-934.jpg",          imageAlt: "Святкування події",          authorName: "Siesta Team",          authorAvatar: "http://img.b2bpic.net/free-photo/young-caucasian-male-barber-wearing-uniform-glasses-standing-looking-camera-isolated-green-background-with-copy-space_141793-31666.jpg",          date: "2024-05-20"
        },
        {
          id: "g4",          category: "Гастрономія",          title: "Свіжі салати та закуски",          excerpt: "Легкі та смачні страви, що ідеально доповнюють вашу вечерю.",          imageSrc: "http://img.b2bpic.net/free-photo/various-food-table_140725-4310.jpg",          imageAlt: "Свіжий салат",          authorName: "Siesta Team",          authorAvatar: "http://img.b2bpic.net/free-photo/young-caucasian-male-barber-wearing-uniform-glasses-standing-looking-camera-isolated-green-background-with-copy-space_141793-31666.jpg",          date: "2024-05-20"
        },
        {
          id: "g5",          category: "Інтер'єр",          title: "Сучасний дизайн та атмосфера",          excerpt: "Поєднання класики та модерну для вашого максимального комфорту.",          imageSrc: "http://img.b2bpic.net/free-photo/hookah-sparksfrom-grapefruit-hookah-bowl_141793-3261.jpg",          imageAlt: "Сучасний бар",          authorName: "Siesta Team",          authorAvatar: "http://img.b2bpic.net/free-photo/young-caucasian-male-barber-wearing-uniform-glasses-standing-looking-camera-isolated-green-background-with-copy-space_141793-31666.jpg",          date: "2024-05-20"
        },
        {
          id: "g6",          category: "Події",          title: "Радісні моменти з нашими гостями",          excerpt: "Фотографії, що передають атмосферу щастя та святкового настрою.",          imageSrc: "http://img.b2bpic.net/free-photo/excited-kids-releasing-balloons-party_23-2147897597.jpg",          imageAlt: "Дні народження",          authorName: "Siesta Team",          authorAvatar: "http://img.b2bpic.net/free-photo/young-caucasian-male-barber-wearing-uniform-glasses-standing-looking-camera-isolated-green-background-with-copy-space_141793-31666.jpg",          date: "2024-05-20"
        },
      ]}
    />
  </div>

  <div id="events-celebrations" data-section="events-celebrations">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          label: "Весілля",          title: "Елегантні весілля",          items: [
            "Комплексний підхід до організації",            "Вишукана кухня та авторські страви",            "Створення незабутньої атмосфери"],
        },
        {
          id: "f2",          label: "Дні народження",          title: "Яскраві святкування",          items: [
            "Індивідуальне меню для кожного гостя",            "Затишна атмосфера та святковий декор",            "Професійне обслуговування"],
        },
        {
          id: "f3",          label: "Корпоративні заходи",          title: "Професійні події",          items: [
            "Сучасне обладнання для презентацій",            "Вишуканий кейтеринг та обслуговування",            "Комфортні зони для спілкування"],
        },
        {
          id: "f4",          label: "Сімейні урочистості",          title: "Теплі зустрічі",          items: [
            "Меню, розроблене для всієї родини",            "Комфорт та увага до кожного гостя",            "Створення теплої, домашньої атмосфери"],
        },
      ]}
      title="Ваші Особливі Події в Siesta"
      description="Ми створюємо незабутні спогади, перетворюючи кожне святкування на вишукану подію. Дозвольте нам подбати про всі деталі, щоб ваш день був ідеальним."
    />
  </div>

  <div id="reservation-contact" data-section="reservation-contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      text="### Бронювання Столика та Контакти\n\nЩоб забронювати столик, будь ласка, зв'яжіться з нами або заповніть форму (буде інтегрована тут). Ми зв'яжемося з вами найближчим часом для підтвердження.\n\n**Години роботи:**\nЩодня: 09:00 – 21:00\n\n**Середній чек:**\n200 – 600 ₴ з особи\n\n**Наші контакти:**\n📞 +380 (XX) XXX-XX-XX\n📧 info@siestarestaurant.com\n📍 м. Київ, вул. Центральна, 10\n\n_На інтерактивній карті нижче ви знайдете наше точне місце розташування._"
      buttons={[
        {
          text: "Забронювати столик",          href: "#reservation-contact"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Siesta Restaurant"
      columns={[
        {
          title: "Навігація",          items: [
            {
              label: "Головна",              href: "#hero"},
            {
              label: "Про нас",              href: "#about"},
            {
              label: "Меню",              href: "/menu"},
            {
              label: "Галерея",              href: "#gallery"},
            {
              label: "Події",              href: "#events-celebrations"},
            {
              label: "Відгуки",              href: "#reviews"},
            {
              label: "Контакти",              href: "#reservation-contact"},
          ],
        },
        {
          title: "Соціальні мережі",          items: [
            {
              label: "Facebook",              href: "#"},
            {
              label: "Instagram",              href: "#"},
            {
              label: "TikTok",              href: "#"},
          ],
        },
        {
          title: "Юридична інформація",          items: [
            {
              label: "Політика конфіденційності",              href: "#"},
            {
              label: "Умови використання",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Siesta Restaurant. Усі права захищені."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
