"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="circleGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Products", id: "products" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Perekus Plus"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Свіжа їжа у вас вдома"
      description="Швидка доставка ваших улюблених страв від Perekus Plus. Смачно, гаряче та завжди вчасно."
      imageSrc="http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-lemon-bell-pepper-cauliflower-carrot-lettuce-shopping-bag-dark-background_140725-145347.jpg"
      showBlur={true}
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/label-food-near-lunchbox_23-2147866330.jpg", alt: "Label and food near lunchbox" },
        { src: "http://img.b2bpic.net/free-photo/flat-lay-boxes-with-salad-yellow-background_23-2148247885.jpg", alt: "Flat lay boxes with salad on yellow background" },
        { src: "http://img.b2bpic.net/free-photo/top-view-vegetable-composition-cabbage-carrots-greens-red-spicy-peppers-bright-desk-vegetable-food-meal-healthy-color_140725-31047.jpg", alt: "Top view vegetable composition" },
        { src: "http://img.b2bpic.net/free-photo/colorful-capsicum-orange-bananas-gray-concrete-background_23-2148062371.jpg", alt: "Colorful capsicum" },
        { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2150188339.jpg", alt: "Medium shot woman posing outdoors" },
      ]}
      avatarText="Приєднуйтесь до 5000+ задоволених клієнтів"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Про нас"
      description={[
        "Ми дбаємо про те, щоб кожен ваш обід був справжнім святом смаку.",        "Використовуємо лише найсвіжіші продукти та найкращі рецепти від наших шефів."]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Обирайте",          description: "Оберіть улюблені страви у нашому меню.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-taking-pictures-meal_23-2149286426.jpg" },
          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-concept_23-2149880608.jpg" }
        },
        {
          title: "Замовляйте",          description: "Оформіть замовлення в один клік.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-phone-with-online-menu_23-2149303455.jpg" },
          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149177827.jpg" }
        },
        {
          title: "Насолоджуйтесь",          description: "Ми доставимо все за 30 хвилин.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-smartphone-device-with-map-gps-technology_23-2150458977.jpg" },
          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-people-using-maps-phones_53876-15135.jpg" }
        }
      ]}
      showStepNumbers={true}
      title="Як ми працюємо"
      description="Процес замовлення максимально простий та швидкий."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "p1", brand: "Perekus", name: "Фірмовий бургер", price: "180 грн", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/editorial-style-valentine-s-day-celebration_23-2151922511.jpg" },
        { id: "p2", brand: "Perekus", name: "Піца Пепероні", price: "220 грн", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/meat-pizza-with-cheese-vegetables-wooden-board_140725-1397.jpg" },
        { id: "p3", brand: "Perekus", name: "Салат Цезар", price: "150 грн", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/traditional-waldorf-salad-wooden-background-top-view_127032-3275.jpg" },
        { id: "p4", brand: "Perekus", name: "Паста Карбонара", price: "190 грн", rating: 4, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pasta-with-sauce-bowl-table-with-glass-red-wine_181624-31544.jpg" },
        { id: "p5", brand: "Perekus", name: "Шоколадний торт", price: "90 грн", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/front-view-french-macarons-inside-plate-white-table-biscuit-sweet-cake_140725-124026.jpg" },
        { id: "p6", brand: "Perekus", name: "Сет суші", price: "350 грн", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/different-sushi-delivery-varieties-sushi-lunch-dinner_132075-14375.jpg" },
      ]}
      title="Наші страви"
      description="Спробуйте найкращі хіти від нашого шефа."
    />
  </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/man-presents-girl-ring_1398-4220.jpg" },
        { id: "2", title: "Швидка доставка", quote: "Привезли гарячим, супер.", name: "Андрій", role: "Клієнт", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-cheerful-businessman-eating-hamburger-while-working-cafe_1163-1643.jpg" },
        { id: "3", title: "Смачно", quote: "Завжди свіжі інгредієнти.", name: "Марина", role: "Клієнт", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-preparing-christmas-dinner_23-2149144965.jpg" },
        { id: "4", title: "Рекомендую", quote: "Дуже смачно, дякую!", name: "Сергій", role: "Клієнт", imageSrc: "http://img.b2bpic.net/free-photo/roommates-sharing-meal-together_23-2149112123.jpg" },
        { id: "5", title: "Супер сервіс", quote: "Замовляю тільки тут.", name: "Ірина", role: "Клієнт", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-girl-colorful-cape-excited-happy-black-background-cleaning-housewife_140725-16149.jpg" },
      ]}
      title="Відгуки клієнтів"
      description="Що кажуть про нас наші гості."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "1000+", title: "Замовлень", description: "Щомісяця", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-photos_23-2149250065.jpg" },
        { id: "m2", value: "50+", title: "Страви", description: "У меню", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-working-small-business-ecommerce-holding-take-away-food-looking-positive-happy-standing-smiling-with-confident-smile-showing-teeth_839833-9709.jpg" },
        { id: "m3", value: "30хв", title: "Доставка", description: "Середній час", imageSrc: "http://img.b2bpic.net/free-photo/business-executives-having-meal_1170-1739.jpg" },
      ]}
      title="Наші досягнення"
      description="Результати нашої щоденної роботи."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        { id: "q1", title: "Як зробити замовлення?", content: "Оформіть через сайт або зателефонуйте." },
        { id: "q2", title: "Яка вартість доставки?", content: "Безкоштовна при замовленні від 300 грн." },
        { id: "q3", title: "Як працюєте?", content: "Щодня з 10:00 до 22:00." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-metallic-kitchen_23-2151113203.jpg"
      mediaAnimation="slide-up"
      faqsAnimation="slide-up"
      title="Питання та відповіді"
      description="Корисна інформація для клієнтів."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "gradient-bars" }}
      tag="Розсилка"
      title="Залишайтеся на зв'язку"
      description="Підпишіться на наші новини та акції."
      imageSrc="http://img.b2bpic.net/free-photo/man-with-bag-hailing-cab_23-2147932353.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/senior-people-having-fun-party_23-2149299023.jpg"
      logoText="Perekus Plus"
      columns={[
        { title: "Меню", items: [{ label: "Бургери", href: "#products" }, { label: "Піца", href: "#products" }] },
        { title: "Компанія", items: [{ label: "Про нас", href: "#about" }, { label: "Контакти", href: "#contact" }] },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
