Merge version_1 into main #2
381
src/app/page.tsx
381
src/app/page.tsx
@@ -25,289 +25,116 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Галактика",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Механика",
|
||||
id: "mechanics",
|
||||
},
|
||||
{
|
||||
name: "Технологии",
|
||||
id: "technologies",
|
||||
},
|
||||
{
|
||||
name: "Арсенал",
|
||||
id: "arsenal",
|
||||
},
|
||||
]}
|
||||
brandName="SIDUS"
|
||||
button={{
|
||||
text: "Вход",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Галактика", id: "hero" },
|
||||
{ name: "Механика", id: "mechanics" },
|
||||
{ name: "Технологии", id: "technologies" },
|
||||
{ name: "Арсенал", id: "arsenal" }
|
||||
]}
|
||||
brandName="SIDUS"
|
||||
button={{ text: "Вход", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="SIDUS"
|
||||
description="Создаем созвездия успешного бизнеса. Твой бизнес в созвездии лидеров."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Tech",
|
||||
handle: "@alex",
|
||||
testimonial: "Sidus изменил наш подход к автоматизации.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-crossed-arms-darkness_1098-3707.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Growth",
|
||||
handle: "@elena",
|
||||
testimonial: "Колонизация бизнес-процессов — это про Sidus.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ivan Dev",
|
||||
handle: "@ivan",
|
||||
testimonial: "Лучший ИИ-ассистент, что я видел.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104570.jpg",
|
||||
},
|
||||
{
|
||||
name: "Anna Sales",
|
||||
handle: "@anna",
|
||||
testimonial: "Авто-договора сэкономили нам сотни часов.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark Biz",
|
||||
handle: "@mark",
|
||||
testimonial: "Sidus — это настоящий центр управления.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designers-team-working-3d-model_23-2149371893.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Занять место в галактике",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-154687.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-with-crossed-arms-darkness_1098-3707.jpg",
|
||||
alt: "Alex",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104570.jpg",
|
||||
alt: "Ivan",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
|
||||
alt: "Anna",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/designers-team-working-3d-model_23-2149371893.jpg",
|
||||
alt: "Mark",
|
||||
},
|
||||
]}
|
||||
avatarText="Более 500 компаний уже в нашей системе"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="SIDUS"
|
||||
description="Создаем созвездия успешного бизнеса. Твой бизнес в созвездии лидеров."
|
||||
testimonials={[
|
||||
{ name: "Alex Tech", handle: "@alex", testimonial: "Sidus изменил наш подход к автоматизации.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-crossed-arms-darkness_1098-3707.jpg" },
|
||||
{ name: "Elena Growth", handle: "@elena", testimonial: "Колонизация бизнес-процессов — это про Sidus.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg" },
|
||||
{ name: "Ivan Dev", handle: "@ivan", testimonial: "Лучший ИИ-ассистент, что я видел.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104570.jpg" },
|
||||
{ name: "Anna Sales", handle: "@anna", testimonial: "Авто-договора сэкономили нам сотни часов.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg" },
|
||||
{ name: "Mark Biz", handle: "@mark", testimonial: "Sidus — это настоящий центр управления.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/designers-team-working-3d-model_23-2149371893.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Занять место в галактике", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-154687.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-with-crossed-arms-darkness_1098-3707.jpg", alt: "Alex" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg", alt: "Elena" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104570.jpg", alt: "Ivan" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg", alt: "Anna" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/designers-team-working-3d-model_23-2149371893.jpg", alt: "Mark" }
|
||||
]}
|
||||
avatarText="Более 500 компаний уже в нашей системе"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="mechanics" data-section="mechanics">
|
||||
<FeatureCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Хаос бизнес-процессов",
|
||||
description: "Бизнес как тусклая точка, лишенная фокуса.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599331.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Внедрение Sidus",
|
||||
description: "Луч света автоматизации попадает в ядро.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-machinery-design-glows-blue-factory-generated-by-ai_188544-17124.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Рождение звезды",
|
||||
description: "Бизнес становится яркой сверхновой в системе.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-background_181624-21133.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Механика Галактики"
|
||||
description="Эволюция бизнеса от хаоса к упорядоченному созвездию."
|
||||
/>
|
||||
</div>
|
||||
<div id="mechanics" data-section="mechanics">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Хаос бизнес-процессов", description: "Бизнес как тусклая точка, лишенная фокуса.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599331.jpg" },
|
||||
{ title: "Внедрение Sidus", description: "Луч света автоматизации попадает в ядро.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-machinery-design-glows-blue-factory-generated-by-ai_188544-17124.jpg" },
|
||||
{ title: "Рождение звезды", description: "Бизнес становится яркой сверхновой в системе.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-background_181624-21133.jpg" }
|
||||
]}
|
||||
title="Механика Галактики"
|
||||
description="Эволюция бизнеса от хаоса к упорядоченному созвездию."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="technologies" data-section="technologies">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "AI-Navigator",
|
||||
price: "99,000 ₸",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599331.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Auto-Contracts",
|
||||
price: "45,000 ₸",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-machinery-design-glows-blue-factory-generated-by-ai_188544-17124.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mission Control AI",
|
||||
price: "120,000 ₸",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-background_181624-21133.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lead Cluster Pro",
|
||||
price: "85,000 ₸",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599331.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Nebula Integration",
|
||||
price: "150,000 ₸",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-machinery-design-glows-blue-factory-generated-by-ai_188544-17124.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Stellar Analytics",
|
||||
price: "95,000 ₸",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-background_181624-21133.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Технологии Колонизации"
|
||||
description="Футуристичные модули для масштабирования вашего бизнеса."
|
||||
/>
|
||||
</div>
|
||||
<div id="technologies" data-section="technologies">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "AI-Navigator", price: "99,000 ₸", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599331.jpg" },
|
||||
{ id: "2", name: "Auto-Contracts", price: "45,000 ₸", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-machinery-design-glows-blue-factory-generated-by-ai_188544-17124.jpg" },
|
||||
{ id: "3", name: "Mission Control AI", price: "120,000 ₸", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-background_181624-21133.jpg" },
|
||||
{ id: "4", name: "Lead Cluster Pro", price: "85,000 ₸", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599331.jpg" },
|
||||
{ id: "5", name: "Nebula Integration", price: "150,000 ₸", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-machinery-design-glows-blue-factory-generated-by-ai_188544-17124.jpg" },
|
||||
{ id: "6", name: "Stellar Analytics", price: "95,000 ₸", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-background_181624-21133.jpg" }
|
||||
]}
|
||||
title="Технологии Колонизации"
|
||||
description="Футуристичные модули для масштабирования вашего бизнеса."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Старт",
|
||||
price: "49,000 ₸",
|
||||
subtitle: "Для первых звезд",
|
||||
features: [
|
||||
"AI-Секретарь",
|
||||
"Базовая аналитика",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Рост",
|
||||
price: "149,000 ₸",
|
||||
subtitle: "Для растущих систем",
|
||||
features: [
|
||||
"Авто-договора",
|
||||
"Глубокая аналитика",
|
||||
"Поддержка инженеров",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Сверхновая",
|
||||
price: "299,000 ₸",
|
||||
subtitle: "Для галактических лидеров",
|
||||
features: [
|
||||
"Полная экосистема",
|
||||
"Приоритет инженера",
|
||||
"Персональный AI-навигатор",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Арсенал Стоимости"
|
||||
description="Выберите свой путь в созвездии."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "basic", badge: "Старт", price: "49,000 ₸", subtitle: "Для первых звезд", features: ["AI-Секретарь", "Базовая аналитика"] },
|
||||
{ id: "pro", badge: "Рост", price: "149,000 ₸", subtitle: "Для растущих систем", features: ["Авто-договора", "Глубокая аналитика", "Поддержка инженеров"] },
|
||||
{ id: "enterprise", badge: "Сверхновая", price: "299,000 ₸", subtitle: "Для галактических лидеров", features: ["Полная экосистема", "Приоритет инженера", "Персональный AI-навигатор"] }
|
||||
]}
|
||||
title="Арсенал Стоимости"
|
||||
description="Выберите свой путь в созвездии."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Стань частью созвездия"
|
||||
description="Оставьте свой след в истории бизнеса."
|
||||
mediaAnimation="slide-up"
|
||||
tag="Связь"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599331.jpg?_wi=4"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Стань частью созвездия"
|
||||
description="Оставьте свой след в истории бизнеса."
|
||||
mediaAnimation="slide-up"
|
||||
tag="Связь"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599331.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Экосистема",
|
||||
items: [
|
||||
{
|
||||
label: "Модули",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Тарифы",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Поддержка",
|
||||
items: [
|
||||
{
|
||||
label: "Инженер Миссии",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "База знаний",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="SIDUS"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Экосистема", items: [{ label: "Модули", href: "#" }, { label: "Тарифы", href: "#" }] },
|
||||
{ title: "Поддержка", items: [{ label: "Инженер Миссии", href: "#" }, { label: "База знаний", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
logoText="SIDUS"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user