51 Commits

Author SHA1 Message Date
705a8512b9 Update src/app/page.tsx 2026-03-24 14:51:09 +00:00
872d29ab40 Merge version_15 into main
Merge version_15 into main
2026-03-24 14:47:57 +00:00
bac755b504 Update src/app/page.tsx 2026-03-24 14:47:54 +00:00
ffc2f5d855 Merge version_14 into main
Merge version_14 into main
2026-03-23 17:47:55 +00:00
ba36bb96e0 Update src/app/page.tsx 2026-03-23 17:47:52 +00:00
fdaac3c591 Merge version_13 into main
Merge version_13 into main
2026-03-23 17:45:48 +00:00
7ec294777e Update src/app/page.tsx 2026-03-23 17:45:42 +00:00
cd3feb7d8e Merge version_12 into main
Merge version_12 into main
2026-03-23 17:44:31 +00:00
5dccb8ec94 Update src/app/page.tsx 2026-03-23 17:44:24 +00:00
859becac87 Merge version_11 into main
Merge version_11 into main
2026-03-23 17:34:00 +00:00
5386a4f34d Update src/app/page.tsx 2026-03-23 17:33:54 +00:00
284f442040 Merge version_10 into main
Merge version_10 into main
2026-03-23 17:30:25 +00:00
e9cf5b7364 Update src/app/page.tsx 2026-03-23 17:30:22 +00:00
6c0e9f90c2 Merge version_9 into main
Merge version_9 into main
2026-03-23 17:26:32 +00:00
00aba192b7 Update src/app/page.tsx 2026-03-23 17:26:26 +00:00
1ff564cc10 Merge version_8 into main
Merge version_8 into main
2026-03-23 17:24:42 +00:00
3b85dd61f6 Update src/app/page.tsx 2026-03-23 17:24:39 +00:00
49813a92d5 Merge version_7 into main
Merge version_7 into main
2026-03-23 17:23:10 +00:00
65a6aa7b9e Update src/app/page.tsx 2026-03-23 17:23:04 +00:00
5a9f410de1 Merge version_6 into main
Merge version_6 into main
2026-03-23 17:20:17 +00:00
64c278cc6c Update src/app/page.tsx 2026-03-23 17:20:11 +00:00
6ab8608006 Merge version_6 into main
Merge version_6 into main
2026-03-23 17:19:29 +00:00
de8d403f20 Update src/app/page.tsx 2026-03-23 17:19:26 +00:00
16f8812247 Merge version_5 into main
Merge version_5 into main
2026-03-23 17:16:46 +00:00
78fe4f5cc5 Update src/app/page.tsx 2026-03-23 17:16:43 +00:00
6c8c6cdef1 Merge version_4 into main
Merge version_4 into main
2026-03-23 17:15:11 +00:00
17fd884957 Update theme colors 2026-03-23 17:15:06 +00:00
a402f902f2 Merge version_4 into main
Merge version_4 into main
2026-03-23 17:14:21 +00:00
f03edb426d Update theme colors 2026-03-23 17:14:16 +00:00
bedda1a652 Merge version_4 into main
Merge version_4 into main
2026-03-23 17:13:54 +00:00
928e7db1e0 Update theme colors 2026-03-23 17:13:50 +00:00
148ce447bf Merge version_4 into main
Merge version_4 into main
2026-03-23 17:13:17 +00:00
64326cb241 Update theme colors 2026-03-23 17:13:12 +00:00
cab7eb70fb Merge version_4 into main
Merge version_4 into main
2026-03-23 17:09:26 +00:00
0b3e543ae7 Update src/app/page.tsx 2026-03-23 17:09:23 +00:00
63785d1db9 Merge version_3 into main
Merge version_3 into main
2026-03-23 17:01:36 +00:00
59e206cbe1 Update theme colors 2026-03-23 17:01:31 +00:00
622edcc4d6 Merge version_3 into main
Merge version_3 into main
2026-03-23 17:01:26 +00:00
6cfcb3d56f Update theme colors 2026-03-23 17:01:21 +00:00
bbdefdb998 Merge version_3 into main
Merge version_3 into main
2026-03-23 17:01:13 +00:00
ab029c16ea Update theme colors 2026-03-23 17:01:08 +00:00
ee8acfb3af Merge version_3 into main
Merge version_3 into main
2026-03-23 17:00:19 +00:00
bd8e9c9810 Update src/app/page.tsx 2026-03-23 17:00:13 +00:00
ac7bad7c69 Merge version_2 into main
Merge version_2 into main
2026-03-23 16:57:58 +00:00
272b3e2bfc Update theme fonts 2026-03-23 16:57:55 +00:00
176198133c Update theme fonts 2026-03-23 16:57:55 +00:00
42c7a39a80 Merge version_2 into main
Merge version_2 into main
2026-03-22 16:00:11 +00:00
4f680b6b0d Update src/app/page.tsx 2026-03-22 16:00:07 +00:00
b853e1e155 Merge version_1 into main
Merge version_1 into main
2026-03-22 15:58:57 +00:00
bd6a0d89fe Merge version_1 into main
Merge version_1 into main
2026-03-22 15:58:38 +00:00
fc8ca8e635 Merge version_1 into main
Merge version_1 into main
2026-03-22 15:56:36 +00:00
4 changed files with 106 additions and 55 deletions

View File

@@ -6,6 +6,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Montserrat } from "next/font/google";
import { Open_Sans } from "next/font/google";
@@ -14,8 +15,14 @@ export const metadata: Metadata = {
description: 'Премиум сервис создания AI-инфлюенсеров под ключ. Масштабируемый контент для e-commerce, брендов и агентств без зависимости от моделей.',
};
const montserrat = Montserrat({
variable: "--font-montserrat", subsets: ["latin"],
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const openSans = Open_Sans({
variable: "--font-open-sans",
subsets: ["latin"],
});
export default function RootLayout({
@@ -26,7 +33,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${montserrat.variable} antialiased`}>
<body className={`${inter.variable} ${openSans.variable} antialiased`}>
<Tag />
{children}
<script

View File

@@ -2,14 +2,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Award, CheckCircle, HelpCircle, Sparkles, Star, Zap } from 'lucide-react';
@@ -32,6 +34,7 @@ export default function LandingPage() {
brandName="AIInfluencer"
navItems={[
{ name: "О решении", id: "features" },
{ name: "Детали", id: "features-new" },
{ name: "Возможности", id: "about" },
{ name: "Цены", id: "pricing" },
{ name: "Кейсы", id: "testimonials" },
@@ -42,57 +45,73 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
<HeroBillboardGallery
title="ИИ-инфлюенсер, который работает на ваш бренд"
description="Создаём цифровой персонаж под ключ: от концепции образа до фото, видео и социальных сетей. Масштабируйте контент без зависимости от моделей и студий — за часы, а не недели."
description="Создаём цифровых инфлюенсеров под ключ. Мгновенное масштабирование контента и полная независимость от традиционных фото/видеопродакшенов."
tag="Премиум решение"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
leftCarouselItems={[
mediaItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/a-stunning-ai-generated-digital-avatar-i-1774194910432-1461835b.png", imageAlt: "Профессиональный цифровой аватар в деловом стиле" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/a-fashion-forward-ai-digital-avatar-wear-1774194910927-6824c557.png", imageAlt: "Модный цифровой аватар в стиле лайфстайл" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/an-ai-generated-digital-ambassador-showc-1774194909389-ce75c1c6.png", imageAlt: "Цифровой персонаж для демонстрации товаров" }
]}
rightCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/an-ai-generated-digital-ambassador-showc-1774194909389-ce75c1c6.png", imageAlt: "Цифровой персонаж для демонстрации товаров" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/a-sophisticated-ai-generated-digital-ava-1774194910526-cd71f11f.png", imageAlt: "Цифровой аватар для красоты и косметики" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/an-ai-digital-avatar-in-content-creator--1774194909300-d0714293.png", imageAlt: "AI персонаж для создателей контента" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/multiple-ai-generated-digital-avatars-in-1774194909542-c2fb2887.jpg", imageAlt: "Разнообразные цифровые персонажи в разных стилях" }
]}
mediaAnimation="blur-reveal"
buttons={[
{ text: "Заказать демонстрацию", href: "#contact" },
{ text: "Посмотреть кейсы", href: "#testimonials" }
]}
buttonAnimation="slide-up"
carouselPosition="right"
/>
</div>
<div id="features" data-section="features">
<FeatureCardSixteen
<FeatureCardEight
title="Инновационное решение против традиционного маркетинга"
description="Наш сервис устраняет основные проблемы классических подходов к созданию контента, предоставляя масштабируемую, быструю и экономичную альтернативу."
tag="Сравнение"
tagIcon={CheckCircle}
tagAnimation="blur-reveal"
negativeCard={{
items: [
"Зависимость от моделей и их графика", "Длительный поиск и кастинг", "Высокие расходы на студийные сессии", "Медленная итерация и правки", "Ограниченное количество вариаций", "Проблемы с согласованием бренда"
]
}}
positiveCard={{
items: [
"Полная свобода в создании персонажа", "Минуты на разработку концепции", "Автоматизированное производство контента", "Мгновенные вариации и изменения", "Неограниченные версии персонажа", "Идеальная визуальная консистентность"
]
}}
textboxLayout="split"
textboxLayout="default"
useInvertedBackground={true}
animationType="blur-reveal"
buttons={[{ text: "Узнать больше", href: "#about" }]}
features={[
{
id: 1, title: "Быстрое создание персонажей", description: "Мгновенная разработка концепции и создание персонажей за часы, а не недели. Забудьте о длительном поиске и кастинге моделей.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/ai-character-creation-interface-mockup-s-1774194908990-2b13e334.png", imageAlt: "AI character creation interface"
},
{
id: 2, title: "Масштабируемый и вариативный контент", description: "Получайте неограниченное количество вариаций контента и идеальную визуальную консистентность без привязки к моделям или студиям.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/ai-influencer-on-a-digital-screen-interf-1774194910309-a78b871c.png", imageAlt: "AI influencer on digital screen"
},
{
id: 3, title: "Экономия ресурсов и времени", description: "Автоматизированное производство контента и мгновенные итерации значительно сокращают расходы и сроки, позволяя фокусироваться на стратегии.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/dashboard-showing-ai-content-production-m-1774194911000-8041c2d0.png", imageAlt: "AI content production dashboard"
}
]}
buttons={[{ text: "Узнать больше", href: "#about" }]
}
buttonAnimation="slide-up"
/>
</div>
<div id="features-new" data-section="features-new">
<FeatureBorderGlow
title="Максимизируйте охват и владение с нашими ИИ-инфлюенсерами"
description="Получайте эксклюзивные изображения, мультиформатный контент и полное владение правами, чтобы превзойти конкурентов и уверенно доминировать в цифровом пространстве."
tag="Технологии"
tagIcon={Zap}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ icon: Sparkles, title: "Уникальные образы", description: "Создайте цифровые аватары, которые идеально соответствуют эстетике вашего бренда." },
{ icon: CheckCircle, title: "Мультиформатный контент", description: "Получайте фото и видео для любых платформ — от соцсетей до рекламных кампаний." },
{ icon: Award, title: "Полное владение", description: "Все права на созданных персонажей и контент принадлежат только вам." }
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
title="Полный цикл создания: от идеи к готовому активу"
@@ -103,11 +122,26 @@ export default function LandingPage() {
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/a-sophisticated-infographic-or-diagram-s-1774194910201-1305e1bb.png"
imageAlt="Процесс создания ИИ-инфлюенсера"
useInvertedBackground={false}
buttons={[{ text: "Начать проект", href: "#contact" }]}
buttons={[{ text: "Начать проект", href: "#contact" }]
}
buttonAnimation="blur-reveal"
/>
</div>
<div id="about-extra" data-section="about-extra">
<TextSplitAbout
title="Что делает нас особенными"
description={[
"Мы создаем не просто изображения, а полноценные цифровые личности, способные эффективно взаимодействовать с вашей аудиторией. Это позволяет вашему бренду масштабировать контент, сохраняя при этом уникальность и консистентность.", "Забудьте о сложностях традиционных фотосессий и видеосъемок. С нами вы получаете качественный контент для любых платформ, быстро и с полным контролем над каждым аспектом. Мы делаем технологии доступными для вашего креатива."
]}
buttons={[{ text: "Узнать больше", href: "#features" }]
}
buttonAnimation="slide-up"
showBorder={true}
useInvertedBackground={true}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
title="Гибкие планы для любого бизнеса"
@@ -141,15 +175,16 @@ export default function LandingPage() {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/enterprise-solution-showcase-unlimited-c-1774194910255-311f8351.png", imageAlt: "Пакет Enterprise"
}
]}
buttons={[{ text: "Посмотреть все возможности", href: "#features" }]}
buttons={[{ text: "Посмотреть все возможности", href: "#features" }]
}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="Что говорят наши клиенты"
description="Истории успеха от брендов, агентств и предпринимателей, которые трансформировали свой контент-маркетинг с помощью AI-инфлюенсеров."
tag="Кейсы"
title="Пионеры AI-маркетинга делятся успехом"
description="Откройте для себя, как AIInfluencer перевернул стратегии брендов, повысив вовлеченность и ROI. Узнайте, почему они выбрали будущее контента."
tag="Истории успеха"
tagIcon={Star}
tagAnimation="blur-reveal"
textboxLayout="default"
@@ -182,15 +217,16 @@ export default function LandingPage() {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/professional-headshot-of-a-beauty-or-lif-1774194911435-f531bff5.png"
}
]}
buttons={[{ text: "Смотреть больше примеров", href: "#contact" }]}
buttons={[{ text: "Занять место в Waitlist", href: "#contact" }]
}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Доверие лидеров индустрии"
description="Работаем с ведущими брендами, агентствами и платформами, которые выбрали AI-инфлюенсеры для масштабирования своего контента."
tag="Партнеры"
title="Доверяют лидеры индустрии и инноваторы"
description="Мы гордимся партнерством с компаниями, которые формируют будущее. Присоединяйтесь к элите, выбирающей AI-революцию в маркетинге."
tag="Наши партнеры"
tagIcon={CheckCircle}
tagAnimation="blur-reveal"
names={["Fashion Brand Group", "Beauty Retail Co.", "Digital Agency Pro", "E-commerce Platform", "Luxury Goods Inc.", "SaaS Solutions", "Premium Jewelry"]}
@@ -201,14 +237,15 @@ export default function LandingPage() {
useInvertedBackground={true}
speed={40}
showCard={true}
buttons={[{ text: рисоединиться к партнерам", href: "#contact" }]}
buttons={[{ text: олучить ранний доступ", href: "#contact" }]
}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Часто задаваемые вопросы"
description="Ответы на самые популярные вопросы о создании AI-инфлюенсеров, процессе работы и возможностях нашего сервиса."
title="Все, что вы хотели знать об AI-инфлюенсерах"
description="Мы собрали ответы на ключевые вопросы о нашей платформе, от создания персонажей до использования контента и преимуществ раннего доступа."
tag="Информация"
tagIcon={HelpCircle}
tagAnimation="slide-up"
@@ -217,11 +254,17 @@ export default function LandingPage() {
faqsAnimation="slide-up"
faqs={[
{
id: "1", title: "Как долго создается AI-инфлюенсер?", content: "Стандартный персонаж создается за 5-7 дней. Профессиональные пакеты с несколькими вариантами обрабатываются за 2-3 дня. Для срочных проектов возможны ускоренные сроки при согласовании с командой."
id: "1", title: "Как долго создается AI-инфлюенсер?", content: "Даже сложный AI-инфлюенсер готов всего за 5-7 дней, позволяя вам быстро запускать кампании, обеспечивая быструю окупаемость инвестиций."
},
{
id: "2", title: "Можно ли использовать персонаж для разных платформ?", content: "Да, AI-инфлюенсер может адаптироваться под любые платформы: Instagram, TikTok, YouTube, Telegram и другие. Мы предоставляем мультиформатный выход с оптимизацией для каждого канала."
},
{
id: "7", title: "Как рассчитываются кредиты для генерации контента?", content: "Наши тарифные планы включают определенное количество генераций контента (кредитов). Дополнительные кредиты можно приобрести отдельно или обновить план для большего объема."
},
{
id: "8", title: "Какие уникальные функции генерации контента вы предлагаете?", content: "Мы предлагаем передовые функции, такие как создание динамических поз, изменение настроения персонажа, генерация фонов и интеграция продуктов, обеспечивая неограниченные креативные возможности."
},
{
id: "3", title: "Каковы авторские права на созданный контент?", content: "Вы полностью владеете правами на созданного персонажа и весь контент. Это ваш эксклюзивный цифровой актив, который может использоваться без ограничений."
},
@@ -235,15 +278,16 @@ export default function LandingPage() {
id: "6", title: "Можно ли получить белый лейбл (white-label) решение?", content: "Да, для агентств и крупных компаний мы предоставляем white-label решение с вашим брендингом. Свяжитесь с нами для обсуждения условий и интеграции API."
}
]}
buttons={[{ text: "Остались вопросы?", href: "#contact" }]}
buttons={[{ text: "Присоединиться к обсуждению", href: "#contact" }]
}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Свяжитесь с нами"
title="Начните создавать AI-инфлюенсеров сегодня"
description="Оставьте заявку на демонстрацию, консультацию или уточнение деталей вашего проекта. Наша команда ответит в течение 24 часов."
tag="Присоединяйтесь"
title="Станьте первыми в очереди: Запишитесь в наш Waitlist!"
description="Наши AI-инфлюенсеры революционизируют маркетинг. Зарегистрируйтесь, чтобы получить ранний доступ и эксклюзивные обновления."
background={{ variant: "radial-gradient" }}
useInvertedBackground={true}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJ5dWgRXPkFHxu1a8nQ1RJCGs2/professional-imagery-showing-a-modern-di-1774194910155-1ad941c8.png"
@@ -251,8 +295,8 @@ export default function LandingPage() {
mediaAnimation="blur-reveal"
mediaPosition="right"
inputPlaceholder="Ваш email адрес"
buttonText="Отправить заявку"
termsText="Отправляя форму, вы согласны с нашей политикой конфиденциальности и условиями использования."
buttonText="Присоединиться к Waitlist"
termsText="Записываясь в Waitlist, вы соглашаетесь с нашей политикой конфиденциальности и условиями использования."
/>
</div>
@@ -292,8 +336,8 @@ export default function LandingPage() {
]
}
]}
bottomLeftText="© 2024 AIInfluencer. Все права защищены."
bottomRightText="Создано для премиум-брендов и инноваторов"
bottomLeftText="© 2024 AIInfluencer. Все права защищены. Будущее маркетинга уже здесь."
bottomRightText="Расширяем возможности брендов через AI-инфлюенсеров."
/>
</div>
</ThemeProvider>

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-montserrat), sans-serif;
font-family: var(--font-open-sans), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-montserrat), sans-serif;
font-family: var(--font-inter), sans-serif;
}

View File

@@ -10,14 +10,14 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--background: #000000;
--card: #0c0c0c;
--foreground: #ffffff;
--primary-cta: #106EFB;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--secondary-cta: #000000;
--secondary-cta-text: #ffffff;
--accent: #535353;
--background-accent: #106EFB;
/* text sizing - set by ThemeProvider */