"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import { Crown, Sparkles, Star } 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="pricing-plans" data-section="pricing-plans">
      <PricingCardOne
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      plans={[
        {
          id: "basic",
          badge: "Стартовый",
          badgeIcon: Sparkles,
          price: "99 $/мес",
          subtitle: "Для малого бизнеса и фрилансеров",
          features: [
            "Поддержка 3 языков",
            "Личный кабинет",
            "Базовая аналитика",
            "Стандартная поддержка",
          ],
        },
        {
          id: "pro",
          badge: "Популярный",
          badgeIcon: Star,
          price: "299 $/мес",
          subtitle: "Для растущих компаний",
          features: [
            "Все функции Базового плана",
            "Расширенная аналитика",
            "Приоритетная поддержка",
            "API Доступ",
          ],
        },
        {
          id: "enterprise",
          badge: "Премиум",
          badgeIcon: Crown,
          price: "Свяжитесь с нами",
          subtitle: "Для крупных предприятий",
          features: [
            "Все функции Pro плана",
            "Выделенный сервер",
            "Персональный менеджер",
            "Полный админ-контроль",
          ],
        },
      ]}
      title="Выберите Идеальный Тариф"
      description="Наши гибкие тарифные планы разработаны для удовлетворения потребностей любого бизнеса, от стартапов до крупных предприятий. Выберите тот, который подходит именно вам."
      tag="Доступные Тарифы"
    />
  </div>

  <div id="product-addons" data-section="product-addons">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          brand: "Модуль",
          name: "Премиум Перевод",
          price: "50 $/мес",
          rating: 5,
          reviewCount: "250 отзывов",
          imageSrc: "http://img.b2bpic.net/free-photo/monitor-with-management-graph-it-standing-empty-startup-company-office-business-meeting-ready-financial-work-workplace-with-modern-furniture-concept-corporation-job_482257-27806.jpg",
          imageAlt: "Модуль Премиум Перевод",
        },
        {
          id: "2",
          brand: "Модуль",
          name: "Расширенная Аналитика",
          price: "75 $/мес",
          rating: 4.8,
          reviewCount: "180 отзывов",
          imageSrc: "http://img.b2bpic.net/free-photo/mockup-tablet-front-data-center-inspector-reviewing-paperwork-files_482257-117906.jpg",
          imageAlt: "Модуль Расширенная Аналитика",
        },
        {
          id: "3",
          brand: "Модуль",
          name: "CRM Интеграция",
          price: "120 $/мес",
          rating: 4.9,
          reviewCount: "150 отзывов",
          imageSrc: "http://img.b2bpic.net/free-photo/software-developers-data-center-using-laptop-employing-ai-machine-learning_482257-125466.jpg",
          imageAlt: "Модуль CRM Интеграция",
        },
        {
          id: "4",
          brand: "Услуга",
          name: "Персональная Консультация",
          price: "200 $/час",
          rating: 5,
          reviewCount: "100 отзывов",
          imageSrc: "http://img.b2bpic.net/free-photo/email-messages-network-circuit-board-link-connection-technology_1379-885.jpg",
          imageAlt: "Персональная Консультация",
        },
        {
          id: "5",
          brand: "Услуга",
          name: "Настройка и Внедрение",
          price: "От 500 $",
          rating: 4.7,
          reviewCount: "90 отзывов",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-financial-results_1098-482.jpg",
          imageAlt: "Настройка и Внедрение",
        },
        {
          id: "6",
          brand: "Модуль",
          name: "Расширенная Безопасность",
          price: "60 $/мес",
          rating: 4.9,
          reviewCount: "130 отзывов",
          imageSrc: "http://img.b2bpic.net/free-photo/headphone-graphic-digital-tablet-with-musical-note-screen-with-stylus-pen_23-2147889322.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=4"
      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>
  );
}
