Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
387
src/app/page.tsx
387
src/app/page.tsx
@@ -29,282 +29,135 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="EcoApp"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EcoApp"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Управляйте своим будущим с EcoApp"
|
||||
description="Приложение, которое делает экологичную жизнь простой, эффективной и стильной. Начните прямо сейчас."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17228.jpg"
|
||||
imageAlt="EcoApp Mobile Interface"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Управляйте своим будущим с EcoApp"
|
||||
description="Приложение, которое делает экологичную жизнь простой, эффективной и стильной. Начните прямо сейчас."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17228.jpg"
|
||||
imageAlt="EcoApp Mobile Interface"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Наши достижения"
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Пользователей",
|
||||
value: "100k+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Наград",
|
||||
value: "25",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Сэкономлено тонн CO2",
|
||||
value: "500+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Наши достижения"
|
||||
metrics={[
|
||||
{ icon: Users, label: "Пользователей", value: "100k+" },
|
||||
{ icon: Award, label: "Наград", value: "25" },
|
||||
{ icon: Leaf, label: "Сэкономлено тонн CO2", value: "500+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Молниеносная скорость",
|
||||
description: "Работайте с данными без задержек.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-time-logo-templates-collection_23-2148945996.jpg",
|
||||
imageAlt: "Speed",
|
||||
},
|
||||
{
|
||||
title: "Вовлеченность сообщества",
|
||||
description: "Станьте частью эко-движения.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-seo-blue-color-icon-presentation_1142-25521.jpg",
|
||||
imageAlt: "Community",
|
||||
},
|
||||
{
|
||||
title: "Максимальная безопасность",
|
||||
description: "Ваши данные защищены на уровне банков.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lock-sign-front-side-white-background_187299-40178.jpg",
|
||||
imageAlt: "Security",
|
||||
},
|
||||
]}
|
||||
title="Преимущества EcoApp"
|
||||
description="Мы создали инструмент, который сочетает в себе пользу и легкость использования."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Молниеносная скорость", description: "Работайте с данными без задержек.", imageSrc: "http://img.b2bpic.net/free-vector/flat-time-logo-templates-collection_23-2148945996.jpg", imageAlt: "Speed" },
|
||||
{ title: "Вовлеченность сообщества", description: "Станьте частью эко-движения.", imageSrc: "http://img.b2bpic.net/free-vector/20-seo-blue-color-icon-presentation_1142-25521.jpg", imageAlt: "Community" },
|
||||
{ title: "Максимальная безопасность", description: "Ваши данные защищены на уровне банков.", imageSrc: "http://img.b2bpic.net/free-photo/lock-sign-front-side-white-background_187299-40178.jpg", imageAlt: "Security" },
|
||||
]}
|
||||
title="Преимущества EcoApp"
|
||||
description="Мы создали инструмент, который сочетает в себе пользу и легкость использования."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Аптайм",
|
||||
description: "Стабильность 24/7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-abstract-background_23-2151820762.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5x",
|
||||
title: "Рост",
|
||||
description: "Скорость обработки",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-holding-rocket-icon_53876-65378.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "0",
|
||||
title: "Ошибок",
|
||||
description: "Чистый код",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-holding-golden-key_53876-74779.jpg",
|
||||
},
|
||||
]}
|
||||
title="Эффективность"
|
||||
description="Почему выбирают нас каждый день."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "99.9%", title: "Аптайм", description: "Стабильность 24/7", imageSrc: "http://img.b2bpic.net/free-photo/green-abstract-background_23-2151820762.jpg" },
|
||||
{ id: "m2", value: "5x", title: "Рост", description: "Скорость обработки", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-holding-rocket-icon_53876-65378.jpg" },
|
||||
{ id: "m3", value: "0", title: "Ошибок", description: "Чистый код", imageSrc: "http://img.b2bpic.net/free-photo/business-people-holding-golden-key_53876-74779.jpg" },
|
||||
]}
|
||||
title="Эффективность"
|
||||
description="Почему выбирают нас каждый день."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Алексей Иванов",
|
||||
handle: "@alex",
|
||||
testimonial: "Это лучшее приложение для экологии, что я пробовал!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Мария Смирнова",
|
||||
handle: "@smirnova",
|
||||
testimonial: "Очень удобный интерфейс и полезный функционал.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-teenage-girl-with-no-make-up-pinkish-bob-hairdo-ring-her-nose-posing-indoors_343059-124.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Дмитрий Петров",
|
||||
handle: "@dpetrov",
|
||||
testimonial: "Пользуюсь каждый день, очень рекомендую всем.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Елена Соколова",
|
||||
handle: "@sokolova",
|
||||
testimonial: "Экономит мое время и помогает планете.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sideways-mature-man-holding-his-tablet_23-2148404428.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Игорь Кузнецов",
|
||||
handle: "@igork",
|
||||
testimonial: "Просто вау! Очень доволен результатом.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-standing-with-crossed-arms-blouse-skirt-looking-confident_176474-55666.jpg",
|
||||
},
|
||||
]}
|
||||
title="Отзывы клиентов"
|
||||
description="Что говорят наши пользователи о нас."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Алексей Иванов", handle: "@alex", testimonial: "Это лучшее приложение для экологии, что я пробовал!", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg" },
|
||||
{ id: "2", name: "Мария Смирнова", handle: "@smirnova", testimonial: "Очень удобный интерфейс и полезный функционал.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-teenage-girl-with-no-make-up-pinkish-bob-hairdo-ring-her-nose-posing-indoors_343059-124.jpg" },
|
||||
{ id: "3", name: "Дмитрий Петров", handle: "@dpetrov", testimonial: "Пользуюсь каждый день, очень рекомендую всем.", imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg" },
|
||||
{ id: "4", name: "Елена Соколова", handle: "@sokolova", testimonial: "Экономит мое время и помогает планете.", imageSrc: "http://img.b2bpic.net/free-photo/sideways-mature-man-holding-his-tablet_23-2148404428.jpg" },
|
||||
{ id: "5", name: "Игорь Кузнецов", handle: "@igork", testimonial: "Просто вау! Очень доволен результатом.", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-standing-with-crossed-arms-blouse-skirt-looking-confident_176474-55666.jpg" },
|
||||
]}
|
||||
title="Отзывы клиентов"
|
||||
description="Что говорят наши пользователи о нас."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"EcoTech",
|
||||
"GreenSolutions",
|
||||
"NatureForce",
|
||||
"EarthCare",
|
||||
"PureEnergy",
|
||||
"BioFlow",
|
||||
"SustainableNow",
|
||||
]}
|
||||
title="Нам доверяют лидеры"
|
||||
description="Партнеры, которые поддерживают нас в миссии."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["EcoTech", "GreenSolutions", "NatureForce", "EarthCare", "PureEnergy", "BioFlow", "SustainableNow"]}
|
||||
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">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Свяжитесь с нами"
|
||||
description="Есть вопросы или предложения? Напишите нам, мы открыты для диалога."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ваше имя",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Ваш email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ваше сообщение",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ordered-office-stuff-laptop_23-2148225485.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Свяжитесь с нами"
|
||||
description="Есть вопросы или предложения? Напишите нам, мы открыты для диалога."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Ваше имя", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Ваш email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Ваше сообщение", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ordered-office-stuff-laptop_23-2148225485.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "О нас",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Функции",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Контакты",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="EcoApp"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "О нас", href: "#about" }, { label: "Функции", href: "#features" }] },
|
||||
{ items: [{ label: "Контакты", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
logoText="EcoApp"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user