258 lines
8.6 KiB
TypeScript
258 lines
8.6 KiB
TypeScript
"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>
|
||
);
|
||
}
|