"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmall"
        background="noiseDiagonalGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Головна",
          id: "/",
        },
        {
          name: "Меню",
          id: "/menu",
        },
        {
          name: "Замовити",
          id: "/order",
        },
        {
          name: "Бронювання",
          id: "/reservation",
        },
        {
          name: "Галерея",
          id: "/gallery",
        },
        {
          name: "Контакти",
          id: "/contacts",
        },
      ]}
      brandName="Pizzeria Daniel"
      button={{
        text: "Замовити Онлайн",
        href: "/order",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="order-form" data-section="order-form">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Онлайн Замовлення"
      description="Заповніть форму, щоб замовити ваші улюблені страви з Pizzeria Daniel. Ми зв'яжемося з вами найближчим часом для підтвердження замовлення."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Ваше Ім'я",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Номер Телефону",
          required: true,
        },
        {
          name: "address",
          type: "text",
          placeholder: "Адреса Доставки",
          required: true,
        },
      ]}
      textarea={{
        name: "orderDetails",
        placeholder: "Деталі Замовлення (наприклад, '2 піци Маргарита, 1 Паста Карбонара')",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/tasty-pizza-wooden-board_23-2148570361.jpg"
      imageAlt="Замовлення піци онлайн"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Підтвердити Замовлення"
    />
  </div>

  <div id="faq-order" data-section="faq-order">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Які зони доставки?",
          content: "Ми здійснюємо доставку по всій Коломиї. Щоб дізнатися точний час доставки до вашої адреси, будь ласка, зв'яжіться з нами.",
        },
        {
          id: "f2",
          title: "Які способи оплати доступні?",
          content: "Ви можете оплатити замовлення готівкою кур'єру або онлайн банківською карткою через наш сайт.",
        },
        {
          id: "f3",
          title: "Чи можу я змінити замовлення після підтвердження?",
          content: "Будь ласка, негайно зателефонуйте нам, якщо вам потрібно змінити замовлення. Ми зробимо все можливе, щоб допомогти, якщо замовлення ще не готується.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/fried-salmon-sauce-fried-eggplant_140725-2972.jpg"
      imageAlt="Шеф-кухар готує страву"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Запитання щодо Замовлення та Доставки"
      description="Знайдіть відповіді на найпоширеніші запитання про процес замовлення та умови доставки."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/love-sign-wall-wedding-reception_637285-5615.jpg"
      imageAlt="Екстер'єр ресторану Pizzeria Daniel"
      logoText="Pizzeria Daniel"
      columns={[
        {
          title: "Меню",
          items: [
            {
              label: "Піца",
              href: "/menu",
            },
            {
              label: "Страви",
              href: "/menu",
            },
            {
              label: "Суші",
              href: "/menu",
            },
            {
              label: "Напої",
              href: "/menu",
            },
          ],
        },
        {
          title: "Компанія",
          items: [
            {
              label: "Про Нас",
              href: "/about",
            },
            {
              label: "Галерея",
              href: "/gallery",
            },
            {
              label: "Контакти",
              href: "/contacts",
            },
          ],
        },
        {
          title: "Сервіс",
          items: [
            {
              label: "Замовити Онлайн",
              href: "/order",
            },
            {
              label: "Бронювання",
              href: "/reservation",
            },
            {
              label: "Політика Конфіденційності",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Pizzeria Daniel. Усі права захищено."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
