236 lines
19 KiB
TypeScript
236 lines
19 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import { Facebook, Inbox, Instagram } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="small"
|
||
sizing="mediumLarge"
|
||
background="floatingGradient"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Курс", id: "#course"},
|
||
{
|
||
name: "О Методе", id: "#about"},
|
||
{
|
||
name: "Программа", id: "#program"},
|
||
{
|
||
name: "Тарифы", id: "#pricing"},
|
||
]}
|
||
brandName="METHOD / NUTRITION ACADEMY"
|
||
button={{
|
||
text: "Личный Кабинет", href: "#"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardScroll
|
||
background={{
|
||
variant: "plain"}}
|
||
title="КОНСУЛЬТАЦИИ ANTI-AGE НУТРИЦИОЛОГА"
|
||
description="Персональный разбор вашей биохимии, гормонального статуса и генетики. Мы создаем алгоритм долголетия на основе ваших индивидуальных данных. Это ваша дорожная карта к вечной витальности."
|
||
buttons={[
|
||
{
|
||
text: "ЗАПИСАТЬСЯ НА КОНСУЛЬТАЦИЮ", href: "https://t.me/your_telegram_account"},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-male-figure-holding-head-pain_1048-5780.jpg"
|
||
imageAlt="3D сфера из жидкого стекла с цепочкой ДНК и листьями"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
useInvertedBackground={false}
|
||
title="О Методе"
|
||
description="Наш подход основан на глубоком анализе индивидуальной биохимии, гормонального статуса и генетических данных. Мы не используем общие решения, а разрабатываем персонализированные стратегии для каждого клиента. Это позволяет достичь максимальной эффективности в вопросах замедления старения и улучшения качества жизни."
|
||
metrics={[
|
||
{
|
||
value: "10+", title: "Лет опыта"},
|
||
{
|
||
value: "98%", title: "Довольных клиентов"},
|
||
{
|
||
value: "120+", title: "Успешных кейсов"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/glasses-dentist-dental-office_627829-9495.jpg"
|
||
imageAlt="Ученый, исследующий данные под микроскопом"
|
||
mediaAnimation="opacity"
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="program" data-section="program">
|
||
<FeatureCardTwentySeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
id: "program-1", title: "Персональная Диагностика", descriptions: [
|
||
"Глубокий анализ биохимических маркеров, гормонального профиля и генетических предрасположенностей для понимания ваших уникальных потребностей."],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mature-couple-receiving-professional-advice-retirement-planning_482257-115658.jpg", imageAlt: "Цифровая панель диагностики здоровья"},
|
||
{
|
||
id: "program-2", title: "Разработка Плана Питания", descriptions: [
|
||
"Создание индивидуального плана питания, оптимизированного для вашего метаболизма, гормонального баланса и целей anti-age."],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/bowls-sliced-veggies-with-notepad-cloth_23-2148585657.jpg", imageAlt: "Персонализированный план питания с овощами"},
|
||
{
|
||
id: "program-3", title: "Гормональная Коррекция", descriptions: [
|
||
"Оптимизация гормонального статуса через нутрицевтики, диету и образ жизни для поддержания молодости и энергии."],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/healthcare-provider-presenting-lab-test-results-patient-cabinet_482257-124790.jpg", imageAlt: "Диаграмма гормонального баланса"},
|
||
{
|
||
id: "program-4", title: "Генетический Анализ", descriptions: [
|
||
"Исследование вашей ДНК для выявления скрытых рисков и потенциала, позволяющее создать дорожную карту долголетия на основе ваших генов."],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple_23-2148138582.jpg", imageAlt: "Спираль ДНК и генетический код"},
|
||
{
|
||
id: "program-5", title: "Поддержка и Мониторинг", descriptions: [
|
||
"Постоянное сопровождение и корректировка программы с учетом вашего прогресса, обеспечивая долгосрочные результаты."],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165181.jpg", imageAlt: "Панель мониторинга здоровья на планшете"},
|
||
]}
|
||
title="Ваша Программа Долголетия"
|
||
description="Мы предлагаем комплексный подход, охватывающий все аспекты вашего здоровья и благополучия. От диагностики до индивидуальной поддержки — каждый шаг направлен на достижение вашей вечной витальности."
|
||
/>
|
||
</div>
|
||
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardFive
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
plans={[
|
||
{
|
||
id: "plan-basic", tag: "Старт", price: "25 000 ₽", period: "/за консультацию", description: "Идеально для первого знакомства с методом и оценки текущего состояния.", button: {
|
||
text: "Выбрать Базовый", href: "https://t.me/your_telegram_account"},
|
||
featuresTitle: "Включает:", features: [
|
||
"Первичная диагностика", "Базовые рекомендации по питанию", "Краткая консультация (60 мин)"],
|
||
},
|
||
{
|
||
id: "plan-pro", tag: "Рекомендовано", price: "60 000 ₽", period: "/за курс", description: "Комплексный подход для глубокой коррекции и долгосрочных результатов.", button: {
|
||
text: "Выбрать Расширенный", href: "https://t.me/your_telegram_account"},
|
||
featuresTitle: "Включает:", features: [
|
||
"Расширенная диагностика (биохимия, гормоны)", "Индивидуальный план питания и нутрицевтиков", "3 консультации (по 90 мин)", "Поддержка в мессенджере"],
|
||
},
|
||
{
|
||
id: "plan-premium", tag: "Премиум", price: "120 000 ₽", period: "/за курс", description: "Максимальный уровень персонализации и всесторонней поддержки для VIP-клиентов.", button: {
|
||
text: "Выбрать Премиум", href: "https://t.me/your_telegram_account"},
|
||
featuresTitle: "Включает:", features: [
|
||
"Полная диагностика (биохимия, гормоны, генетика)", "Эксклюзивный план питания и нутрицевтиков", "5 консультаций (по 90 мин)", "Приоритетная поддержка 24/7", "Ежемесячный мониторинг прогресса"],
|
||
},
|
||
]}
|
||
title="Тарифы на Консультации"
|
||
description="Выберите подходящий для вас пакет консультаций. Каждый тариф включает индивидуальный подход и глубокую проработку ваших запросов для достижения оптимальных результатов."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "t-1", name: "Елена Смирнова", handle: "@elena.wellness", testimonial: "«Благодаря методу, я не только почувствовала себя моложе, но и наладила сон, улучшила кожу и значительно повысила уровень энергии. Это настоящая магия!»", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stunning-woman-with-red-lips-elegant-make-up-wearing-glamour-black-dress-posing-white-background-evening-event_291049-2865.jpg", imageAlt: "Фото Елены Смирновой"},
|
||
{
|
||
id: "t-2", name: "Иван Петров", handle: "@ivan_healthy", testimonial: "«Я скептически относился к нутрициологии, но после консультаций и индивидуального плана увидел реальные изменения. Теперь чувствую себя на 10 лет моложе!»", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg", imageAlt: "Фото Ивана Петрова"},
|
||
{
|
||
id: "t-3", name: "Анна Козлова", handle: "@ann_vitality", testimonial: "«Это не просто консультации, это новый образ жизни. Моя кожа стала сияющей, волосы крепче, а общее самочувствие на высоте. Очень рекомендую!»", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/wise-woman-posing-studio-side-view_23-2149883505.jpg", imageAlt: "Фото Анны Козловой"},
|
||
{
|
||
id: "t-4", name: "Дмитрий Морозов", handle: "@dmitry.longevity", testimonial: "«Профессиональный и глубокий подход. Всегда думал, что чувствовать усталость в 40 — это нормально, но оказалось, что можно жить гораздо энергичнее.»", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-hands-pockets-looking-away_23-2148308628.jpg", imageAlt: "Фото Дмитрия Морозова"},
|
||
{
|
||
id: "t-5", name: "Ольга Новикова", handle: "@olga.antiage", testimonial: "«Я поражена результатами! Мои хронические проблемы с пищеварением исчезли, а я стала выглядеть свежее и моложе. Бесконечно благодарна!»", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businesswoman-showing-thumb-up_1262-5866.jpg", imageAlt: "Фото Ольги Новиковой"},
|
||
{
|
||
id: "t-6", name: "Сергей Васильев", handle: "@sergey_health", testimonial: "«Появилась ясность в голове, ушла хроническая усталость. Метод действительно работает, рекомендую всем, кто ищет качественные изменения в жизни.»", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-living-room_329181-626.jpg", imageAlt: "Фото Сергея Васильева"},
|
||
]}
|
||
showRating={true}
|
||
title="Отзывы Наших Клиентов"
|
||
description="Истории успеха людей, которые уже изменили свою жизнь благодаря нашим консультациям и персонализированным программам."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq-1", title: "Что такое anti-age нутрициология?", content: "Anti-age нутрициология — это наука, которая изучает влияние питания, образа жизни и внешних факторов на процессы старения организма. Она помогает разработать персонализированные стратегии для замедления старения, улучшения здоровья и повышения качества жизни."},
|
||
{
|
||
id: "faq-2", title: "Как проходит первая консультация?", content: "На первой консультации мы проводим глубокий анализ вашего текущего состояния здоровья, собираем анамнез, обсуждаем ваши цели и ожидания. Возможно, потребуется заполнить подробные анкеты и сдать анализы."},
|
||
{
|
||
id: "faq-3", title: "Какие анализы мне нужно будет сдать?", content: "Перечень необходимых анализов индивидуален и определяется нутрициологом после первичной консультации. Обычно это биохимический анализ крови, гормональный профиль, тесты на дефицит витаминов и микроэлементов, а также, при необходимости, генетические тесты."},
|
||
{
|
||
id: "faq-4", title: "Гарантируете ли вы результат?", content: "Мы гарантируем максимально профессиональный и индивидуальный подход. Результаты зависят от многих факторов, включая строгое соблюдение рекомендаций, индивидуальные особенности организма и исходное состояние здоровья. Многие наши клиенты достигают значительных улучшений."},
|
||
{
|
||
id: "faq-5", title: "Могу ли я получить консультацию онлайн?", content: "Да, все консультации проводятся дистанционно через удобные онлайн-платформы, что позволяет вам получить поддержку из любой точки мира."},
|
||
]}
|
||
title="Часто Задаваемые Вопросы"
|
||
description="Мы собрали ответы на самые распространенные вопросы о наших консультациях и методе anti-age нутрициологии."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Свяжитесь с нами"
|
||
title="Запишитесь на Первую Консультацию"
|
||
description="Начните свой путь к долголетию и витальности уже сегодня. Мы готовы ответить на все ваши вопросы и помочь выбрать оптимальную программу."
|
||
buttons={[
|
||
{
|
||
text: "ЗАПИСАТЬСЯ В TELEGRAM", href: "https://t.me/your_telegram_account"},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="METHOD / NUTRITION ACADEMY"
|
||
copyrightText="© 2024 METHOD / NUTRITION ACADEMY. Все права защищены."
|
||
socialLinks={[
|
||
{
|
||
icon: Facebook,
|
||
href: "#", ariaLabel: "Facebook"},
|
||
{
|
||
icon: Instagram,
|
||
href: "#", ariaLabel: "Instagram"},
|
||
{
|
||
icon: Inbox,
|
||
href: "https://t.me/your_telegram_account", ariaLabel: "Telegram"},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |