Merge version_1 into main #2
423
src/app/page.tsx
423
src/app/page.tsx
@@ -29,317 +29,136 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AgriTrack Pro"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "product" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AgriTrack Pro"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Управление агро-процессами нового поколения"
|
||||
description="Интеллектуальная система контроля рабочих графиков и отслеживания задач для повышения эффективности вашего хозяйства."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Управление агро-процессами нового поколения"
|
||||
description="Интеллектуальная система контроля рабочих графиков и отслеживания задач для повышения эффективности вашего хозяйства."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Оптимизация сельского хозяйства"
|
||||
description="Мы помогаем автоматизировать ежедневное планирование и распределение задач, снижая производственные потери и увеличивая урожайность через контроль каждого этапа работ."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Автоматизация графиков",
|
||||
description: "Создавайте сменные графики в один клик.",
|
||||
},
|
||||
{
|
||||
title: "Контроль выполнения",
|
||||
description: "Мониторинг задач в режиме реального времени.",
|
||||
},
|
||||
{
|
||||
title: "Аналитика затрат",
|
||||
description: "Прозрачный учет ресурсов на каждом этапе.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/diverse-organic-farm-workers-using-laptop-manage-online-orders-bio-lettuce-grown-with-no-pesticides-while-coworkers-move-crates-man-woman-using-portable-computer-talking-about-agriculture_482257-49640.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Оптимизация сельского хозяйства"
|
||||
description="Мы помогаем автоматизировать ежедневное планирование и распределение задач, снижая производственные потери и увеличивая урожайность через контроль каждого этапа работ."
|
||||
bulletPoints={[
|
||||
{ title: "Автоматизация графиков", description: "Создавайте сменные графики в один клик." },
|
||||
{ title: "Контроль выполнения", description: "Мониторинг задач в режиме реального времени." },
|
||||
{ title: "Аналитика затрат", description: "Прозрачный учет ресурсов на каждом этапе." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/diverse-organic-farm-workers-using-laptop-manage-online-orders-bio-lettuce-grown-with-no-pesticides-while-coworkers-move-crates-man-woman-using-portable-computer-talking-about-agriculture_482257-49640.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Учет времени",
|
||||
description: "Автоматическое отслеживание часов работы техники и персонала.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/nature-template-design_23-2151141412.jpg?_wi=1",
|
||||
imageAlt: "farm schedule ui",
|
||||
},
|
||||
{
|
||||
title: "Управление задачами",
|
||||
description: "Постановка и контроль задач с привязкой к геопозиции.",
|
||||
bentoComponent: "map",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=2",
|
||||
imageAlt: "farm schedule ui",
|
||||
},
|
||||
{
|
||||
title: "Уведомления",
|
||||
description: "Мгновенные оповещения об изменениях в планах.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Bell,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-organic-farm-workers-using-laptop-manage-online-orders-bio-lettuce-grown-with-no-pesticides-while-coworkers-move-crates-man-woman-using-portable-computer-talking-about-agriculture_482257-49640.jpg?_wi=2",
|
||||
imageAlt: "farm schedule ui",
|
||||
},
|
||||
]}
|
||||
title="Ключевые возможности системы"
|
||||
description="Все инструменты, необходимые для полноценного управления агро-предприятием."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Учет времени", description: "Автоматическое отслеживание часов работы техники и персонала.", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "Управление задачами", description: "Постановка и контроль задач с привязкой к геопозиции.", bentoComponent: "map"},
|
||||
{
|
||||
title: "Уведомления", description: "Мгновенные оповещения об изменениях в планах.", bentoComponent: "reveal-icon", icon: Bell,
|
||||
},
|
||||
]}
|
||||
title="Ключевые возможности системы"
|
||||
description="Все инструменты, необходимые для полноценного управления агро-предприятием."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Базовый контроль",
|
||||
price: "По запросу",
|
||||
variant: "Для малых ферм",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/robot-spraying-fertilizer-vegetable-garden_35913-3099.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Профи+",
|
||||
price: "По запросу",
|
||||
variant: "Для средних хозяйств",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-selective-focus-hand-beautiful-asian-young-woman-farmer-holding-ripe-rice-use-smartphone-organic-rice-field_1150-54106.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Энтерпрайз",
|
||||
price: "По запросу",
|
||||
variant: "Для агрохолдингов",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/farmer-standing-rice-field-with-tablet_1150-6046.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Кастомный API",
|
||||
price: "По запросу",
|
||||
variant: "Полная интеграция",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/agricultural-robots-work-smart-farms_35913-3364.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Мобильный доступ",
|
||||
price: "Включен",
|
||||
variant: "Приложение",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-controlling-plantation_1150-10384.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Поддержка 24/7",
|
||||
price: "Премиум",
|
||||
variant: "Сервис",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drone-spraying-fertilizer-vegetable-green-plants-agriculture-technology-farm-automation_35913-2318.jpg",
|
||||
},
|
||||
]}
|
||||
title="Комплексные решения для бизнеса"
|
||||
description="Выберите подходящий пакет функционала для масштабов вашего хозяйства."
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Базовый контроль", price: "По запросу", variant: "Для малых ферм", imageSrc: "http://img.b2bpic.net/free-photo/robot-spraying-fertilizer-vegetable-garden_35913-3099.jpg" },
|
||||
{ id: "p2", name: "Профи+", price: "По запросу", variant: "Для средних хозяйств", imageSrc: "http://img.b2bpic.net/free-photo/close-up-selective-focus-hand-beautiful-asian-young-woman-farmer-holding-ripe-rice-use-smartphone-organic-rice-field_1150-54106.jpg" },
|
||||
{ id: "p3", name: "Энтерпрайз", price: "По запросу", variant: "Для агрохолдингов", imageSrc: "http://img.b2bpic.net/free-photo/farmer-standing-rice-field-with-tablet_1150-6046.jpg" },
|
||||
]}
|
||||
title="Комплексные решения для бизнеса"
|
||||
description="Выберите подходящий пакет функционала для масштабов вашего хозяйства."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "35%",
|
||||
title: "Рост эффективности",
|
||||
items: [
|
||||
"Сокращение простоев",
|
||||
"Оптимизация логистики",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
title: "Регионов работы",
|
||||
items: [
|
||||
"Масштабируемость",
|
||||
"Локализация",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1000+",
|
||||
title: "Задач ежедневно",
|
||||
items: [
|
||||
"Обработка потока",
|
||||
"Надежность",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Достижения наших клиентов"
|
||||
description="Результаты внедрения нашей информационной системы на ведущих предприятиях."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "35%", title: "Рост эффективности", items: ["Сокращение простоев", "Оптимизация логистики"] },
|
||||
{ id: "m2", value: "20+", title: "Регионов работы", items: ["Масштабируемость", "Локализация"] },
|
||||
{ id: "m3", value: "1000+", title: "Задач ежедневно", items: ["Обработка потока", "Надежность"] },
|
||||
]}
|
||||
title="Достижения наших клиентов"
|
||||
description="Результаты внедрения нашей информационной системы на ведущих предприятиях."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Иван С.",
|
||||
date: "2023",
|
||||
title: "Агроном",
|
||||
quote: "Система кардинально изменила планирование полевых работ.",
|
||||
tag: "Успех",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/middle-view-man-cornfield_23-2148233437.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=3",
|
||||
imageAlt: "farm manager portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Анна М.",
|
||||
date: "2023",
|
||||
title: "Ген. директор",
|
||||
quote: "Прозрачность данных помогла нам сэкономить бюджет.",
|
||||
tag: "Доверие",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/middle-view-smiley-man-looking-away_23-2148233436.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-organic-farm-workers-using-laptop-manage-online-orders-bio-lettuce-grown-with-no-pesticides-while-coworkers-move-crates-man-woman-using-portable-computer-talking-about-agriculture_482257-49640.jpg?_wi=3",
|
||||
imageAlt: "farm manager portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Сергей П.",
|
||||
date: "2023",
|
||||
title: "Главный инженер",
|
||||
quote: "Отслеживание техники стало автоматическим и легким.",
|
||||
tag: "Прорыв",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-posing-with-folded-arms-having-many-flowers-colleague-holding-pot-with-pink-chrysanthemums-glass-roof_158595-7127.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/nature-template-design_23-2151141412.jpg?_wi=2",
|
||||
imageAlt: "farm manager portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Мария В.",
|
||||
date: "2023",
|
||||
title: "Управляющий",
|
||||
quote: "Лучшее решение для работы в полевых условиях.",
|
||||
tag: "Качество",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-holding-phone-with-both-hands-mock-up_23-2148233424.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/robot-spraying-fertilizer-vegetable-garden_35913-3099.jpg?_wi=2",
|
||||
imageAlt: "farm manager portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Дмитрий К.",
|
||||
date: "2023",
|
||||
title: "Фермер",
|
||||
quote: "Интерфейс понятен даже сотрудникам без IT-навыков.",
|
||||
tag: "Удобство",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-farmer-standing-with-arms-crossed-apple-orchard_107420-12205.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-selective-focus-hand-beautiful-asian-young-woman-farmer-holding-ripe-rice-use-smartphone-organic-rice-field_1150-54106.jpg?_wi=2",
|
||||
imageAlt: "farm manager portrait",
|
||||
},
|
||||
]}
|
||||
title="Отзывы профессионалов"
|
||||
description="Что говорят агрономы и управляющие, доверившие нам свои поля."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Иван С.", date: "2023", title: "Агроном", quote: "Система кардинально изменила планирование полевых работ.", tag: "Успех", avatarSrc: "http://img.b2bpic.net/free-photo/middle-view-man-cornfield_23-2148233437.jpg" },
|
||||
{ id: "t2", name: "Анна М.", date: "2023", title: "Ген. директор", quote: "Прозрачность данных помогла нам сэкономить бюджет.", tag: "Доверие", avatarSrc: "http://img.b2bpic.net/free-photo/middle-view-smiley-man-looking-away_23-2148233436.jpg" },
|
||||
]}
|
||||
title="Отзывы профессионалов"
|
||||
description="Что говорят агрономы и управляющие, доверившие нам свои поля."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Нужен ли интернет в поле?",
|
||||
content: "Система поддерживает офлайн-режим с синхронизацией данных.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Можно ли добавить свою технику?",
|
||||
content: "Да, система легко интегрируется с любым оборудованием.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Обучение персонала?",
|
||||
content: "Предоставляем подробные инструкции и поддержку.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Частые вопросы"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Нужен ли интернет в поле?", content: "Система поддерживает офлайн-режим с синхронизацией данных." },
|
||||
{ id: "f2", title: "Можно ли добавить свою технику?", content: "Да, система легко интегрируется с любым оборудованием." },
|
||||
{ id: "f3", title: "Обучение персонала?", content: "Предоставляем подробные инструкции и поддержку." },
|
||||
]}
|
||||
sideTitle="Частые вопросы"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
text="Готовы сделать управление хозяйством проще?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Запросить демо",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
text="Готовы сделать управление хозяйством проще?"
|
||||
buttons={[{ text: "Запросить демо", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="AgriTrack Pro"
|
||||
leftLink={{
|
||||
text: "© 2024 AgriTrack",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Политика конфиденциальности",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="AgriTrack Pro"
|
||||
leftLink={{ text: "© 2024 AgriTrack", href: "#" }}
|
||||
rightLink={{ text: "Политика конфиденциальности", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user