"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterMedia from '@/components/sections/footer/FooterMedia';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import { Activity, DollarSign, Globe, UserPlus } 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="admin-dashboard" data-section="admin-dashboard">
      <MetricCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      carouselMode="buttons"
      metrics={[
        {
          id: "1",          value: "+50",          title: "Новых Пользователей",          description: "Количество новых зарегистрированных пользователей за последнюю неделю.",          icon: UserPlus,
        },
        {
          id: "2",          value: "24/7",          title: "Активность",          description: "Системная активность и производительность в режиме реального времени.",          icon: Activity,
        },
        {
          id: "3",          value: "$10K+",          title: "Доход",          description: "Общий доход, сгенерированный платформой за текущий месяц.",          icon: DollarSign,
        },
        {
          id: "4",          value: "3",          title: "Языка",          description: "Управление контентом и переводами для армянского, русского и английского языков.",          icon: Globe,
        },
      ]}
      title="Административная Панель"
      description="Комплексный обзор и управление всеми аспектами вашей платформы. Полный контроль у вас под рукой."
      tag="Обзор Системы"
    />
  </div>

  <div id="admin-team" data-section="admin-team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      members={[
        {
          id: "1",          name: "Администратор 1",          role: "Супер-Админ",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",          imageAlt: "Администратор 1"},
        {
          id: "2",          name: "Модератор 1",          role: "Контент-Модератор",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg",          imageAlt: "Модератор 1"},
        {
          id: "3",          name: "Поддержка 1",          role: "Агент Поддержки",          imageSrc: "http://img.b2bpic.net/free-photo/pleased-adult-slavic-superhero-man-red-cape-wearing-glasses-holding-idea-bubble-putting-hand-chest-looking-camera-isolated-green-background_141793-76853.jpg",          imageAlt: "Поддержка 1"},
      ]}
      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=7"
      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>
  );
}
