Merge version_1 into main #2
380
src/app/page.tsx
380
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Camera, Zap, ShieldCheck, MessageCircle, Target, Book, Bell, Lock } from 'lucide-react';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
@@ -15,287 +16,120 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Analyze",
|
||||
id: "analysis",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="AgroSmart"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Analyze", id: "analysis" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
]}
|
||||
brandName="AgroSmart"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Твой личный агроном в кармане"
|
||||
description="Мгновенная идентификация растений и диагностика болезней по одному фото. Используй мощь нейросетей для спасения твоего сада."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_gardens",
|
||||
testimonial: "This app saved my favorite plant from root rot!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-potted-plant_23-2147929445.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Michael C.",
|
||||
handle: "@mike_plants",
|
||||
testimonial: "The diagnosis is incredibly fast and accurate.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blondy-young-woman-black-dress_613910-7050.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@emily_growth",
|
||||
testimonial: "Professional results right from my smartphone.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@david_botany",
|
||||
testimonial: "Expert tips that actually work every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-owner-holding-potted-plant-shop_53876-128887.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Anna P.",
|
||||
handle: "@anna_urban",
|
||||
testimonial: "Finally, I understand what my plants need!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830413.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Начать анализ",
|
||||
href: "#analysis",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-vegetables_23-2149198257.jpg"
|
||||
imageAlt="Lush indoor garden"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-potted-plant_23-2147929445.jpg",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blondy-young-woman-black-dress_613910-7050.jpg",
|
||||
alt: "Michael C.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
|
||||
alt: "Emily R.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/small-business-owner-holding-potted-plant-shop_53876-128887.jpg",
|
||||
alt: "David K.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830413.jpg",
|
||||
alt: "Anna P.",
|
||||
},
|
||||
]}
|
||||
avatarText="Присоединяйтесь к 10,000+ довольных садоводов"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Твой личный агроном в кармане"
|
||||
description="Мгновенная идентификация растений и диагностика болезней по одному фото. Используй мощь нейросетей для спасения твоего сада."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "@sarah_gardens", testimonial: "This app saved my favorite plant from root rot!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-potted-plant_23-2147929445.jpg" },
|
||||
{ name: "Michael C.", handle: "@mike_plants", testimonial: "The diagnosis is incredibly fast and accurate.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blondy-young-woman-black-dress_613910-7050.jpg" },
|
||||
{ name: "Emily R.", handle: "@emily_growth", testimonial: "Professional results right from my smartphone.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg" },
|
||||
{ name: "David K.", handle: "@david_botany", testimonial: "Expert tips that actually work every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/small-business-owner-holding-potted-plant-shop_53876-128887.jpg" },
|
||||
{ name: "Anna P.", handle: "@anna_urban", testimonial: "Finally, I understand what my plants need!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830413.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Начать анализ", href: "#analysis" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-vegetables_23-2149198257.jpg"
|
||||
imageAlt="Lush indoor garden"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-potted-plant_23-2147929445.jpg", alt: "Sarah J." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blondy-young-woman-black-dress_613910-7050.jpg", alt: "Michael C." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Emily R." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/small-business-owner-holding-potted-plant-shop_53876-128887.jpg", alt: "David K." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830413.jpg", alt: "Anna P." }
|
||||
]}
|
||||
avatarText="Присоединяйтесь к 10,000+ довольных садоводов"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="analysis" data-section="analysis">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Загрузка фото",
|
||||
description: "Drag-and-Drop или камера телефона.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-watering-plants_23-2151947890.jpg",
|
||||
buttonIcon: "Camera",
|
||||
},
|
||||
{
|
||||
title: "Анализ AI",
|
||||
description: "Поиск болезней в реальном времени.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884896.jpg?_wi=1",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Рекомендации",
|
||||
description: "Индивидуальный план ухода и лечения.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-call-communication-icon-illustration_53876-74751.jpg?_wi=1",
|
||||
buttonIcon: "ShieldCheck",
|
||||
},
|
||||
{
|
||||
title: "Консультация",
|
||||
description: "Прямая связь с агрономами.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-landing-page-with-gradient_23-2148351107.jpg?_wi=1",
|
||||
buttonIcon: "MessageCircle",
|
||||
},
|
||||
]}
|
||||
title="Интеллектуальный анализатор"
|
||||
description="Загрузи фото вашего растения, и наш AI мгновенно предоставит точный диагноз и рекомендации."
|
||||
/>
|
||||
</div>
|
||||
<div id="analysis" data-section="analysis">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Загрузка фото", description: "Drag-and-Drop или камера телефона.", imageSrc: "http://img.b2bpic.net/free-photo/woman-watering-plants_23-2151947890.jpg", buttonIcon: Camera },
|
||||
{ title: "Анализ AI", description: "Поиск болезней в реальном времени.", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884896.jpg", buttonIcon: Zap },
|
||||
{ title: "Рекомендации", description: "Индивидуальный план ухода и лечения.", imageSrc: "http://img.b2bpic.net/free-photo/phone-call-communication-icon-illustration_53876-74751.jpg", buttonIcon: ShieldCheck },
|
||||
{ title: "Консультация", description: "Прямая связь с агрономами.", imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-landing-page-with-gradient_23-2148351107.jpg", buttonIcon: MessageCircle },
|
||||
]}
|
||||
title="Интеллектуальный анализатор"
|
||||
description="Загрузи фото вашего растения, и наш AI мгновенно предоставит точный диагноз и рекомендации."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Точность AI",
|
||||
description: "99% точность определения заболеваний.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pistils-beautiful-white-fresh-flower_23-2148060079.jpg",
|
||||
buttonIcon: "Target",
|
||||
},
|
||||
{
|
||||
title: "База знаний",
|
||||
description: "Библиотека с уходом за 5000+ видов.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-call-communication-icon-illustration_53876-74751.jpg?_wi=2",
|
||||
buttonIcon: "Book",
|
||||
},
|
||||
{
|
||||
title: "Умные уведомления",
|
||||
description: "График полива и внесения удобрений.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884896.jpg?_wi=2",
|
||||
buttonIcon: "Bell",
|
||||
},
|
||||
{
|
||||
title: "Безопасность",
|
||||
description: "Конфиденциальность данных ваших растений.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-landing-page-with-gradient_23-2148351107.jpg?_wi=2",
|
||||
buttonIcon: "Lock",
|
||||
},
|
||||
]}
|
||||
title="Почему выбирают AgroSmart?"
|
||||
description="Больше, чем просто приложение — полноценная экосистема для заботы о ваших растениях."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Точность AI", description: "99% точность определения заболеваний.", imageSrc: "http://img.b2bpic.net/free-photo/pistils-beautiful-white-fresh-flower_23-2148060079.jpg", buttonIcon: Target },
|
||||
{ title: "База знаний", description: "Библиотека с уходом за 5000+ видов.", imageSrc: "http://img.b2bpic.net/free-photo/phone-call-communication-icon-illustration_53876-74751.jpg", buttonIcon: Book },
|
||||
{ title: "Умные уведомления", description: "График полива и внесения удобрений.", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884896.jpg", buttonIcon: Bell },
|
||||
{ title: "Безопасность", description: "Конфиденциальность данных ваших растений.", imageSrc: "http://img.b2bpic.net/free-vector/technology-concept-landing-page-with-gradient_23-2148351107.jpg", buttonIcon: Lock },
|
||||
]}
|
||||
title="Почему выбирают AgroSmart?"
|
||||
description="Больше, чем просто приложение — полноценная экосистема для заботы о ваших растениях."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Absolutely intuitive!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-potted-plant_23-2147929445.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
handle: "@mike",
|
||||
testimonial: "The AI is remarkably precise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blondy-young-woman-black-dress_613910-7050.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emily",
|
||||
testimonial: "My plants have never been healthier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@david",
|
||||
testimonial: "Love the chat with expert feature!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-owner-holding-potted-plant-shop_53876-128887.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna P.",
|
||||
handle: "@anna",
|
||||
testimonial: "Must have for any urban gardener.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830413.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Отзывы наших пользователей"
|
||||
description="Присоединяйтесь к тысячам довольных садоводов, которые доверяют AgroSmart."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarah", testimonial: "Absolutely intuitive!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-potted-plant_23-2147929445.jpg" },
|
||||
{ id: "2", name: "Michael C.", handle: "@mike", testimonial: "The AI is remarkably precise.", imageSrc: "http://img.b2bpic.net/free-photo/blondy-young-woman-black-dress_613910-7050.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@emily", testimonial: "My plants have never been healthier.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@david", testimonial: "Love the chat with expert feature!", imageSrc: "http://img.b2bpic.net/free-photo/small-business-owner-holding-potted-plant-shop_53876-128887.jpg" },
|
||||
{ id: "5", name: "Anna P.", handle: "@anna", testimonial: "Must have for any urban gardener.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830413.jpg" }
|
||||
]}
|
||||
title="Отзывы наших пользователей"
|
||||
description="Присоединяйтесь к тысячам довольных садоводов, которые доверяют AgroSmart."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Нам доверяют профессионалы"
|
||||
description="AgroSmart — выбор ведущих экспертов и любителей ботаники по всему миру."
|
||||
names={[
|
||||
"GreenThumb Society",
|
||||
"Urban Jungle Magazine",
|
||||
"Botanical Gardens Intl",
|
||||
"Nature Care Alliance",
|
||||
"EcoLife Collective",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Нам доверяют профессионалы"
|
||||
description="AgroSmart — выбор ведущих экспертов и любителей ботаники по всему миру."
|
||||
names={["GreenThumb Society", "Urban Jungle Magazine", "Botanical Gardens Intl", "Nature Care Alliance", "EcoLife Collective"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="AgroSmart"
|
||||
columns={[
|
||||
{
|
||||
title: "Компания",
|
||||
items: [
|
||||
{
|
||||
label: "О нас",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Вакансии",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Поддержка",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Контакт",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Юридическое",
|
||||
items: [
|
||||
{
|
||||
label: "Политика конфиденциальности",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Условия",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="AgroSmart"
|
||||
columns={[
|
||||
{ title: "Компания", items: [{ label: "О нас", href: "#" }, { label: "Вакансии", href: "#" }] },
|
||||
{ title: "Поддержка", items: [{ label: "FAQ", href: "#" }, { label: "Контакт", href: "#" }] },
|
||||
{ title: "Юридическое", items: [{ label: "Политика конфиденциальности", href: "#" }, { label: "Условия", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user