Update src/app/page.tsx
This commit is contained in:
335
src/app/page.tsx
335
src/app/page.tsx
@@ -19,31 +19,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Каталог",
|
||||
id: "#catalog",
|
||||
},
|
||||
{
|
||||
name: "Доставка",
|
||||
id: "#delivery",
|
||||
},
|
||||
{
|
||||
name: "Отзывы",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "#contact",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Каталог", id: "catalog" },
|
||||
{ name: "Доставка", id: "delivery" },
|
||||
{ name: "Отзывы", id: "testimonials" },
|
||||
{ name: "Контакты", id: "contact" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="Радуга цветов"
|
||||
/>
|
||||
@@ -51,46 +43,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Цветы, которые хочется дарить сегодня"
|
||||
description="Соберём букет с душой, пришлём фото перед доставкой и привезём к нужному времени по Некрасовке. Можно заказать дистанционно из другого города."
|
||||
buttons={[
|
||||
{
|
||||
text: "Заказать в WhatsApp",
|
||||
href: "https://wa.me/79851457323",
|
||||
},
|
||||
{
|
||||
text: "Позвонить",
|
||||
href: "tel:+79851457323",
|
||||
},
|
||||
{ text: "Заказать в WhatsApp", href: "https://wa.me/79851457323" },
|
||||
{ text: "Позвонить", href: "tel:+79851457323" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w5n7dl&_wi=1",
|
||||
imageAlt: "Букет",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mzf03z",
|
||||
imageAlt: "Букет",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7niev",
|
||||
imageAlt: "Букет",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7dmynn",
|
||||
imageAlt: "Букет",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1dddwj",
|
||||
imageAlt: "Букет",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=94yfay",
|
||||
imageAlt: "Букет",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w5n7dl", imageAlt: "Букет" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mzf03z", imageAlt: "Букет" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7niev", imageAlt: "Букет" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7dmynn", imageAlt: "Букет" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1dddwj", imageAlt: "Букет" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -101,21 +66,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Нас выбирают жители Некрасовки"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Рейтинг",
|
||||
value: "4.8",
|
||||
},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
label: "Отзывов",
|
||||
value: "125",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Награда",
|
||||
value: "Хорошее место",
|
||||
},
|
||||
{ icon: Star, label: "Рейтинг", value: "4.8" },
|
||||
{ icon: MessageSquare, label: "Отзывов", value: "125" },
|
||||
{ icon: Award, label: "Награда", value: "Хорошее место" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -128,76 +81,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Индивидуальный подбор",
|
||||
description: "Подскажем, какие цветы подойдут под повод, возраст и ваш бюджет.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cxyg2p",
|
||||
imageAlt: "Флорист",
|
||||
},
|
||||
title: "Индивидуальный подбор", description: "Подскажем, какие цветы подойдут под повод, возраст и ваш бюджет.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cxyg2p", imageAlt: "Флорист" },
|
||||
items: [
|
||||
{
|
||||
icon: User,
|
||||
text: "Повод",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Настроение",
|
||||
},
|
||||
{
|
||||
icon: Wallet,
|
||||
text: "Бюджет",
|
||||
},
|
||||
{ icon: User, text: "Повод" },
|
||||
{ icon: Sparkles, text: "Настроение" },
|
||||
{ icon: Wallet, text: "Бюджет" },
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w5n7dl&_wi=2",
|
||||
imageAlt: "beautiful flower bouquet светлый фон",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Контроль качества",
|
||||
description: "Покажем цветы и готовый букет на фото перед отправкой.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8zjaze",
|
||||
imageAlt: "Контроль",
|
||||
},
|
||||
title: "Контроль качества", description: "Покажем цветы и готовый букет на фото перед отправкой.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8zjaze", imageAlt: "Контроль" },
|
||||
items: [
|
||||
{
|
||||
icon: Camera,
|
||||
text: "Фото",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Свежесть",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Гарантия",
|
||||
},
|
||||
{ icon: Camera, text: "Фото" },
|
||||
{ icon: CheckCircle, text: "Свежесть" },
|
||||
{ icon: Shield, text: "Гарантия" },
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n6bbz5&_wi=1",
|
||||
imageAlt: "beautiful flower bouquet светлый фон",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Комфортная доставка",
|
||||
description: "Доставим к нужному времени по Некрасовке или подготовим к самовывозу.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=43ttri",
|
||||
imageAlt: "Доставка",
|
||||
},
|
||||
title: "Комфортная доставка", description: "Доставим к нужному времени по Некрасовке или подготовим к самовывозу.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=43ttri", imageAlt: "Доставка" },
|
||||
items: [
|
||||
{
|
||||
icon: Clock,
|
||||
text: "К сроку",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
text: "Некрасовка",
|
||||
},
|
||||
{
|
||||
icon: Car,
|
||||
text: "Курьер",
|
||||
},
|
||||
{ icon: Clock, text: "К сроку" },
|
||||
{ icon: MapPin, text: "Некрасовка" },
|
||||
{ icon: Car, text: "Курьер" },
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=torten&_wi=1",
|
||||
imageAlt: "beautiful flower bouquet светлый фон",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Не знаете, какой букет выбрать? Поможем за 5 минут"
|
||||
@@ -212,42 +120,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Букеты",
|
||||
price: "от 3750 ₽",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n6bbz5&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Композиции",
|
||||
price: "от 1800 ₽",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=torten&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Свадебные букеты",
|
||||
price: "по запросу",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s5rln8",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Цветы в корзинах",
|
||||
price: "от 1800 ₽",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9q7eu8",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Подарки",
|
||||
price: "уточняйте",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pcbxg2",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Комнатные растения",
|
||||
price: "в наличии",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yjihnt",
|
||||
},
|
||||
{ id: "1", name: "Букеты", price: "от 3750 ₽", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n6bbz5" },
|
||||
{ id: "2", name: "Композиции", price: "от 1800 ₽", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=torten" },
|
||||
{ id: "3", name: "Свадебные букеты", price: "по запросу", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s5rln8" },
|
||||
]}
|
||||
title="Наш каталог"
|
||||
description="Букеты, композиции и подарки с доставкой в Некрасовке."
|
||||
@@ -260,60 +135,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Елена",
|
||||
role: "Клиент",
|
||||
company: "Некрасовка",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v31vk2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Дмитрий",
|
||||
role: "Клиент",
|
||||
company: "Некрасовка",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kggcrl",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Мария",
|
||||
role: "Клиент",
|
||||
company: "Некрасовка",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m78duh",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ольга",
|
||||
role: "Клиент",
|
||||
company: "Некрасовка",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jpz0qh",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Анна",
|
||||
role: "Клиент",
|
||||
company: "Некрасовка",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4cwje8",
|
||||
},
|
||||
{ id: "1", name: "Елена", role: "Клиент", company: "Некрасовка", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v31vk2" },
|
||||
{ id: "2", name: "Дмитрий", role: "Клиент", company: "Некрасовка", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kggcrl" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Рейтинг",
|
||||
},
|
||||
{
|
||||
value: "125",
|
||||
label: "Отзывов",
|
||||
},
|
||||
{
|
||||
value: "2026",
|
||||
label: "Хорошее место",
|
||||
},
|
||||
{ value: "4.8", label: "Рейтинг" },
|
||||
{ value: "125", label: "Отзывов" },
|
||||
{ value: "2026", label: "Хорошее место" },
|
||||
]}
|
||||
title="Что говорят наши клиенты"
|
||||
description="125 отзывов и доверие жителей Некрасовки."
|
||||
@@ -325,26 +153,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Можно ли заказать из другого города?",
|
||||
content: "Да, конечно. Напишите нам в WhatsApp, мы поможем выбрать и доставим букет близкому человеку.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Пришлёте ли фото готового букета?",
|
||||
content: "Да, по запросу мы всегда присылаем фото цветов перед тем, как курьер отправится на доставку.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Как срочно можно доставить?",
|
||||
content: "Если есть свободный флорист и цветы, мы сделаем всё максимально быстро. Уточните при заказе.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Можно ли добавить подарок?",
|
||||
content: "Да, мы добавим открытку, мягкую игрушку или шарики по вашему желанию.",
|
||||
},
|
||||
{ id: "1", title: "Можно ли заказать из другого города?", content: "Да, конечно. Напишите нам в WhatsApp, мы поможем выбрать и доставим букет близкому человеку." },
|
||||
{ id: "2", title: "Пришлёте ли фото готового букета?", content: "Да, по запросу мы всегда присылаем фото цветов перед тем, как курьер отправится на доставку." },
|
||||
]}
|
||||
title="Частые вопросы"
|
||||
description="Всё, что вам нужно знать перед заказом."
|
||||
@@ -355,21 +165,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Контакты"
|
||||
title="Радуга цветов"
|
||||
description="Москва, Покровская улица, 17, корп. 3. Открыто до 22:00."
|
||||
buttons={[
|
||||
{
|
||||
text: "Написать в WhatsApp",
|
||||
href: "https://wa.me/79851457323",
|
||||
},
|
||||
{
|
||||
text: "Позвонить",
|
||||
href: "tel:+79851457323",
|
||||
},
|
||||
{ text: "Написать в WhatsApp", href: "https://wa.me/79851457323" },
|
||||
{ text: "Позвонить", href: "tel:+79851457323" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -378,40 +180,7 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Радуга цветов"
|
||||
columns={[
|
||||
{
|
||||
title: "Магазин",
|
||||
items: [
|
||||
{
|
||||
label: "Каталог",
|
||||
href: "#catalog",
|
||||
},
|
||||
{
|
||||
label: "Контакты",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Услуги",
|
||||
items: [
|
||||
{
|
||||
label: "Доставка",
|
||||
href: "#delivery",
|
||||
},
|
||||
{
|
||||
label: "Свадьбы",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Подарки",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Магазин", items: [{ label: "Каталог", href: "#catalog" }, { label: "Контакты", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="2026 Радуга цветов"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user