Update src/app/page.tsx
This commit is contained in:
374
src/app/page.tsx
374
src/app/page.tsx
@@ -1,304 +1,264 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Gift, Sparkles } from 'lucide-react';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { AlertCircle, Camera, CheckCircle, MessageCircle, Sparkles, Zap } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Noma"
|
||||
navItems={[
|
||||
{ name: "Как работает", id: "how-it-works" },
|
||||
{ name: "Преимущества", id: "features" },
|
||||
{ name: "Тарифы", id: "pricing" },
|
||||
{ name: "Как это работает", id: "how-it-works" },
|
||||
{ name: "Преимущества", id: "benefits" },
|
||||
{ name: "Цены", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
bottomLeftText="AI Калорийность"
|
||||
bottomRightText="Telegram Bot"
|
||||
button={{
|
||||
text: "👉 Попробовать бесплатно", href: "https://t.me/noma_bot"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
title="Считай калории по фото прямо в Telegram"
|
||||
description="AI анализирует еду за 10 секунд. Дает рекомендации и помогает похудеть без дневников и таблиц. 5000+ пользователей уже следят за питанием через бота"
|
||||
tag="🤖 Нова — AI для здоровья"
|
||||
background={{ variant: "animated-grid" }}
|
||||
<HeroLogoBillboard
|
||||
logoText="Noma"
|
||||
description="Считай калории по фото прямо в Telegram\nAI анализирует еду за 10 секунд\nДает рекомендации и помогает похудеть без дневников и таблиц"
|
||||
buttons={[
|
||||
{ text: "👉 Попробовать бесплатно в Telegram", href: "https://t.me/noma_bot" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/a-sleek-telegram-bot-interface-showing-a-1774036994676-1130375c.png?_wi=1", imageAlt: "Noma bot demo interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/close-up-of-a-smartphone-screen-showing--1774036993709-568a9014.png?_wi=1", imageAlt: "Upload food photo to bot" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/screenshot-of-the-noma-bot-showing-ai-an-1774036993105-baf32ae6.png?_wi=1", imageAlt: "AI analysis results" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/noma-bot-showing-a-weekly-statistics-das-1774036993764-77431a72.png?_wi=1", imageAlt: "Statistics dashboard" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/screenshot-showing-noma-bot-s-community--1774036994605-17ced11f.png?_wi=1", imageAlt: "Community features" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/attractive-hero-image-showing-a-person-e-1774036993483-e5ba1b05.png?_wi=1", imageAlt: "Healthy lifestyle motivation" }
|
||||
{ text: "👉 Попробовать бесплатно в Telegram", href: "https://t.me/noma_bot" },
|
||||
{ text: "Узнать больше", href: "#how-it-works" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-ai-driven-chatgpt-mobile-app_482257-123151.jpg"
|
||||
imageAlt="Noma Telegram bot interface mockup"
|
||||
mediaAnimation="blur-reveal"
|
||||
frameStyle="card"
|
||||
ariaLabel="Noma calorie counter hero section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FeatureCardSixteen
|
||||
<FeatureBorderGlow
|
||||
title="Как работает бот"
|
||||
description="Всего 3 простых шага"
|
||||
features={[
|
||||
{
|
||||
icon: Camera,
|
||||
title: "1️⃣ Отправить боту картинку", description: "Сделай фото своей еды и пришли его боту"
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "2️⃣ Подождать 10 секунд", description: "AI мгновенно анализирует содержимое вашего блюда"
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "3️⃣ Получить рекомендации", description: "Бот расскажет калории и даст персональные советы"
|
||||
}
|
||||
]}
|
||||
tag="Процесс"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: ["Долгие рассчеты", "Ручной ввод", "Поиск продуктов"]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: ["1️⃣ Отправить боту картинку", "2️⃣ Подождать 10 секунд", "3️⃣ Получить рекомендации"]
|
||||
}}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Попробовать бота", href: "https://t.me/noma_bot" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
ariaLabel="How Noma works section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pain-points" data-section="pain-points">
|
||||
<TextAbout
|
||||
tag="Проблемы"
|
||||
title="Знакомо? 😞\n\nНет времени считать калории\n\nЛень записывать каждый прием пищи\n\nСложные приложения бесят\n\nПостоянно «начинаю с понедельника»\n\nНе понимаю сколько калорий ем\n\nМы сделали систему, которая решает это автоматически ✨"
|
||||
<TestimonialAboutCard
|
||||
tag="Знакомо?"
|
||||
tagAnimation="slide-up"
|
||||
title="Проблемы с контролем питания"
|
||||
description="Нет времени считать калории\nЛень записывать каждый прием пищи\nСложные приложения бесят\nПостоянно начинаю с понедельника\nНе понимаю сколько калорий ем"
|
||||
subdescription="Мы сделали систему, которая решает это автоматически"
|
||||
icon={AlertCircle}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/manager-woman-using-laptop-tablet-same-time-working-financial-reports_482257-7704.jpg"
|
||||
imageAlt="Pain points illustration"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "Начать пользоваться ботом", href: "https://t.me/noma_bot" }
|
||||
]}
|
||||
ariaLabel="Pain points section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="benefits" data-section="benefits">
|
||||
<ProductCardTwo
|
||||
<ProductCardFour
|
||||
title="Мы упростили контроль питания"
|
||||
description="Все преимущества Noma в одном боте"
|
||||
description="Все преимущества Noma в одном месте"
|
||||
tag="Решение"
|
||||
tagAnimation="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "benefit-1", brand: "✔", name: "Анализ еды по фото", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/close-up-of-a-smartphone-screen-showing--1774036993709-568a9014.png?_wi=2", imageAlt: "Food photo analysis"
|
||||
id: "benefit-1", name: "Анализ еды по фото", price: "✔", variant: "Просто сфотографируй", imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-taking-pictures-meal_23-2149286413.jpg", imageAlt: "Photo analysis feature"
|
||||
},
|
||||
{
|
||||
id: "benefit-2", brand: "✔", name: "Не нужно искать продукты", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/a-sleek-telegram-bot-interface-showing-a-1774036994676-1130375c.png?_wi=2", imageAlt: "Automatic product recognition"
|
||||
id: "benefit-2", name: "Не нужно искать продукты", price: "✔", variant: "Автоматическое определение", imageSrc: "http://img.b2bpic.net/free-photo/call-center-agents-track-shipments-office-using-ai-chatbot-help_482257-126758.jpg", imageAlt: "Automatic product detection"
|
||||
},
|
||||
{
|
||||
id: "benefit-3", brand: "✔", name: "Вся статистика автоматически", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/noma-bot-showing-a-weekly-statistics-das-1774036993764-77431a72.png?_wi=2", imageAlt: "Automatic statistics"
|
||||
id: "benefit-3", name: "Вся статистика автоматически", price: "✔", variant: "Без лишних действий", imageSrc: "http://img.b2bpic.net/free-photo/healthy-natural-super-food_53876-120061.jpg", imageAlt: "Automatic statistics"
|
||||
},
|
||||
{
|
||||
id: "benefit-4", brand: "✔", name: "Персональные рекомендации", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/screenshot-of-the-noma-bot-showing-ai-an-1774036993105-baf32ae6.png?_wi=2", imageAlt: "Personal recommendations"
|
||||
id: "benefit-4", name: "Персональные рекомендации", price: "✔", variant: "Под вашу цель", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-excited-fitness-man-measuring-his-biceps_171337-15812.jpg", imageAlt: "Personalized recommendations"
|
||||
},
|
||||
{
|
||||
id: "benefit-5", brand: "✔", name: "Поддержка коммьюнити", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/screenshot-showing-noma-bot-s-community--1774036994605-17ced11f.png?_wi=2", imageAlt: "Community support"
|
||||
id: "benefit-5", name: "Поддержка коммьюнити", price: "✔", variant: "Не одиноки в пути", imageSrc: "http://img.b2bpic.net/free-vector/logo-talk_1034-414.jpg", imageAlt: "Community support"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Начать пользоваться ботом", href: "https://t.me/noma_bot" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-noma" data-section="why-noma">
|
||||
<MetricCardTwo
|
||||
title="Почему это удобнее чем FatSecret и другие приложения"
|
||||
description="Сравнение функций и преимуществ"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
<div id="comparison" data-section="comparison">
|
||||
<MetricCardSeven
|
||||
title="Почему Noma удобнее чем FatSecret"
|
||||
description="Сравнение с традиционными приложениями"
|
||||
tag="Конкурентное преимущество"
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1", value: "📷", title: "Фото еды → анализ за секунды", items: ["Никаких ручных поисков", "AI определяет сразу"]
|
||||
},
|
||||
{
|
||||
id: "metric-2", value: "🤖", title: "AI рекомендации", items: ["Советы под ваши цели", "Постоянное улучшение"]
|
||||
},
|
||||
{
|
||||
id: "metric-3", value: "📊", title: "Полная статистика", items: ["Все графики в Telegram", "Прогресс видно сразу"]
|
||||
},
|
||||
{
|
||||
id: "metric-4", value: "🎮", title: "Геймификация", items: ["Достижения и челленджи", "Мотивация каждый день"]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1", value: "📷", description: "Фото еды → анализ за секунды"
|
||||
},
|
||||
{
|
||||
id: "metric-2", value: "🤖", description: "AI рекомендации"
|
||||
},
|
||||
{
|
||||
id: "metric-3", value: "📊", description: "Полная статистика"
|
||||
},
|
||||
{
|
||||
id: "metric-4", value: "🎮", description: "Геймификация"
|
||||
},
|
||||
{
|
||||
id: "metric-5", value: "👥", description: "Коммьюнити"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
title="Стоимость"
|
||||
description="Выбери подходящий тариф"
|
||||
tag="Доступная цена"
|
||||
title="Выбери свой тариф"
|
||||
description="Простые и справедливые цены"
|
||||
tag="Стоимость"
|
||||
tagAnimation="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "monthly", badge: "Популярный", badgeIcon: Sparkles,
|
||||
price: "299 ₽", subtitle: "в месяц", buttons: [{ text: "Начать бесплатно", href: "https://t.me/noma_bot" }],
|
||||
features: [
|
||||
"✔ AI анализ фото еды", "✔ Неограниченный дневник", "✔ Подробная статистика", "✔ Персональные рекомендации"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "yearly", badge: "Выгода", badgeIcon: Zap,
|
||||
price: "2499 ₽", subtitle: "в год (экономия 33%)", buttons: [{ text: "Начать бесплатно", href: "https://t.me/noma_bot" }],
|
||||
features: [
|
||||
"✔ AI анализ фото еды", "✔ Неограниченный дневник", "✔ Подробная статистика", "✔ Персональные рекомендации"
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "monthly", badge: "Популярно", badgeIcon: Sparkles,
|
||||
price: "299 ₽", subtitle: "/ месяц", features: ["✔ AI анализ фото еды", "✔ Неограниченный дневник", "✔ Подробная статистика", "✔ Персональные рекомендации"],
|
||||
buttons: [
|
||||
{ text: "Начать бесплатно", href: "https://t.me/noma_bot" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "yearly", badge: "Экономия 33%", badgeIcon: Gift,
|
||||
price: "2499 ₽", subtitle: "/ год", features: ["✔ AI анализ фото еды", "✔ Неограниченный дневник", "✔ Подробная статистика", "✔ Персональные рекомендации"],
|
||||
buttons: [
|
||||
{ text: "Начать бесплатно", href: "https://t.me/noma_bot" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Доверяют нам уже"
|
||||
description="5000+ пользователей следят за питанием через Noma"
|
||||
names={["FatSecret", "MyFitnessPal", "Lifesum", "Cronometer", "Telegram", "AI Tech", "Health Community"]}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/the-fatsecret-app-logo-a-modern-simple-c-1774036992699-d8fd4559.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/the-myfitnesspal-app-logo-a-professional-1774036993570-b13c65f1.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/the-lifesum-app-logo-a-modern-health-and-1774036992477-e287ac0d.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/the-cronometer-app-logo-a-detailed-nutri-1774036994624-7f158b28.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/the-official-telegram-messaging-app-logo-1774036992605-0eee5f66.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/a-modern-artificial-intelligence-logo-sy-1774036993349-197fc4c7.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/a-modern-health-and-wellness-logo-symbol-1774036992992-067c9ae0.png"
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Что говорят пользователи"
|
||||
description="Реальные отзывы людей которые изменили свою жизнь"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Мария К.", date: "2 недели назад", title: "Успешно сбросила 5 кг", quote: "Noma изменила мою жизнь! Теперь я не трачу часы на подсчет калорий. Просто фото и все понятно. Рекомендую!", tag: "Результат", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/professional-headshot-of-a-young-woman-w-1774036994768-e2dfb1f4.png", avatarAlt: "Мария К."
|
||||
},
|
||||
{
|
||||
id: "2", name: "Алексей П.", date: "1 месяц назад", title: "Наконец-то результаты", quote: "Я перепробовал кучу приложений. Noma — самое простое и эффективное. AI рекомендации действительно работают!", tag: "Эффективность", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/professional-headshot-of-a-man-in-his-30-1774036993650-c4b00a75.png", avatarAlt: "Алексей П."
|
||||
},
|
||||
{
|
||||
id: "3", name: "Виктория С.", date: "3 недели назад", title: "Формирую здоровые привычки", quote: "Коммьюнити Noma супер мотивирует! Делимся достижениями, поддерживаем друг друга. Это не просто приложение, это семья!", tag: "Коммьюнити", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/professional-headshot-of-a-woman-with-an-1774036993552-8f430712.png", avatarAlt: "Виктория С."
|
||||
},
|
||||
{
|
||||
id: "4", name: "Дмитрий Л.", date: "1 неделю назад", title: "Удобство прежде всего", quote: "Я очень занятой человек. Noma позволяет мне контролировать питание без лишних трат времени. Просто, как нужно!", tag: "Удобство", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/professional-headshot-of-a-younger-male--1774036993035-4704a584.png", avatarAlt: "Дмитрий Л."
|
||||
},
|
||||
{
|
||||
id: "5", name: "Елена М.", date: "2 дня назад", title: "Результаты за месяц", quote: "Наконец-то приложение, которое не раздражает! UI интуитивен, AI работает хорошо, и я вижу реальные результаты.", tag: "Результат", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/professional-headshot-of-a-woman-with-a--1774036993613-71e71cb9.png", avatarAlt: "Елена М."
|
||||
},
|
||||
{
|
||||
id: "6", name: "Сергей Б.", date: "4 дня назад", title: "Лучший инвестмент в здоровье", quote: "Купил годовой тариф и не жалею. Экономия 33% + качество и удобство. Рекомендую всем, кто хочет похудеть правильно!", tag: "Ценность", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/professional-headshot-of-a-man-with-a-co-1774036993202-a1df2618.png", avatarAlt: "Сергей Б."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Часто задаваемые вопросы"
|
||||
description="Ответы на вопросы которые возникают у новых пользователей"
|
||||
tag="Помощь"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqsAnimation="slide-up"
|
||||
<FaqSplitText
|
||||
sideTitle="Частые вопросы"
|
||||
sideDescription="Ответы на главные вопросы о Noma"
|
||||
buttons={[
|
||||
{ text: "Попробовать бесплатно", href: "https://t.me/noma_bot" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Нужно ли взвешивать еду?", content: "Нет, достаточно фото. Наш AI анализирует размер и композицию блюда на фото и определяет количество продукта. Это работает на 95% случаев."
|
||||
id: "faq-1", title: "Нужно ли взвешивать еду?", content: "Нет, достаточно фотографии. Нейросеть определит примерный вес и состав автоматически. Ты можешь уточнить вес если нужно."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Работает ли бот бесплатно?", content: "Да! Есть бесплатный пробный период на 7 дней. Вы получаете полный доступ ко всем функциям без ограничений."
|
||||
id: "faq-2", title: "Работает ли бот бесплатно?", content: "Да! Есть бесплатный пробный период. После этого переходишь на выбранный тариф или пользуешься базовыми функциями бесплатно."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Можно ли похудеть?", content: "Бот помогает контролировать питание и формировать здоровые привычки. Сочетание правильного питания и физической активности дает лучшие результаты."
|
||||
id: "faq-3", title: "Можно ли похудеть с Noma?", content: "Бот помогает контролировать питание и формировать правильные привычки. Результаты зависят от твоего рациона и активности, но система мотивирует и отслеживает прогресс."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Как часто нужно обновлять информацию?", content: "Просто отправляйте фото каждый раз, когда едите. Бот автоматически ведет статистику и показывает прогресс в панели дневника."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Какие платежные методы есть?", content: "Мы принимаем все основные методы платежа: карты Visa/Mastercard, Яндекс.Касса, криптовалюту и мобильные платежи."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Может ли отмены подписки?", content: "Да, вы можете отменить подписку в любой момент. Просто напишите нам в поддержку или выполните отмену в настройках бота."
|
||||
id: "faq-4", title: "Как передать фото боту?", content: "Отправь фото обычным сообщением в чат с ботом. Он сразу начнет анализ. Готово!"
|
||||
}
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="final-cta" data-section="final-cta">
|
||||
<ContactSplit
|
||||
tag="Последний шаг"
|
||||
title="Начни следить за питанием уже сегодня"
|
||||
description="Присоединяйся к 5000+ пользователям которые уже трансформируют свою жизнь с помощью Noma. Первые 7 дней полностью бесплатны!"
|
||||
background={{ variant: "animated-grid" }}
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDw441k2W5X1pbvV2878667tqZ/attractive-hero-image-showing-a-person-e-1774036993483-e5ba1b05.png?_wi=2"
|
||||
imageAlt="Healthy lifestyle with Noma"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="👉 Открыть Telegram-бота"
|
||||
termsText="By clicking Sign Up you're confirming that you agree with our Terms and Conditions."
|
||||
<ContactFaq
|
||||
ctaTitle="Начни следить за питанием уже сегодня"
|
||||
ctaDescription="Присоединяйся к 5000+ пользователей Noma, которые уже контролируют свой вес"
|
||||
ctaButton={{
|
||||
text: "👉 Открыть Telegram-бота", href: "https://t.me/noma_bot"
|
||||
}}
|
||||
ctaIcon={MessageCircle}
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "bonus-1", title: "Что ты получишь", content: "Доступ к AI анализу, личному дневнику питания, подробной статистике, рекомендациям и поддержке коммьюнити"
|
||||
},
|
||||
{
|
||||
id: "bonus-2", title: "Как начать", content: "Открой ссылку на Telegram-бота, нажми Старт, и сделай первый скриншот своей еды"
|
||||
},
|
||||
{
|
||||
id: "bonus-3", title: "Зачем это нужно", content: "Контроль питания — основа здоровья. Noma делает это проще, чем когда-либо"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Продукт", items: [
|
||||
{ label: "Как работает", href: "#how-it-works" },
|
||||
{ label: "Преимущества", href: "#benefits" },
|
||||
{ label: "Тарифы", href: "#pricing" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Компания", items: [
|
||||
{ label: "О нас", href: "#" },
|
||||
{ label: "Блог", href: "#" },
|
||||
{ label: "Контакты", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Поддержка", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Политика конфиденциальности", href: "#" },
|
||||
{ label: "Условия использования", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Noma. Все права защищены. Made with ❤️ for your health."
|
||||
<FooterLogoReveal
|
||||
logoText="Noma"
|
||||
leftLink={{
|
||||
text: "Условия использования", href: "#"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Политика конфиденциальности", href: "#"
|
||||
}}
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user