"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { Gauge, Globe, Headphones, Users } from "lucide-react";

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="all-features" data-section="all-features">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Интегрированный Многоязычный Движок",
          description: "Легко переключайтесь между армянским, русским и английским языками. Автоматический перевод и ручная коррекция для идеального контента.",
          imageSrc: "http://img.b2bpic.net/free-photo/programming-language-coding-developer-software-concept_53876-127358.jpg",
          imageAlt: "Многоязычный движок",
        },
        {
          title: "Расширенный Личный Кабинет",
          description: "Пользовательские профили, детальная история активности, настройки конфиденциальности и персонализированные уведомления. Всё под вашим контролем.",
          imageSrc: "http://img.b2bpic.net/free-photo/computer-system-security-connection-password_53876-123836.jpg",
          imageAlt: "Расширенный личный кабинет",
        },
        {
          title: "Гибкая Система Оплаты",
          description: "Поддержка кредитных карт, электронных кошельков и криптовалют. Автоматические выставление счетов и отчетность для упрощения бухгалтерии.",
          imageSrc: "http://img.b2bpic.net/free-photo/female-customer-paying-takeaway-food-with-smartphone_23-2149025785.jpg",
          imageAlt: "Гибкая система оплаты",
        },
        {
          title: "Мощная Админ-Панель",
          description: "Централизованное управление пользователями, контентом, платежами и настройками системы. Полный контроль и детальная аналитика.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-property-engineer-searching-layout-details-laptop-office_482257-130146.jpg",
          imageAlt: "Мощная админ-панель",
        },
        {
          title: "Интеграция с Внешними Сервисами",
          description: "Легко подключайте сторонние инструменты и API для расширения функциональности вашей платформы и автоматизации рабочих процессов.",
          imageSrc: "http://img.b2bpic.net/free-photo/diverse-businesspeople-analysing-financial-project-corporate-meeting-multiethnic-employees-group-listening-colleague-sharing-ideas-discussing-new-marketing-plan-comparing-data-from-tablet_482257-13516.jpg",
          imageAlt: "Интеграция с внешними сервисами",
        },
      ]}
      title="Полный Обзор Функций"
      description="Наша платформа предлагает широкий спектр возможностей для оптимизации вашего бизнеса и улучшения пользовательского опыта."
      tag="Все Возможности"
    />
  </div>

  <div id="metrics-features" data-section="metrics-features">
      <MetricCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      carouselMode="buttons"
      metrics={[
        {
          id: "1",
          value: "99.9%",
          title: "Доступность",
          description: "Гарантированная доступность платформы, чтобы ваш бизнес работал без перебоев.",
          icon: Gauge,
        },
        {
          id: "2",
          value: "+1000",
          title: "Активных Пользователей",
          description: "Растущее сообщество довольных клиентов, которые используют нашу платформу ежедневно.",
          icon: Users,
        },
        {
          id: "3",
          value: "3+",
          title: "Языка",
          description: "Полная поддержка армянского, русского и английского языков для вашей глобальной аудитории.",
          icon: Globe,
        },
        {
          id: "4",
          value: "24/7",
          title: "Поддержка",
          description: "Круглосуточная техническая поддержка, готовая помочь вам в любое время.",
          icon: Headphones,
        },
      ]}
      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=3"
      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>
  );
}
