Merge version_1 into main #2
350
src/app/page.tsx
350
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import { AlertTriangle, CheckCircle, Clock, Code, Headphones, Layout, Rocket, Search, ShieldCheck, TrendingUp, Zap } from "lucide-react";
|
||||
import { AlertTriangle, Brain, CheckCircle, Clock, Code, Headphones, Layout, Rocket, Search, ShieldCheck, TrendingUp, X, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,65 +32,28 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Решения",
|
||||
id: "#solution",
|
||||
},
|
||||
{
|
||||
name: "Процесс",
|
||||
id: "#process",
|
||||
},
|
||||
{
|
||||
name: "Кейсы",
|
||||
id: "#cases",
|
||||
},
|
||||
{
|
||||
name: "Тарифы",
|
||||
id: "#pricing",
|
||||
},
|
||||
{ name: "Решения", id: "#solution" },
|
||||
{ name: "Процесс", id: "#process" },
|
||||
{ name: "Кейсы", id: "#cases" },
|
||||
{ name: "Тарифы", id: "#pricing" },
|
||||
]}
|
||||
button={{
|
||||
text: "Аудит",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Аудит", href: "#contact" }}
|
||||
brandName="AI Flow"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="AI начинает делать работу за ваш бизнес"
|
||||
description="Автоматизируем операционку, устраняем ошибки и высвобождаем 20+ часов в неделю. Запишитесь на аудит, чтобы увидеть точки роста."
|
||||
buttons={[
|
||||
{
|
||||
text: "Записаться на бесплатный AI-аудит",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Записаться на бесплатный AI-аудит", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-concept_23-2148626239.jpg?_wi=1",
|
||||
imageAlt: "AI Data",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24189.jpg",
|
||||
imageAlt: "Digital Flow",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-13141.jpg",
|
||||
imageAlt: "Workflow Automation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg",
|
||||
imageAlt: "AI Data",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg",
|
||||
imageAlt: "Digital Flow",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-concept_23-2148626239.jpg", imageAlt: "AI Data" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24189.jpg", imageAlt: "Digital Flow" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-13141.jpg", imageAlt: "Workflow Automation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg", imageAlt: "AI Data" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg", imageAlt: "Digital Flow" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -101,21 +64,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Результаты внедрения"
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Экономия времени",
|
||||
value: "20 ч/нед",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Рост прибыли",
|
||||
value: "35%",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Снижение ошибок",
|
||||
value: "99%",
|
||||
},
|
||||
{ icon: Clock, label: "Экономия времени", value: "20 ч/нед" },
|
||||
{ icon: TrendingUp, label: "Рост прибыли", value: "35%" },
|
||||
{ icon: ShieldCheck, label: "Снижение ошибок", value: "99%" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -123,30 +74,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pain" data-section="pain">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Операционный хаос",
|
||||
description: "Потерянные заявки, забытые задачи и выгорание команды.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301538.jpg",
|
||||
imageAlt: "Chaos",
|
||||
},
|
||||
title: "Операционный хаос", description: "Потерянные заявки, забытые задачи и выгорание команды.", media: { imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301538.jpg", imageAlt: "Chaos" },
|
||||
items: [
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
text: "Человеческий фактор",
|
||||
},
|
||||
{
|
||||
icon: "X",
|
||||
text: "Низкая эффективность",
|
||||
},
|
||||
{ icon: AlertTriangle, text: "Человеческий фактор" },
|
||||
{ icon: X, text: "Низкая эффективность" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-concept_23-2148626239.jpg?_wi=2",
|
||||
imageAlt: "digital burnout concept",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Бизнес в режиме хаоса"
|
||||
description="Рутина убивает потенциал. Пока вы решаете мелкие задачи, конкуренты внедряют AI."
|
||||
@@ -160,26 +99,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Автономность",
|
||||
description: "AI-агенты полностью берут на себя рутину, от переписки до аналитики.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137471.jpg",
|
||||
imageAlt: "AI Solution",
|
||||
},
|
||||
title: "Автономность", description: "AI-агенты полностью берут на себя рутину, от переписки до аналитики.", media: { imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137471.jpg", imageAlt: "AI Solution" },
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "24/7 доступность",
|
||||
},
|
||||
{
|
||||
icon: Brain,
|
||||
text: "Обучаемость",
|
||||
},
|
||||
{ icon: Zap, text: "24/7 доступность" },
|
||||
{ icon: Brain, text: "Обучаемость" }
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-concept_23-2148626239.jpg?_wi=3",
|
||||
imageAlt: "ai assistant holographic",
|
||||
},
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="AI-агенты как новые сотрудники"
|
||||
description="Ваши цифровые работники, которые не болеют и не ошибаются. Работают 24/7."
|
||||
@@ -188,52 +114,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "День 1-3",
|
||||
title: "Аудит",
|
||||
description: "Анализ узких мест",
|
||||
icon: Search,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "День 4-7",
|
||||
title: "План",
|
||||
description: "Стратегия внедрения",
|
||||
icon: Layout,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "День 8-14",
|
||||
title: "Разработка",
|
||||
description: "Создание AI агентов",
|
||||
icon: Code,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "День 15-18",
|
||||
title: "Тесты",
|
||||
description: "Проверка сценариев",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
value: "День 19-21",
|
||||
title: "Запуск",
|
||||
description: "Интеграция в бизнес",
|
||||
icon: Rocket,
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
value: "Пост",
|
||||
title: "Поддержка",
|
||||
description: "Бесплатное сопровождение",
|
||||
icon: Headphones,
|
||||
},
|
||||
{ id: "1", value: "День 1-3", title: "Аудит", description: "Анализ узких мест", icon: Search },
|
||||
{ id: "2", value: "День 4-7", title: "План", description: "Стратегия внедрения", icon: Layout },
|
||||
{ id: "3", value: "День 8-14", title: "Разработка", description: "Создание AI агентов", icon: Code },
|
||||
{ id: "4", value: "День 15-18", title: "Тесты", description: "Проверка сценариев", icon: CheckCircle },
|
||||
{ id: "5", value: "День 19-21", title: "Запуск", description: "Интеграция в бизнес", icon: Rocket },
|
||||
{ id: "6", value: "Пост", title: "Поддержка", description: "Бесплатное сопровождение", icon: Headphones }
|
||||
]}
|
||||
title="Внедрение за 7–21 день"
|
||||
description="Прозрачный путь от аудита до полной автоматизации вашего отдела."
|
||||
@@ -247,42 +138,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "E-commerce (Wildberries)",
|
||||
price: "14 дней",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Психологическая служба",
|
||||
price: "10 дней",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-blue-green-lights_181624-24732.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Стоматология",
|
||||
price: "21 день",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-workspace-with-technology_482257-115276.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Производство деталей",
|
||||
price: "15 дней",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-values-going-up-down-computer-monitor-empty-office_482257-83130.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Розничный магазин",
|
||||
price: "7 дней",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-warehouse-space-used-shipping-cargo-goods-from-online-shopping-local-small_482257-136203.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Логистика",
|
||||
price: "18 дней",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/project-manager-looking-computer-with-forex-echange-charts-working-financial-statistics-with-sales-data-project-investment-trading-analyst-using-stock-market-trend-index_482257-40950.jpg",
|
||||
},
|
||||
{ id: "1", name: "E-commerce (Wildberries)", price: "14 дней", imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg" },
|
||||
{ id: "2", name: "Психологическая служба", price: "10 дней", imageSrc: "http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-blue-green-lights_181624-24732.jpg" },
|
||||
{ id: "3", name: "Стоматология", price: "21 день", imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-workspace-with-technology_482257-115276.jpg" },
|
||||
{ id: "4", name: "Производство деталей", price: "15 дней", imageSrc: "http://img.b2bpic.net/free-photo/stock-market-values-going-up-down-computer-monitor-empty-office_482257-83130.jpg" },
|
||||
{ id: "5", name: "Розничный магазин", price: "7 дней", imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-warehouse-space-used-shipping-cargo-goods-from-online-shopping-local-small_482257-136203.jpg" },
|
||||
{ id: "6", name: "Логистика", price: "18 дней", imageSrc: "http://img.b2bpic.net/free-photo/project-manager-looking-computer-with-forex-echange-charts-working-financial-statistics-with-sales-data-project-investment-trading-analyst-using-stock-market-trend-index_482257-40950.jpg" }
|
||||
]}
|
||||
title="Кейсы: результаты в цифрах"
|
||||
description="Помогаем компаниям любого размера масштабировать бизнес через AI."
|
||||
@@ -291,62 +152,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Старт",
|
||||
price: "150 000 ₽",
|
||||
subtitle: "Базовая автоматизация",
|
||||
buttons: [
|
||||
{
|
||||
text: "Выбрать",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Аудит процессов",
|
||||
"1 AI-агент",
|
||||
"Поддержка 2 недели",
|
||||
],
|
||||
id: "basic", badge: "Старт", price: "150 000 ₽", subtitle: "Базовая автоматизация", buttons: [{ text: "Выбрать", href: "#contact" }],
|
||||
features: ["Аудит процессов", "1 AI-агент", "Поддержка 2 недели"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Оптимальный",
|
||||
price: "350 000 ₽",
|
||||
subtitle: "Автоматизация отдела",
|
||||
buttons: [
|
||||
{
|
||||
text: "Выбрать",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Глубокий аудит",
|
||||
"3 AI-агента",
|
||||
"Обучение персонала",
|
||||
"Поддержка 1 месяц",
|
||||
],
|
||||
id: "pro", badge: "Оптимальный", price: "350 000 ₽", subtitle: "Автоматизация отдела", buttons: [{ text: "Выбрать", href: "#contact" }],
|
||||
features: ["Глубокий аудит", "3 AI-агента", "Обучение персонала", "Поддержка 1 месяц"]
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Система",
|
||||
price: "750 000 ₽",
|
||||
subtitle: "Сложные экосистемы",
|
||||
buttons: [
|
||||
{
|
||||
text: "Выбрать",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Полная интеграция",
|
||||
"Собственная LLM",
|
||||
"Персональный куратор",
|
||||
"Поддержка 3 месяца",
|
||||
],
|
||||
},
|
||||
id: "enterprise", badge: "Система", price: "750 000 ₽", subtitle: "Сложные экосистемы", buttons: [{ text: "Выбрать", href: "#contact" }],
|
||||
features: ["Полная интеграция", "Собственная LLM", "Персональный куратор", "Поддержка 3 месяца"]
|
||||
}
|
||||
]}
|
||||
title="Тарифы на автоматизацию"
|
||||
description="Выберите оптимальный пакет для роста вашего бизнеса."
|
||||
@@ -357,49 +178,26 @@ export default function LandingPage() {
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Нужно ли переделывать IT?",
|
||||
content: "Нет, мы интегрируем AI в текущие CRM и мессенджеры без боли.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "А если AI ошибется?",
|
||||
content: "У нас настроена система многоуровневого контроля качества ответов.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Безопасны ли данные?",
|
||||
content: "Используем защищенные контуры и подписываем NDA.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Какой средний ROI?",
|
||||
content: "Клиенты окупают внедрение в первые 3 месяца.",
|
||||
},
|
||||
{ id: "1", title: "Нужно ли переделывать IT?", content: "Нет, мы интегрируем AI в текущие CRM и мессенджеры без боли." },
|
||||
{ id: "2", title: "А если AI ошибется?", content: "У нас настроена система многоуровневого контроля качества ответов." },
|
||||
{ id: "3", title: "Безопасны ли данные?", content: "Используем защищенные контуры и подписываем NDA." },
|
||||
{ id: "4", title: "Какой средний ROI?", content: "Клиенты окупают внедрение в первые 3 месяца." }
|
||||
]}
|
||||
title="Часто задаваемые вопросы"
|
||||
description="Отвечаем на главные опасения собственников."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Начать сейчас"
|
||||
title="Готовы делегировать AI?"
|
||||
description="Запишитесь на бесплатный аудит. Разберем ваш бизнес за 30 минут и покажем, где теряете время."
|
||||
buttons={[
|
||||
{
|
||||
text: "Записаться на аудит",
|
||||
href: "https://t.me/your_link",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Записаться на аудит", href: "https://t.me/your_link" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -408,41 +206,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aesthetic-background-with-abstract-neon-led-light-effect_53876-126467.jpg"
|
||||
logoText="AI Flow"
|
||||
columns={[
|
||||
{
|
||||
title: "Компания",
|
||||
items: [
|
||||
{
|
||||
label: "О нас",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Кейсы",
|
||||
href: "#cases",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Решения",
|
||||
items: [
|
||||
{
|
||||
label: "Аудит",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Тарифы",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Контакты",
|
||||
items: [
|
||||
{
|
||||
label: "Telegram",
|
||||
href: "https://t.me/your_link",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Компания", items: [{ label: "О нас", href: "#" }, { label: "Кейсы", href: "#cases" }] },
|
||||
{ title: "Решения", items: [{ label: "Аудит", href: "#" }, { label: "Тарифы", href: "#pricing" }] },
|
||||
{ title: "Контакты", items: [{ label: "Telegram", href: "https://t.me/your_link" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user