"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 FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="blurBottom"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Головна",
          id: "hero",
        },
        {
          name: "Про нас",
          id: "about",
        },
        {
          name: "Меню",
          id: "products",
        },
        {
          name: "Відгуки",
          id: "testimonials",
        },
        {
          name: "Контакти",
          id: "contact",
        },
      ]}
      brandName="Реберня"
      button={{
        text: "Забронювати",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Майстерня смаку у Чернівцях"
      description="Справжні ребра з вогню, приготовані з любов'ю та майстерністю. Відкрийте для себе нову гастрономічну легенду міста."
      buttons={[
        {
          text: "Меню",
          href: "#products",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-chef-decorating-dish_23-2147863785.jpg",
          imageAlt: "Rebernya Rib Platter",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-azerbaijani-buglama-white-plate-with-herbs_140725-10406.jpg",
          imageAlt: "Fresh Ribs",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-bbq-pork-rips_74190-7885.jpg",
          imageAlt: "Gourmet Meat",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/sun-dried-beef-fried-with-tomato-sauce-steamed-rice_1150-25394.jpg",
          imageAlt: "BBQ Preparation",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-lamb-chops-wooden-board_23-2148440968.jpg",
          imageAlt: "Delicious Dish",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/meat-chicken-kebab-sprinkled-with-sumac-onion_140725-9570.jpg",
          imageAlt: "Rebernya Atmosphere",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="Філософія майстерності"
      description="Ми не просто готуємо м'ясо — ми створюємо гастрономічне мистецтво. Кожна порція ребер у нашій чернівецькій майстерні проходить через тривалий процес маринування та томління на відкритому вогні."
      bulletPoints={[
        {
          title: "Якість продукту",
          description: "Обираємо тільки найкращі фермерські продукти.",
        },
        {
          title: "Відкритий вогонь",
          description: "Секрет особливого смаку у натуральному деревному диму.",
        },
        {
          title: "Сімейна атмосфера",
          description: "Місце, де кожен відчуває себе як вдома.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/interior-store-selling-iron-items_181624-57733.jpg"
      imageAlt="Craftsmanship at Rebernya"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Фірмові свині ребра",
          price: "285 грн",
          imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-crumpled-paper-top-view-ai-generative_123827-23832.jpg",
        },
        {
          id: "p2",
          name: "Яловичі ребра BBQ",
          price: "345 грн",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-vegetables-with-sauce_140725-2767.jpg",
        },
        {
          id: "p3",
          name: "Печена картопля з беконом",
          price: "120 грн",
          imageSrc: "http://img.b2bpic.net/free-photo/cooked-potatoes-wooden-board_23-2148501644.jpg",
        },
        {
          id: "p4",
          name: "Реберня-мікс",
          price: "490 грн",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-vegetable_1203-9964.jpg",
        },
        {
          id: "p5",
          name: "Стейк з вогню",
          price: "395 грн",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-slice-with-lemon-slices-dark-background-meat-dinner-food-dish-fry-color-animal-rib-cooking-barbecue-wine_179666-46369.jpg",
        },
        {
          id: "p6",
          name: "Фірмовий сет на компанію",
          price: "890 грн",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-cooked-meat-with-greens-cherry-tomatoes-oil-seasonings-blue-desk_140725-58332.jpg",
        },
      ]}
      title="Наше фірмове меню"
      description="Дослідіть наш асортимент м'ясних шедеврів, кожен з яких готується за унікальною рецептурою."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Олексій",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
        },
        {
          id: "t2",
          name: "Олена",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
        },
        {
          id: "t3",
          name: "Андрій",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-man-eating-potato_23-2148899059.jpg",
        },
        {
          id: "t4",
          name: "Марія",
          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-pleased-adorable-dark-skinned-african-american-female-sits-comfortable-couch-holds-soft-cushion_273609-3094.jpg",
        },
        {
          id: "t5",
          name: "Дмитро",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
        },
      ]}
      cardTitle="Думки наших гостей"
      cardTag="Відгуки"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Чи потрібен попередній запис?",
          content: "Так, ми рекомендуємо бронювати столик заздалегідь, особливо у вихідні дні.",
        },
        {
          id: "f2",
          title: "Чи є варіанти для вегетаріанців?",
          content: "Ми пропонуємо смачні страви з печеними овочами та гарнірами.",
        },
        {
          id: "f3",
          title: "Чи працюєте ви на винос?",
          content: "Ви можете замовити будь-яку страву на винос, попередньо зателефонувавши нам.",
        },
      ]}
      sideTitle="Питання та відповіді"
      sideDescription="Часто задають ці питання"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Контакти"
      title="Чекаємо на вас у Реберні"
      description="Забронюйте столик сьогодні та відчуйте смак справжніх чернівецьких ребер."
      buttons={[
        {
          text: "Телефонувати",
          href: "tel:+380000000000",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Реберня"
      columns={[
        {
          title: "Меню",
          items: [
            {
              label: "Ребра",
              href: "#products",
            },
            {
              label: "Стейки",
              href: "#products",
            },
          ],
        },
        {
          title: "Інформація",
          items: [
            {
              label: "Про нас",
              href: "#about",
            },
            {
              label: "Контакти",
              href: "#contact",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
