"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterMedia from '@/components/sections/footer/FooterMedia';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardSix from '@/components/sections/team/TeamCardSix';

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="about-detailed" data-section="about-detailed">
      <MediaAbout
      useInvertedBackground={false}
      title="Наша Миссия и Видение"
      description="Мы создаем мощную, многоязычную платформу, которая позволяет бизнесам и индивидуальным пользователям эффективно управлять своими процессами, взаимодействовать с глобальной аудиторией и осуществлять безопасные платежи. Наше видение — быть ведущим решением для цифрового управления, предоставляя интуитивно понятные инструменты и надежную инфраструктуру."
      tag="О Компании"
      imageSrc="http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16259.jpg"
      imageAlt="Команда работает в современном офисе"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      members={[
        {
          id: "1",          name: "Давид Акопян",          role: "Генеральный Директор",          imageSrc: "http://img.b2bpic.net/free-photo/adult-happy-businessman-pointing-camera_23-2148113007.jpg",          imageAlt: "Давид Акопян, Генеральный Директор"},
        {
          id: "2",          name: "София Мелконян",          role: "Технический Директор",          imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-with-perfect-smile_93675-133243.jpg",          imageAlt: "София Мелконян, Технический Директор"},
        {
          id: "3",          name: "Артур Гаспарян",          role: "Руководитель Продукта",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-confident-man-pressing-buzzer_52683-97983.jpg",          imageAlt: "Артур Гаспарян, Руководитель Продукта"},
        {
          id: "4",          name: "Екатерина Смирнова",          role: "Руководитель Отдела Маркетинга",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-cheerful-man-working-digital-tablet_329181-15319.jpg",          imageAlt: "Екатерина Смирнова, Руководитель Отдела Маркетинга"},
        {
          id: "5",          name: "Микаэл Варданян",          role: "Руководитель Отдела Операций",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg",          imageAlt: "Микаэл Варданян, Руководитель Отдела Операций"},
      ]}
      title="Наша Команда"
      description="Познакомьтесь с талантливыми профессионалами, стоящими за успехом нашей платформы."
      tag="Наши Эксперты"
    />
  </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=2"
      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"}
          ],
        },
      ]}
      copyrightText="© 2024 My Own Platform | Все права защищены."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
