Update src/app/page.tsx
This commit is contained in:
675
src/app/page.tsx
675
src/app/page.tsx
@@ -11,527 +11,190 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
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() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmall"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmall"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Про нас",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Меню",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Галерея",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Події",
|
||||
id: "events",
|
||||
},
|
||||
{
|
||||
name: "Бронювання",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Будівельна Ресторація"
|
||||
button={{
|
||||
text: "Забронювати",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Про нас", id: "about" },
|
||||
{ name: "Меню", id: "menu" },
|
||||
{ name: "Галерея", id: "gallery" },
|
||||
{ name: "Події", id: "events" },
|
||||
{ name: "Бронювання", id: "contact" },
|
||||
]}
|
||||
brandName="Будівельна Ресторація"
|
||||
button={{ text: "Забронювати", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Будівельна Ресторація: Бетон, Стиль, Смак"
|
||||
description="Індустріальна атмосфера зустрічає високу кухню. Відчуйте дух будівництва у кожному куточку та страві."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-abstract-copy-space-texture-background_1194-607432.jpg?_wi=1",
|
||||
imageAlt: "industrial restaurant luxury interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-shot-glasses-bar-counter_23-2148209380.jpg?_wi=1",
|
||||
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/abstract-ferromagnetic-blurred-mirrored-metal_23-2148253666.jpg",
|
||||
imageAlt: "modern menu presentation food",
|
||||
},
|
||||
{
|
||||
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/entrance-building-bridge_122409-8.jpg",
|
||||
imageAlt: "unique industrial concept restaurant",
|
||||
},
|
||||
{
|
||||
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="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Будівельна Ресторація: Бетон, Стиль, Смак"
|
||||
description="Індустріальна атмосфера зустрічає високу кухню. Відчуйте дух будівництва у кожному куточку та страві."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cement-abstract-copy-space-texture-background_1194-607432.jpg", imageAlt: "industrial restaurant luxury interior" },
|
||||
{ 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/abstract-ferromagnetic-blurred-mirrored-metal_23-2148253666.jpg", imageAlt: "modern menu presentation food" },
|
||||
{ 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/entrance-building-bridge_122409-8.jpg", imageAlt: "unique industrial concept restaurant" },
|
||||
{ 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">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Наш будівельний майданчик — ваш простір для відпочинку"
|
||||
metrics={[
|
||||
{
|
||||
icon: Music,
|
||||
label: "Жива музика",
|
||||
value: "Щодня",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Дитяча зона",
|
||||
value: "Kids Hub",
|
||||
},
|
||||
{
|
||||
icon: Image,
|
||||
label: "Панорама",
|
||||
value: "Центр міста",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Наш будівельний майданчик — ваш простір для відпочинку"
|
||||
metrics={[
|
||||
{ icon: Music, label: "Жива музика", value: "Щодня" },
|
||||
{ icon: Users, label: "Дитяча зона", value: "Kids Hub" },
|
||||
{ icon: Image, label: "Панорама", value: "Центр міста" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
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: "2",
|
||||
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="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
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: "2", 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">
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-abstract-copy-space-texture-background_1194-607432.jpg?_wi=2",
|
||||
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="gallery" data-section="gallery">
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
showStepNumbers={false}
|
||||
title="Візуальний код нашого простору"
|
||||
description="Пориньте в атмосферу, де кожен елемент має свій характер."
|
||||
features={[
|
||||
{ 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" } },
|
||||
{ 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" } },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="events" data-section="events">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
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?_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="events" data-section="events">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Події та Розваги"
|
||||
description="Приєднуйтесь до нашого життя, де завжди є місце для свята."
|
||||
plans={[
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="kids" data-section="kids">
|
||||
<FeatureCardNine
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
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/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="kids" data-section="kids">
|
||||
<FeatureCardNine
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
showStepNumbers={false}
|
||||
title="Дитяча зона: Маленькі прораби"
|
||||
description="Поки батьки відпочивають, діти мають свій майданчик для ігор."
|
||||
features={[
|
||||
{ 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" } },
|
||||
{ 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" } },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
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="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Що кажуть наші гості?"
|
||||
description="Ми цінуємо кожен відгук, який робить нас кращими."
|
||||
testimonials={[
|
||||
{ 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" },
|
||||
{ id: "2", 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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Бронювання"
|
||||
title="Готові до візиту?"
|
||||
description="Забронюйте свій столик прямо зараз."
|
||||
inputPlaceholder="Ваш номер телефону"
|
||||
buttonText="Забронювати"
|
||||
termsText="Натискаючи 'Забронювати', ви погоджуєтесь з правилами закладу."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Бронювання"
|
||||
title="Готові до візиту?"
|
||||
description="Забронюйте свій столик прямо зараз."
|
||||
inputPlaceholder="Ваш номер телефону"
|
||||
buttonText="Забронювати"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Будівельна Ресторація"
|
||||
columns={[
|
||||
{
|
||||
title: "Контакти",
|
||||
items: [
|
||||
{
|
||||
label: "м. Київ, вул. Будівельників 1",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
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>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Будівельна Ресторація"
|
||||
columns={[
|
||||
{ title: "Контакти", items: [{ label: "м. Київ, вул. Будівельників 1", href: "#" }, { 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>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user