"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 FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

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="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-animated",
      }}
      title="Ваша Многоязычная Платформа для Управления и Оплаты"
      description="Управляйте своим бизнесом эффективно с помощью нашей платформы, поддерживающей армянский, русский и английский языки. Персональный кабинет, безопасные платежи и мощный админ-контроль."
      testimonials={[
        {
          name: "Анна Саргсян",
          handle: "@AnnaSargsyan",
          testimonial: "Платформа полностью преобразила мой бизнес. Многоязычность - это находка!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
          imageAlt: "Анна Саргсян, CEO Tech Solutions",
        },
        {
          name: "Дмитрий Иванов",
          handle: "@DmitryIvanov",
          testimonial: "Интуитивный интерфейс и надежная система оплаты. Мои клиенты довольны.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg",
          imageAlt: "Дмитрий Иванов, CTO Innovate Corp",
        },
        {
          name: "Мариам Петросян",
          handle: "@MariamPetrosyan",
          testimonial: "Управление аккаунтами и контентом стало намного проще. Очень рекомендую!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-office-worker-singing-desk_482257-120828.jpg",
          imageAlt: "Мариам Петросян, Marketing Director GlobalGrowth",
        },
        {
          name: "Сергей Кочарян",
          handle: "@SergeyKocharyan",
          testimonial: "Админ-панель дает полный контроль. Лучшее решение для моего проекта.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-team-sitting-conference-room-virtual-meeting-discussing-online-with-business-partners_482257-5025.jpg",
          imageAlt: "Сергей Кочарян, Product Lead StartupXYZ",
        },
        {
          name: "Елена Волкова",
          handle: "@ElenaVolkova",
          testimonial: "Быстрая регистрация и легкая оплата. Никаких проблем с использованием.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-standing-office-desk-planning-business-plan_23-2147955174.jpg",
          imageAlt: "Елена Волкова, Operations Manager ConnectNet",
        },
        {
          name: "Армен Григорян",
          handle: "@ArmenGrigoryan",
          testimonial: "Отличная поддержка клиентов и стабильная работа. Чувствую себя в безопасности.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg",
          imageAlt: "Армен Григорян, Finance Analyst DigitalFunds",
        },
      ]}
      tag="Многоязычие и Управление"
      buttons={[
        {
          text: "Начать Бесплатно",
          href: "/register",
        },
        {
          text: "Узнать Больше",
          href: "/features",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-jolly-man-home-feeling-happy-grateful-life_482257-123005.jpg",
          alt: "User 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-redhead-lady_23-2148339146.jpg",
          alt: "User 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/executive-with-glasses-suit_1098-529.jpg",
          alt: "User 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-model-sexy-unshaven-man-dressed-white-summer-tshirt-jeans-clothes-fashion-male-posing-near-blue-wall-studio-isolated_158538-26836.jpg",
          alt: "User 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
          alt: "User 5",
        },
      ]}
      avatarText="+1000 довольных пользователей"
      imageSrc="http://img.b2bpic.net/free-photo/one-world-peace-connection-relationship-interconnection-concept_53876-13735.jpg"
      imageAlt="Многоязычный цифровой дашборд"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-vector/abstract-ball-logo-template_1048-857.jpg",
          alt: "Global Tech Logo",
        },
        {
          type: "image",
          src: "asset://hero-marquee-logo-2",
          alt: "Software Dev Logo",
        },
        {
          type: "image",
          src: "asset://hero-marquee-logo-3",
          alt: "Data Analytics Logo",
        },
        {
          type: "image",
          src: "asset://hero-marquee-logo-4",
          alt: "Digital Marketing Logo",
        },
        {
          type: "image",
          src: "asset://hero-marquee-logo-5",
          alt: "Cloud Computing Logo",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="О Нашей Платформе"
      description="Наша платформа разработана для предоставления мощных инструментов управления бизнесом и взаимодействия с клиентами. Мы поддерживаем армянский, русский и английский языки, чтобы вы могли легко работать с международной аудиторией. Мы стремимся упростить администрирование, обеспечить безопасные платежи и предоставить интуитивно понятный личный кабинет для каждого пользователя."
      tag="Инновации и Доступность"
      imageSrc="http://img.b2bpic.net/free-photo/coworkers-use-technology-office_482257-120242.jpg"
      imageAlt="Команда работает вместе над проектом"
    />
  </div>

  <div id="features-overview" data-section="features-overview">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Полная Многоязычность",
          description: "Поддержка армянского, русского и английского языков для глобальной аудитории и удобства использования.",
          imageSrc: "http://img.b2bpic.net/free-photo/business-branding-label-chart-graphic_53876-124737.jpg",
          imageAlt: "Интерфейс управления многоязычным контентом",
        },
        {
          title: "Интуитивный Личный Кабинет",
          description: "Легкое управление вашими данными, подписками и настройками в удобном и защищенном личном кабинете.",
          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-professional-work_23-2152001152.jpg",
          imageAlt: "Панель безопасного личного кабинета",
        },
        {
          title: "Безопасная Система Оплаты",
          description: "Быстрые и надежные транзакции с поддержкой различных способов оплаты, обеспечивающие максимальную безопасность.",
          imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-onboarding-app_23-2148403501.jpg",
          imageAlt: "Интерфейс безопасной обработки платежей",
        },
      ]}
      title="Ключевые Возможности Платформы"
      description="Откройте для себя, как наша платформа упрощает управление вашими операциями и улучшает взаимодействие с пользователями."
      tag="Простота и Функциональность"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "GlobalTech",
        "InnovateSolutions",
        "DataBridge",
        "MarketMakers",
        "CloudSphere",
        "EcomPilot",
        "FinWise",
      ]}
      title="Нам Доверяют Ведущие Компании"
      description="Наши партнеры ценят надежность и инновации нашей платформы."
      tag="Наши Партнеры"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "1",
          name: "Анна Саргсян",
          role: "CEO, Tech Solutions",
          testimonial: "Наша компания работает с клиентами по всему миру, и многоязычность этой платформы стала для нас решающим фактором. Переключение между армянским, русским и английским языками происходит без усилий, что значительно повысило нашу эффективность. Это просто гениально!",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",
          imageAlt: "Анна Саргсян",
        },
        {
          id: "2",
          name: "Дмитрий Иванов",
          role: "CTO, Innovate Corp",
          testimonial: "Как технический директор, я всегда ищу надежные и безопасные решения. Система оплаты на этой платформе безупречна, а возможности личного кабинета превосходят все ожидания. Мы смогли легко интегрировать ее в наши процессы.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-hipster-male-dressed-casual-clothes-with-glasses-full-beard-standing-with-crossed-arms-studio-isolated-dark-background_613910-20093.jpg",
          imageAlt: "Дмитрий Иванов",
        },
        {
          id: "3",
          name: "Мариам Петросян",
          role: "Marketing Director, GlobalGrowth",
          testimonial: "Наша маркетинговая стратегия охватывает несколько рынков, и эта платформа идеально подходит для наших нужд. Управление контентом на трех языках из одной панели — это огромная экономия времени. Мои команды в восторге от простоты использования.",
          imageSrc: "http://img.b2bpic.net/free-photo/positive-young-woman-using-laptop-table-street-cafe_23-2148068441.jpg",
          imageAlt: "Мариам Петросян",
        },
        {
          id: "4",
          name: "Сергей Кочарян",
          role: "Product Lead, StartupXYZ",
          testimonial: "Возможности админ-панели дают мне полный контроль над платформой. Я могу легко управлять пользователями, отслеживать метрики и обеспечивать бесперебойную работу. Это по-настоящему мощный инструмент для роста.",
          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-businessman-looking-light-bulb-with-diagrams_1232-735.jpg",
          imageAlt: "Сергей Кочарян",
        },
        {
          id: "5",
          name: "Елена Волкова",
          role: "Operations Manager, ConnectNet",
          testimonial: "Процесс регистрации был невероятно быстрым, а настройка личного кабинета заняла всего несколько минут. Оплата проходит без задержек. Для нас как для компании, ориентированной на эффективность, это идеальное решение.",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-powerful-administrator-feeling-proud-his-career-success_482257-126220.jpg",
          imageAlt: "Елена Волкова",
        },
      ]}
      title="Что Говорят Наши Клиенты"
      description="Узнайте, как наша платформа помогла им достичь своих целей."
      tag="Наши Успехи"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Какие языки поддерживает ваша платформа?",
          content: "Наша платформа полностью поддерживает армянский, русский и английский языки, обеспечивая удобство для пользователей из разных стран.",
        },
        {
          id: "2",
          title: "Как работает личный кабинет?",
          content: "Личный кабинет предоставляет вам полный контроль над вашими настройками, подписками, историей платежей и другими данными в интуитивно понятном интерфейсе.",
        },
        {
          id: "3",
          title: "Насколько безопасны платежи?",
          content: "Мы используем передовые методы шифрования и стандарты безопасности для защиты всех ваших транзакций. Ваша финансовая информация всегда в безопасности.",
        },
        {
          id: "4",
          title: "Могу ли я получить административный доступ?",
          content: "Да, для определенных тарифных планов или ролей предоставляется полный административный доступ с возможностью управления пользователями, контентом и системными настройками.",
        },
        {
          id: "5",
          title: "Как зарегистрироваться на платформе?",
          content: "Процесс регистрации прост и занимает всего несколько минут. Перейдите по ссылке 'Регистрация' в навигации, заполните необходимые данные, и ваш аккаунт будет готов.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/business-marketing-illustration_23-2151928217.jpg"
      imageAlt="Человек, взаимодействующий с чат-ботом"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Часто Задаваемые Вопросы"
      description="Здесь вы найдете ответы на самые распространенные вопросы о нашей платформе, многоязычии, аккаунтах и платежах."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact-home" data-section="contact-home">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Свяжитесь с Нами"
      description="Есть вопросы или нужна помощь? Заполните форму, и наша команда свяжется с вами в ближайшее время. Мы доступны на армянском, русском и английском языках."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Ваше Имя",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Ваш Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Ваше Сообщение",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/confident-customer-service-agent_23-2151933126.jpg"
      imageAlt="Современный центр поддержки клиентов"
      mediaAnimation="opacity"
      mediaPosition="left"
      buttonText="Отправить Сообщение"
    />
  </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=1"
      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>
  );
}
