"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 NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="mediumLargeSizeLargeTitles"
        background="blurBottom"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Главная",
          id: "/",
        },
        {
          name: "О нас",
          id: "/about",
        },
        {
          name: "Функции",
          id: "/features",
        },
        {
          name: "Цены",
          id: "/pricing",
        },
        {
          name: "Аккаунт",
          id: "/account",
        },
        {
          name: "Контакты",
          id: "/contact",
        },
      ]}
      button={{
        text: "Войти",
        href: "/register",
      }}
      brandName="My Own Platform"
    />
  </div>

  <div id="contact-page-form" data-section="contact-page-form">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Связаться с Нами"
      description="Мы всегда рады помочь. Заполните форму ниже, и мы ответим вам в кратчайшие сроки."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Ваше Имя",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Ваш Email",
          required: true,
        },
        {
          name: "subject",
          type: "text",
          placeholder: "Тема Сообщения",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Ваше Сообщение",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/support-agent-reviewing-feedback_482257-124716.jpg"
      imageAlt="Современный центр поддержки клиентов"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Отправить Запрос"
    />
  </div>

  <div id="contact-faq" data-section="contact-faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Где находится ваш офис?",
          content: "Мы работаем удаленно, но всегда на связи онлайн. Наша команда распределена по всему миру для обеспечения круглосуточной поддержки.",
        },
        {
          id: "2",
          title: "Могу ли я получить демо-версию?",
          content: "Да, свяжитесь с нами, чтобы запросить персонализированную демонстрацию платформы.",
        },
        {
          id: "3",
          title: "Какие языки поддерживает поддержка?",
          content: "Наша служба поддержки общается на армянском, русском и английском языках.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/anime-character-traveling_23-2151278649.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/shiny-blue-computer-graphic-backdrop-with-defocused-motion-generated-by-ai_188544-9599.jpg?_wi=8"
      imageAlt="Абстрактный цифровой пейзаж"
      logoText="My Own Platform"
      columns={[
        {
          title: "Навигация",
          items: [
            {
              label: "Главная",
              href: "/",
            },
            {
              label: "О нас",
              href: "/about",
            },
            {
              label: "Функции",
              href: "/features",
            },
            {
              label: "Цены",
              href: "/pricing",
            },
          ],
        },
        {
          title: "Аккаунт",
          items: [
            {
              label: "Мой Аккаунт",
              href: "/account",
            },
            {
              label: "Регистрация",
              href: "/register",
            },
            {
              label: "Админ Панель",
              href: "/admin",
            },
          ],
        },
        {
          title: "Поддержка",
          items: [
            {
              label: "Контакты",
              href: "/contact",
            },
            {
              label: "FAQ",
              href: "/#faq",
            },
            {
              label: "Политика Конфиденциальности",
              href: "/privacy",
            },
          ],
        },
      ]}
      copyrightText="© 2024 My Own Platform | Все права защищены."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
