140 lines
6.3 KiB
TypeScript
140 lines
6.3 KiB
TypeScript
"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>
|
||
);
|
||
}
|