Update src/app/page.tsx

This commit is contained in:
2026-05-12 06:41:08 +00:00
parent 3be4bed1f6
commit 5da46a27e5

View File

@@ -11,527 +11,190 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import PricingCardNine from '@/components/sections/pricing/PricingCardNine'; import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen'; import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Image, Music, Users } from "lucide-react"; import { Music, Users, Image } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-stagger" defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight" defaultTextAnimation="background-highlight"
borderRadius="rounded" borderRadius="rounded"
contentWidth="smallMedium" contentWidth="smallMedium"
sizing="largeSmall" sizing="largeSmall"
background="noiseDiagonalGradient" background="noiseDiagonalGradient"
cardStyle="soft-shadow" cardStyle="soft-shadow"
primaryButtonStyle="diagonal-gradient" primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Про нас", id: "about" },
name: "Про нас", { name: "Меню", id: "menu" },
id: "about", { name: "Галерея", id: "gallery" },
}, { name: "Події", id: "events" },
{ { name: "Бронювання", id: "contact" },
name: "Меню", ]}
id: "menu", brandName="Будівельна Ресторація"
}, button={{ text: "Забронювати", href: "#contact" }}
{ />
name: "Галерея", </div>
id: "gallery",
},
{
name: "Події",
id: "events",
},
{
name: "Бронювання",
id: "contact",
},
]}
brandName="Будівельна Ресторація"
button={{
text: "Забронювати",
href: "#contact",
}}
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDoubleCarousel <HeroSplitDoubleCarousel
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", title="Будівельна Ресторація: Бетон, Стиль, Смак"
}} description="Індустріальна атмосфера зустрічає високу кухню. Відчуйте дух будівництва у кожному куточку та страві."
title="Будівельна Ресторація: Бетон, Стиль, Смак" leftCarouselItems={[
description="Індустріальна атмосфера зустрічає високу кухню. Відчуйте дух будівництва у кожному куточку та страві." { imageSrc: "http://img.b2bpic.net/free-photo/cement-abstract-copy-space-texture-background_1194-607432.jpg", imageAlt: "industrial restaurant luxury interior" },
leftCarouselItems={[ { imageSrc: "http://img.b2bpic.net/free-photo/small-shot-glasses-bar-counter_23-2148209380.jpg", imageAlt: "construction theme interior details" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-2992.jpg", imageAlt: "luxury interior restaurant details" },
imageSrc: "http://img.b2bpic.net/free-photo/cement-abstract-copy-space-texture-background_1194-607432.jpg?_wi=1", { imageSrc: "http://img.b2bpic.net/free-photo/abstract-ferromagnetic-blurred-mirrored-metal_23-2148253666.jpg", imageAlt: "modern menu presentation food" },
imageAlt: "industrial restaurant luxury interior", { imageSrc: "http://img.b2bpic.net/free-photo/decorative-ramadan-concept_23-2147791796.jpg", imageAlt: "stylish industrial interior scene" },
}, ]}
{ rightCarouselItems={[
imageSrc: "http://img.b2bpic.net/free-photo/small-shot-glasses-bar-counter_23-2148209380.jpg?_wi=1", { imageSrc: "http://img.b2bpic.net/free-photo/entrance-building-bridge_122409-8.jpg", imageAlt: "unique industrial concept restaurant" },
imageAlt: "construction theme interior details", { imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-interior-restaurant-background_74190-3906.jpg", imageAlt: "luxury industrial restaurant design" },
}, { imageSrc: "http://img.b2bpic.net/free-photo/female-client-interacts-with-storekeeper_482257-102083.jpg", imageAlt: "unique industrial concept restaurant" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cake-blue-round-plate-appetizing-cake-blue-background_140725-123543.jpg", imageAlt: "stylish industrial interior scene" },
imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-2992.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/clipboard-mexican-food-blue-background_23-2147740780.jpg", imageAlt: "modern menu presentation food" },
imageAlt: "luxury interior restaurant details", ]}
}, buttons={[
{ { text: "Меню", href: "#menu" },
imageSrc: "http://img.b2bpic.net/free-photo/abstract-ferromagnetic-blurred-mirrored-metal_23-2148253666.jpg", { text: "Бронювання", href: "#contact" },
imageAlt: "modern menu presentation food", ]}
}, avatars={[
{ { src: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2514.jpg", alt: "Satisfied customer" },
imageSrc: "http://img.b2bpic.net/free-photo/decorative-ramadan-concept_23-2147791796.jpg", { src: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2512.jpg", alt: "Happy guest" },
imageAlt: "stylish industrial interior scene", { src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg", alt: "Regular visitor" },
}, { src: "http://img.b2bpic.net/free-photo/young-pretty-woman-drinking-tasty-sweet-cocktail-city-terrace-casual-trendy-outfit-weekend-travel-mood_291049-1725.jpg", alt: "Restaurant enthusiast" },
]} { src: "http://img.b2bpic.net/free-photo/modern-caucasian-young-woman-is-sitting-table-with-moisturizing-cosmetic-skin-care-product-brunette-green-shirt-looks-into-camera-while-room-natural-cosmetics-concept_197531-32260.jpg", alt: "Delighted diner" },
rightCarouselItems={[ ]}
{ avatarText="Понад 5000 задоволених гостей"
imageSrc: "http://img.b2bpic.net/free-photo/entrance-building-bridge_122409-8.jpg", marqueeItems={[{ type: "text", text: "Індустріальний Шик" }, { type: "text", text: "Авторська Кухня" }, { type: "text", text: "Жива Музика" }, { type: "text", text: "Дитяча Зона" }, { type: "text", text: "Центр Києва" }]}
imageAlt: "unique industrial concept restaurant", />
}, </div>
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-interior-restaurant-background_74190-3906.jpg",
imageAlt: "luxury industrial restaurant design",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-client-interacts-with-storekeeper_482257-102083.jpg",
imageAlt: "unique industrial concept restaurant",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cake-blue-round-plate-appetizing-cake-blue-background_140725-123543.jpg",
imageAlt: "stylish industrial interior scene",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/clipboard-mexican-food-blue-background_23-2147740780.jpg",
imageAlt: "modern menu presentation food",
},
]}
buttons={[
{
text: "Меню",
href: "#menu",
},
{
text: "Бронювання",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2514.jpg",
alt: "Satisfied customer",
},
{
src: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2512.jpg",
alt: "Happy guest",
},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg",
alt: "Regular visitor",
},
{
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-drinking-tasty-sweet-cocktail-city-terrace-casual-trendy-outfit-weekend-travel-mood_291049-1725.jpg",
alt: "Restaurant enthusiast",
},
{
src: "http://img.b2bpic.net/free-photo/modern-caucasian-young-woman-is-sitting-table-with-moisturizing-cosmetic-skin-care-product-brunette-green-shirt-looks-into-camera-while-room-natural-cosmetics-concept_197531-32260.jpg",
alt: "Delighted diner",
},
]}
avatarText="Понад 5000 задоволених гостей"
marqueeItems={[
{
type: "text",
text: "Індустріальний Шик",
},
{
type: "text",
text: "Авторська Кухня",
},
{
type: "text",
text: "Жива Музика",
},
{
type: "text",
text: "Дитяча Зона",
},
{
type: "text",
text: "Центр Києва",
},
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<AboutMetric <AboutMetric
useInvertedBackground={false} useInvertedBackground={false}
title="Наш будівельний майданчик — ваш простір для відпочинку" title="Наш будівельний майданчик — ваш простір для відпочинку"
metrics={[ metrics={[
{ { icon: Music, label: "Жива музика", value: "Щодня" },
icon: Music, { icon: Users, label: "Дитяча зона", value: "Kids Hub" },
label: "Жива музика", { icon: Image, label: "Панорама", value: "Центр міста" },
value: "Щодня", ]}
}, metricsAnimation="slide-up"
{ />
icon: Users, </div>
label: "Дитяча зона",
value: "Kids Hub",
},
{
icon: Image,
label: "Панорама",
value: "Центр міста",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="menu" data-section="menu"> <div id="menu" data-section="menu">
<ProductCardTwo <ProductCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "1", brand: "Основне", name: "Стейк 'Бетон'", price: "450 ₴", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/hall-with-white-wall-illuminated-ceiling_1127-2007.jpg" },
id: "1", { id: "2", brand: "Основне", name: "Бургер 'Прораб'", price: "320 ₴", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892970.jpg" },
brand: "Основне", { id: "3", brand: "Десерти", name: "Тірамісу 'Цегла'", price: "180 ₴", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/dining-room-with-plants-table-chairs_23-2152008245.jpg" },
name: "Стейк 'Бетон'", { id: "4", brand: "Десерти", name: "Чізкейк 'Люкс'", price: "190 ₴", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11383.jpg" },
price: "450 ₴", { id: "5", brand: "Напої", name: "Коктейль 'Цемент'", price: "220 ₴", rating: 4, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg" },
rating: 5, { id: "6", brand: "Напої", name: "Лимонад 'Зміна'", price: "120 ₴", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/lunch-setup-restaurant-near-window-floor-stand-lamp_140725-1572.jpg" },
reviewCount: "120", ]}
imageSrc: "http://img.b2bpic.net/free-photo/hall-with-white-wall-illuminated-ceiling_1127-2007.jpg", title="Меню"
}, description="Авторські страви, десерти та напої, що надихають."
{ />
id: "2", </div>
brand: "Основне",
name: "Бургер 'Прораб'",
price: "320 ₴",
rating: 4,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892970.jpg",
},
{
id: "3",
brand: "Десерти",
name: "Тірамісу 'Цегла'",
price: "180 ₴",
rating: 5,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/dining-room-with-plants-table-chairs_23-2152008245.jpg",
},
{
id: "4",
brand: "Десерти",
name: "Чізкейк 'Люкс'",
price: "190 ₴",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11383.jpg",
},
{
id: "5",
brand: "Напої",
name: "Коктейль 'Цемент'",
price: "220 ₴",
rating: 4,
reviewCount: "90",
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg",
},
{
id: "6",
brand: "Напої",
name: "Лимонад 'Зміна'",
price: "120 ₴",
rating: 5,
reviewCount: "110",
imageSrc: "http://img.b2bpic.net/free-photo/lunch-setup-restaurant-near-window-floor-stand-lamp_140725-1572.jpg",
},
]}
title="Меню"
description="Авторські страви, десерти та напої, що надихають."
/>
</div>
<div id="gallery" data-section="gallery"> <div id="gallery" data-section="gallery">
<FeatureCardNine <FeatureCardNine
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ animationType="slide-up"
{ showStepNumbers={false}
title: "Затишні зони", title="Візуальний код нашого простору"
description: "Місця, де комфорт зустрічається з індустріальним шиком.", description="Пориньте в атмосферу, де кожен елемент має свій характер."
phoneOne: { features={[
imageSrc: "http://img.b2bpic.net/free-photo/warm-plaster-wall-texture-background_1194-614161.jpg", { title: "Затишні зони", description: "Місця, де комфорт зустрічається з індустріальним шиком.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/warm-plaster-wall-texture-background_1194-614161.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3094.jpg" } },
}, { title: "Атмосферне світло", description: "Тепле освітлення для ваших особливих вечорів.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/ornate-furniture-handles-art-nouveau-style_23-2150975561.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg" } },
phoneTwo: { { title: "Деталі дизайну", description: "Золоті акценти на тлі суворого бетону.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-chandelier-decoration-interior_74190-1083.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg" } },
imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3094.jpg", ]}
}, />
imageSrc: "http://img.b2bpic.net/free-photo/cement-abstract-copy-space-texture-background_1194-607432.jpg?_wi=2", </div>
imageAlt: "construction theme interior details",
},
{
title: "Атмосферне світло",
description: "Тепле освітлення для ваших особливих вечорів.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/ornate-furniture-handles-art-nouveau-style_23-2150975561.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/traditional-academic-library-with-reading-desks-green-lamps-bookshelves_482257-124271.jpg?_wi=1",
imageAlt: "construction theme interior details",
},
{
title: "Деталі дизайну",
description: "Золоті акценти на тлі суворого бетону.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-chandelier-decoration-interior_74190-1083.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/small-shot-glasses-bar-counter_23-2148209380.jpg?_wi=2",
imageAlt: "construction theme interior details",
},
]}
showStepNumbers={false}
title="Візуальний код нашого простору"
description="Пориньте в атмосферу, де кожен елемент має свій характер."
/>
</div>
<div id="events" data-section="events"> <div id="events" data-section="events">
<PricingCardNine <PricingCardNine
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
plans={[ title="Події та Розваги"
{ description="Приєднуйтесь до нашого життя, де завжди є місце для свята."
id: "p1", plans={[
title: "Жива музика", { id: "p1", title: "Жива музика", price: "Щодня", period: "Вечір", features: ["Джаз вечори", "Акустичні виступи"], button: { text: "Бронювати" }, imageSrc: "http://img.b2bpic.net/free-photo/traditional-academic-library-with-reading-desks-green-lamps-bookshelves_482257-124271.jpg", imageAlt: "cozy industrial restaurant interior" },
price: "Щодня", { id: "p2", title: "Анімація", price: "Вихідні", period: "День", features: ["Дитячі майстер-класи", "Ігри з аніматорами"], button: { text: "Бронювати" }, imageSrc: "http://img.b2bpic.net/free-photo/cement-abstract-copy-space-texture-background_1194-607432.jpg", imageAlt: "cozy industrial restaurant interior" },
period: "Вечір", { id: "p3", title: "Бранч", price: "Неділя", period: "Ранок", features: ["Сімейне меню", "Шведський стіл"], button: { text: "Бронювати" }, imageSrc: "http://img.b2bpic.net/free-photo/small-shot-glasses-bar-counter_23-2148209380.jpg", imageAlt: "cozy industrial restaurant interior" },
features: [ ]}
"Джаз вечори", />
"Акустичні виступи", </div>
],
button: {
text: "Бронювати",
},
imageSrc: "http://img.b2bpic.net/free-photo/traditional-academic-library-with-reading-desks-green-lamps-bookshelves_482257-124271.jpg?_wi=2",
imageAlt: "cozy industrial restaurant interior",
},
{
id: "p2",
title: "Анімація",
price: "Вихідні",
period: "День",
features: [
"Дитячі майстер-класи",
"Ігри з аніматорами",
],
button: {
text: "Бронювати",
},
imageSrc: "http://img.b2bpic.net/free-photo/cement-abstract-copy-space-texture-background_1194-607432.jpg?_wi=3",
imageAlt: "cozy industrial restaurant interior",
},
{
id: "p3",
title: "Бранч",
price: "Неділя",
period: "Ранок",
features: [
"Сімейне меню",
"Шведський стіл",
],
button: {
text: "Бронювати",
},
imageSrc: "http://img.b2bpic.net/free-photo/small-shot-glasses-bar-counter_23-2148209380.jpg?_wi=3",
imageAlt: "cozy industrial restaurant interior",
},
]}
title="Події та Розваги"
description="Приєднуйтесь до нашого життя, де завжди є місце для свята."
/>
</div>
<div id="kids" data-section="kids"> <div id="kids" data-section="kids">
<FeatureCardNine <FeatureCardNine
animationType="scale-rotate" animationType="scale-rotate"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
features={[ showStepNumbers={false}
{ title="Дитяча зона: Маленькі прораби"
title: "Безпека понад усе", description="Поки батьки відпочивають, діти мають свій майданчик для ігор."
description: "М'які матеріали та надійні конструкції.", features={[
phoneOne: { { title: "Безпека понад усе", description: "М'які матеріали та надійні конструкції.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150197304.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/white-orchid-living-romm_268835-3707.jpg" } },
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150197304.jpg", { title: "Ігрові елементи", description: "Цікаві іграшки, що розвивають фантазію.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-5506.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/designer-sauna-heaters-geometric-forms-sunny-interior_169016-68905.jpg" } },
}, { title: "Догляд аніматорів", description: "Ваші діти під професійним наглядом.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-indoor-amenities-with-blurry-window_181624-19213.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/jar-easel_23-2147802048.jpg" } },
phoneTwo: { ]}
imageSrc: "http://img.b2bpic.net/free-photo/white-orchid-living-romm_268835-3707.jpg", />
}, </div>
imageSrc: "http://img.b2bpic.net/free-photo/cement-abstract-copy-space-texture-background_1194-607432.jpg?_wi=4",
imageAlt: "construction theme interior details",
},
{
title: "Ігрові елементи",
description: "Цікаві іграшки, що розвивають фантазію.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-5506.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/designer-sauna-heaters-geometric-forms-sunny-interior_169016-68905.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/traditional-academic-library-with-reading-desks-green-lamps-bookshelves_482257-124271.jpg?_wi=3",
imageAlt: "construction theme interior details",
},
{
title: "Догляд аніматорів",
description: "Ваші діти під професійним наглядом.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-indoor-amenities-with-blurry-window_181624-19213.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/jar-easel_23-2147802048.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/small-shot-glasses-bar-counter_23-2148209380.jpg?_wi=4",
imageAlt: "construction theme interior details",
},
]}
showStepNumbers={false}
title="Дитяча зона: Маленькі прораби"
description="Поки батьки відпочивають, діти мають свій майданчик для ігор."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTen <TestimonialCardTen
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ title="Що кажуть наші гості?"
{ description="Ми цінуємо кожен відгук, який робить нас кращими."
id: "1", testimonials={[
title: "Чудова атмосфера", { id: "1", title: "Чудова атмосфера", quote: "Дуже стильно, справжній індустріальний лофт з душевним обслуговуванням.", name: "Олена", role: "Гостя", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2799.jpg" },
quote: "Дуже стильно, справжній індустріальний лофт з душевним обслуговуванням.", { id: "2", title: "Найкращий стейк", quote: "Це була любов з першого шматочка. Справжній гастрономічний досвід.", name: "Сергій", role: "Гурман", imageSrc: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-bill-restaurant_23-2150039426.jpg" },
name: "Олена", { id: "3", title: "Діти в захваті", quote: "Нарешті ресторан, де діти зайняті, а ми можемо спокійно повечеряти.", name: "Марина", role: "Мама", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-lady-designer-sitting-indoors-night-holding-pencil_171337-15774.jpg" },
role: остя", { id: "4", title: "Атмосфера", quote: "Жива музика ввечері — це щось неймовірне. Дякуємо!", name: "Андрій", role: ість", imageSrc: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110887.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2799.jpg", { id: "5", title: "Рекомендую", quote: "Дуже смачно, естетично та незвично. Обов'язково повернемося.", name: "Тетяна", role: "Поціновувачка", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg" },
}, ]}
{ />
id: "2", </div>
title: "Найкращий стейк",
quote: "Це була любов з першого шматочка. Справжній гастрономічний досвід.",
name: "Сергій",
role: "Гурман",
imageSrc: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-bill-restaurant_23-2150039426.jpg",
},
{
id: "3",
title: "Діти в захваті",
quote: "Нарешті ресторан, де діти зайняті, а ми можемо спокійно повечеряти.",
name: "Марина",
role: "Мама",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-lady-designer-sitting-indoors-night-holding-pencil_171337-15774.jpg",
},
{
id: "4",
title: "Атмосфера",
quote: "Жива музика ввечері — це щось неймовірне. Дякуємо!",
name: "Андрій",
role: "Гість",
imageSrc: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110887.jpg",
},
{
id: "5",
title: "Рекомендую",
quote: "Дуже смачно, естетично та незвично. Обов'язково повернемося.",
name: "Тетяна",
role: "Поціновувачка",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
},
]}
title="Що кажуть наші гості?"
description="Ми цінуємо кожен відгук, який робить нас кращими."
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", tag="Бронювання"
}} title="Готові до візиту?"
tag="Бронювання" description="Забронюйте свій столик прямо зараз."
title="Готові до візиту?" inputPlaceholder="Ваш номер телефону"
description="Забронюйте свій столик прямо зараз." buttonText="Забронювати"
inputPlaceholder="Ваш номер телефону" />
buttonText="Забронювати" </div>
termsText="Натискаючи 'Забронювати', ви погоджуєтесь з правилами закладу."
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterBaseReveal
logoText="Будівельна Ресторація" logoText="Будівельна Ресторація"
columns={[ columns={[
{ { title: "Контакти", items: [{ label: "м. Київ, вул. Будівельників 1", href: "#" }, { label: "+38 (050) 000-00-00", href: "tel:+380500000000" }] },
title: "Контакти", { title: "Меню", items: [{ label: "Основне", href: "#menu" }, { label: "Десерти", href: "#menu" }, { label: "Напої", href: "#menu" }] },
items: [ { title: "Соціальні мережі", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
{ ]}
label: "м. Київ, вул. Будівельників 1", copyrightText="© 2024 Будівельна Ресторація. Усі права захищені."
href: "#", />
}, </div>
{
label: "+38 (050) 000-00-00",
href: "tel:+380500000000",
},
],
},
{
title: "Меню",
items: [
{
label: "Основне",
href: "#menu",
},
{
label: "Десерти",
href: "#menu",
},
{
label: "Напої",
href: "#menu",
},
],
},
{
title: "Соціальні мережі",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
],
},
]}
copyrightText="© 2024 Будівельна Ресторація. Усі права захищені."
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );