Merge version_1 into main #2
272
src/app/page.tsx
272
src/app/page.tsx
@@ -32,66 +32,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Результаты",
|
||||
id: "#results",
|
||||
},
|
||||
{
|
||||
name: "Тренеры",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Цены",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Записаться",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Результаты", id: "results" },
|
||||
{ name: "Тренеры", id: "team" },
|
||||
{ name: "Цены", id: "pricing" },
|
||||
{ name: "Записаться", id: "contact" },
|
||||
]}
|
||||
brandName="BodyBalance"
|
||||
button={{
|
||||
text: "Записаться",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Записаться", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Сядь на шпагат за 8 недель — даже если ты никогда не занималась"
|
||||
description="Мягкие тренировки без боли, поддержка тренера и видимый результат уже через 2 недели."
|
||||
tag="Пробное занятие от 500₽"
|
||||
buttons={[
|
||||
{
|
||||
text: "Записаться на пробное занятие",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Записаться на пробное занятие", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-flexible-blonde-female-sits-floor-with-hands-up_613910-13401.jpg?_wi=1",
|
||||
imageAlt: "woman doing stretching exercise studio",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-yoga-mat_23-2149101616.jpg",
|
||||
imageAlt: "flexible woman stretching minimal interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flexible-blond-female-dressed-pink-jersey-sits-floor_613910-13543.jpg",
|
||||
imageAlt: "A flexible blond female dressed in a pink jersey sits on a floor.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-floor-studio-near-gray-wall_158538-3674.jpg",
|
||||
imageAlt: "Female sitting on the floor in studio near gray wall",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-confident-woman-sports-clothing-sexy-young-beautiful-model-with-perfect-body-female-posing-studio-stretching-out-before-training_158538-23237.jpg",
|
||||
imageAlt: "Fitness confident woman in sports clothing Sexy young beautiful model with perfect body Female posing in studio Stretching out before training",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-flexible-blonde-female-sits-floor-with-hands-up_613910-13401.jpg", imageAlt: "woman doing stretching exercise studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-yoga-mat_23-2149101616.jpg", imageAlt: "flexible woman stretching minimal interior" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -106,30 +67,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Мифы о растяжке",
|
||||
description: "Наш подход кардинально отличается от привычных представлений.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-beautiful-woman-doing-calisthenics_23-2148498651.jpg",
|
||||
imageAlt: "stretching studio interior minimalist",
|
||||
title: "Мифы о растяжке", description: "Наш подход кардинально отличается от привычных представлений.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-beautiful-woman-doing-calisthenics_23-2148498651.jpg", imageAlt: "stretching studio interior minimalist"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Бережная растяжка без боли",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Подход, созданный для новичков",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Личная поддержка на каждом занятии",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Бережная растяжка без боли" },
|
||||
{ icon: CheckCircle, text: "Подход, созданный для новичков" },
|
||||
{ icon: CheckCircle, text: "Личная поддержка на каждом занятии" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-flexible-blonde-female-sits-floor-with-hands-up_613910-13401.jpg?_wi=2",
|
||||
imageAlt: "stretching studio interior minimalist",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Ты думаешь, что..."
|
||||
description="Мы развеем эти мифы на первой же тренировке."
|
||||
@@ -142,21 +89,9 @@ export default function LandingPage() {
|
||||
title="Что ты получишь через 8 недель"
|
||||
tag="Ваши результаты"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Ощущение легкости в теле",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "8 см",
|
||||
description: "Видимый прогресс гибкости",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5+",
|
||||
description: "Снижение уровня стресса",
|
||||
},
|
||||
{ id: "m1", value: "100%", description: "Ощущение легкости в теле" },
|
||||
{ id: "m2", value: "8 см", description: "Видимый прогресс гибкости" },
|
||||
{ id: "m3", value: "5+", description: "Снижение уровня стресса" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -169,22 +104,10 @@ export default function LandingPage() {
|
||||
title="Как проходят занятия"
|
||||
description="Мы создали атмосферу, где тренировка — это время для себя, а не испытание силы воли."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Знакомство",
|
||||
description: "Дружелюбная атмосфера с первой минуты",
|
||||
},
|
||||
{
|
||||
title: "Разминка",
|
||||
description: "Мягкая подготовка мышц без травм",
|
||||
},
|
||||
{
|
||||
title: "Растяжка",
|
||||
description: "Индивидуальный подход тренера",
|
||||
},
|
||||
{
|
||||
title: "Релакс",
|
||||
description: "Финальное расслабление и комфорт",
|
||||
},
|
||||
{ title: "Знакомство", description: "Дружелюбная атмосфера с первой минуты" },
|
||||
{ title: "Разминка", description: "Мягкая подготовка мышц без травм" },
|
||||
{ title: "Растяжка", description: "Индивидуальный подход тренера" },
|
||||
{ title: "Релакс", description: "Финальное расслабление и комфорт" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-stretching-wall_23-2147648610.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -197,26 +120,10 @@ export default function LandingPage() {
|
||||
title="Наши тренеры"
|
||||
tag="Команда заботы"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Анна, тренер по стретчингу",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-happy-young-afro-american-bodybuilder-looking-camera-grinning-confidently-keeping-hands-his-waist-posing-against-white-studio-wall-background-with-copy-space-your-text_343059-465.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Мария, специалист по гибкости",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-sportswear-working-out-outdoors_23-2149011872.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Елена, мастер шпагата",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-fitness-brunette-female-gray-sportswear-posing-studio-isolated-gray-background_613910-18008.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Юлия, эксперт по осанке",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Анна, тренер по стретчингу", imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-happy-young-afro-american-bodybuilder-looking-camera-grinning-confidently-keeping-hands-his-waist-posing-against-white-studio-wall-background-with-copy-space-your-text_343059-465.jpg" },
|
||||
{ id: "t2", name: "Мария, специалист по гибкости", imageSrc: "http://img.b2bpic.net/free-photo/women-sportswear-working-out-outdoors_23-2149011872.jpg" },
|
||||
{ id: "t3", name: "Елена, мастер шпагата", imageSrc: "http://img.b2bpic.net/free-photo/smiling-fitness-brunette-female-gray-sportswear-posing-studio-isolated-gray-background_613910-18008.jpg" },
|
||||
{ id: "t4", name: "Юлия, эксперт по осанке", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
membersAnimation="slide-up"
|
||||
@@ -228,46 +135,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "На шпагате!",
|
||||
quote: "Я думала, что никогда не сяду на шпагат, но уже через месяц увидела результат!",
|
||||
name: "Алина",
|
||||
role: "Клиент",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14218.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Комфорт",
|
||||
quote: "Занимаюсь с удовольствием, никакой боли, только легкость после тренировок.",
|
||||
name: "Кристина",
|
||||
role: "Клиент",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-colorful-sweatshirt-pointing-herself-looking-perturbed-front-view_176474-44731.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Лучший выбор",
|
||||
quote: "Индивидуальный подход здесь реально чувствуется. Атмосфера супер!",
|
||||
name: "Ольга",
|
||||
role: "Клиент",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-high-fiving-each-other-while-training-outdoors_23-2150765045.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Рекомендую",
|
||||
quote: "Никогда не любила спорт, но здесь всё иначе. Очень бережно.",
|
||||
name: "Марина",
|
||||
role: "Клиент",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858080.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Счастлива",
|
||||
quote: "Это лучшее место для растяжки в городе. Очень уютно!",
|
||||
name: "Виктория",
|
||||
role: "Клиент",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-view-young-student-relaxing-campus_23-2148586629.jpg",
|
||||
},
|
||||
{ id: "1", title: "На шпагате!", quote: "Я думала, что никогда не сяду на шпагат, но уже через месяц увидела результат!", name: "Алина", role: "Клиент", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14218.jpg" },
|
||||
{ id: "2", title: "Комфорт", quote: "Занимаюсь с удовольствием, никакой боли, только легкость после тренировок.", name: "Кристина", role: "Клиент", imageSrc: "http://img.b2bpic.net/free-photo/young-female-colorful-sweatshirt-pointing-herself-looking-perturbed-front-view_176474-44731.jpg" },
|
||||
{ id: "3", title: "Лучший выбор", quote: "Индивидуальный подход здесь реально чувствуется. Атмосфера супер!", name: "Ольга", role: "Клиент", imageSrc: "http://img.b2bpic.net/free-photo/people-high-fiving-each-other-while-training-outdoors_23-2150765045.jpg" },
|
||||
{ id: "4", title: "Рекомендую", quote: "Никогда не любила спорт, но здесь всё иначе. Очень бережно.", name: "Марина", role: "Клиент", imageSrc: "http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858080.jpg" },
|
||||
{ id: "5", title: "Счастлива", quote: "Это лучшее место для растяжки в городе. Очень уютно!", name: "Виктория", role: "Клиент", imageSrc: "http://img.b2bpic.net/free-photo/top-view-view-young-student-relaxing-campus_23-2148586629.jpg" },
|
||||
]}
|
||||
title="Отзывы наших учениц"
|
||||
description="Уже тысячи девушек достигли своей цели вместе с нами."
|
||||
@@ -280,39 +152,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "trial",
|
||||
badge: "Старт",
|
||||
price: "500₽",
|
||||
subtitle: "Первое пробное занятие",
|
||||
features: [
|
||||
"Знакомство со студией",
|
||||
"Оценка гибкости",
|
||||
"Разбор ваших целей",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Абонемент",
|
||||
price: "4900₽",
|
||||
subtitle: "8 занятий в месяц",
|
||||
features: [
|
||||
"Удобное расписание",
|
||||
"Личный кабинет",
|
||||
"Заморозка абонемента",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Безлимит",
|
||||
price: "8900₽",
|
||||
subtitle: "Безлимит на месяц",
|
||||
features: [
|
||||
"Полная свобода посещений",
|
||||
"Приоритетная запись",
|
||||
"Подарок при покупке",
|
||||
],
|
||||
},
|
||||
{ id: "trial", badge: "Старт", price: "500₽", subtitle: "Первое пробное занятие", features: ["Знакомство со студией", "Оценка гибкости", "Разбор ваших целей"] },
|
||||
{ id: "basic", badge: "Абонемент", price: "4900₽", subtitle: "8 занятий в месяц", features: ["Удобное расписание", "Личный кабинет", "Заморозка абонемента"] },
|
||||
{ id: "pro", badge: "Безлимит", price: "8900₽", subtitle: "Безлимит на месяц", features: ["Полная свобода посещений", "Приоритетная запись", "Подарок при покупке"] },
|
||||
]}
|
||||
title="Форматы и цены"
|
||||
description="Выберите удобный формат для вашего прогресса."
|
||||
@@ -326,34 +168,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Преимущества студии",
|
||||
description: "Ваш путь к гибкости начинается здесь.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-cobra-pose-exercise-mat_1170-289.jpg",
|
||||
imageAlt: "stretching studio interior minimalist",
|
||||
title: "Преимущества студии", description: "Ваш путь к гибкости начинается здесь.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-cobra-pose-exercise-mat_1170-289.jpg", imageAlt: "stretching studio interior minimalist"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Маленькие группы (до 6 человек)",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Индивидуальный подход к каждому",
|
||||
},
|
||||
{
|
||||
icon: Home,
|
||||
text: "Уютная студия с атмосферой",
|
||||
},
|
||||
{
|
||||
icon: Calendar,
|
||||
text: "Удобное мобильное расписание",
|
||||
},
|
||||
{ icon: Users, text: "Маленькие группы (до 6 человек)" },
|
||||
{ icon: Sparkles, text: "Индивидуальный подход к каждому" },
|
||||
{ icon: Home, text: "Уютная студия с атмосферой" },
|
||||
{ icon: Calendar, text: "Удобное мобильное расписание" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-flexible-blonde-female-sits-floor-with-hands-up_613910-13401.jpg?_wi=3",
|
||||
imageAlt: "stretching studio interior minimalist",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Почему выбирают BodyBalance"
|
||||
description="Мы создаем уютное пространство для вашего прогресса."
|
||||
@@ -363,16 +188,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Попробуй первое занятие уже на этой неделе. Места в группах ограничены — запишись прямо сейчас!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Записаться",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Записаться", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user