Merge version_1 into main #1
306
src/app/page.tsx
306
src/app/page.tsx
@@ -19,31 +19,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Sauna",
|
||||
id: "wellness",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Sauna", id: "wellness" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Гостинний двір"
|
||||
/>
|
||||
@@ -51,78 +43,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Ваш затишний відпочинок у Гостинному дворі"
|
||||
description="Поєднання вишуканого ресторану та розслаблюючої сауни. Відчуйте атмосферу комфорту та традиційної гостинності щоразу, коли ви з нами."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Років гостинності",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Задоволених гостей",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Затишку та тепла",
|
||||
},
|
||||
{ value: "10+", label: "Років гостинності" },
|
||||
{ value: "5000+", label: "Задоволених гостей" },
|
||||
{ value: "100%", label: "Затишку та тепла" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Забронювати",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Забронювати", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg"
|
||||
imageAlt="restaurant and sauna entrance cozy"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/old-vase-with-stone-angels_53876-18208.jpg",
|
||||
alt: "Old vase with stone angels",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-lampshade-wooden-chest-with-books-it-placed-garden_181624-5463.jpg",
|
||||
alt: "wooden lampshade and a wooden chest with books on it placed in a garden",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263507.jpg",
|
||||
alt: "Photorealistic wooden house interior with timber decor and furnishings",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/painting-inspiration-supplies-placed-ready-be-painted-canvas_482257-127568.jpg",
|
||||
alt: "Painting inspiration supplies placed ready to be painted on canvas",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-blue-hat-sits-windowsill-cafe_8353-194.jpg",
|
||||
alt: "Woman in blue hat sits on the windowsill in the cafe",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/old-vase-with-stone-angels_53876-18208.jpg", alt: "Old vase with stone angels" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wooden-lampshade-wooden-chest-with-books-it-placed-garden_181624-5463.jpg", alt: "wooden lampshade and a wooden chest with books on it placed in a garden" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263507.jpg", alt: "Photorealistic wooden house interior with timber decor and furnishings" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/painting-inspiration-supplies-placed-ready-be-painted-canvas_482257-127568.jpg", alt: "Painting inspiration supplies placed ready to be painted on canvas" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-blue-hat-sits-windowsill-cafe_8353-194.jpg", alt: "Woman in blue hat sits on the windowsill in the cafe" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Традиційна кухня",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Відпочинок у сауні",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Затишні номери",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Wellness-процедури",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Сімейний відпочинок",
|
||||
},
|
||||
{ type: "text", text: "Традиційна кухня" },
|
||||
{ type: "text", text: "Відпочинок у сауні" },
|
||||
{ type: "text", text: "Затишні номери" },
|
||||
{ type: "text", text: "Wellness-процедури" },
|
||||
{ type: "text", text: "Сімейний відпочинок" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,18 +80,9 @@ export default function LandingPage() {
|
||||
title="Мистецтво відпочинку"
|
||||
description="Гостинний двір — це більше, ніж місце. Це простір, де гастрономічні враження зустрічаються з цілющим теплом нашої сауни. Ми дбаємо про кожну деталь вашого комфорту."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Вишукана кухня",
|
||||
description: "Страви традиційної та сучасної кухні.",
|
||||
},
|
||||
{
|
||||
title: "Wellness-зона",
|
||||
description: "Сауна та оздоровчі процедури для повного релаксу.",
|
||||
},
|
||||
{
|
||||
title: "Гостинність",
|
||||
description: "Дбайливий сервіс та тепла атмосфера.",
|
||||
},
|
||||
{ title: "Вишукана кухня", description: "Страви традиційної та сучасної кухні." },
|
||||
{ title: "Wellness-зона", description: "Сауна та оздоровчі процедури для повного релаксу." },
|
||||
{ title: "Гостинність", description: "Дбайливий сервіс та тепла атмосфера." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-decor-furniture-inspired-by-fruits-vegetables_23-2151361918.jpg"
|
||||
imageAlt="warm restaurant interior dining"
|
||||
@@ -158,21 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Смачна їжа",
|
||||
description: "Свіжі продукти, авторські рецепти.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/befe-sauteed-own-broth-served-with-yogurt-white-plate_114579-1785.jpg",
|
||||
},
|
||||
{
|
||||
title: "Відпочинок у сауні",
|
||||
description: "Повне розслаблення для тіла та душі.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reaching-robe-after-sauna-ritual-calm_169016-69401.jpg",
|
||||
},
|
||||
{
|
||||
title: "Затишний інтер'єр",
|
||||
description: "Дизайн, що надихає на спокій.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150533026.jpg",
|
||||
},
|
||||
{ title: "Смачна їжа", description: "Свіжі продукти, авторські рецепти.", imageSrc: "http://img.b2bpic.net/free-photo/befe-sauteed-own-broth-served-with-yogurt-white-plate_114579-1785.jpg" },
|
||||
{ title: "Відпочинок у сауні", description: "Повне розслаблення для тіла та душі.", imageSrc: "http://img.b2bpic.net/free-photo/reaching-robe-after-sauna-ritual-calm_169016-69401.jpg" },
|
||||
{ title: "Затишний інтер'єр", description: "Дизайн, що надихає на спокій.", imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150533026.jpg" },
|
||||
]}
|
||||
title="Чому обирають нас"
|
||||
description="Ми створюємо умови, щоб ви могли забути про буденність та поринути у світ насолоди."
|
||||
@@ -186,42 +111,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Фірмова закуска",
|
||||
price: "180 ₴",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesecake-with-cookies-kumquats-white-plate_141793-1462.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Авторський напій",
|
||||
price: "95 ₴",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hand-pouring-champagne-into-glass-ready-drink-blur-table-restaurant_1150-6451.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Домашній десерт",
|
||||
price: "120 ₴",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/berry-tart-decorated-with-strawberry-grape_140725-5731.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "М'ясо на грилі",
|
||||
price: "350 ₴",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-vegetables-top-view_141793-4450.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Традиційний борщ",
|
||||
price: "140 ₴",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greens-vegetable-with-farfalle-pasta-bowl-marble-surface_114579-63720.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Сирна тарілка",
|
||||
price: "220 ₴",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-herbs-spices-served-with-baguette_114579-29291.jpg",
|
||||
},
|
||||
{ id: "1", name: "Фірмова закуска", price: "180 ₴", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesecake-with-cookies-kumquats-white-plate_141793-1462.jpg" },
|
||||
{ id: "2", name: "Авторський напій", price: "95 ₴", imageSrc: "http://img.b2bpic.net/free-photo/man-hand-pouring-champagne-into-glass-ready-drink-blur-table-restaurant_1150-6451.jpg" },
|
||||
{ id: "3", name: "Домашній десерт", price: "120 ₴", imageSrc: "http://img.b2bpic.net/free-photo/berry-tart-decorated-with-strawberry-grape_140725-5731.jpg" },
|
||||
{ id: "4", name: "М'ясо на грилі", price: "350 ₴", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-vegetables-top-view_141793-4450.jpg" },
|
||||
{ id: "5", name: "Традиційний борщ", price: "140 ₴", imageSrc: "http://img.b2bpic.net/free-photo/greens-vegetable-with-farfalle-pasta-bowl-marble-surface_114579-63720.jpg" },
|
||||
{ id: "6", name: "Сирна тарілка", price: "220 ₴", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-herbs-spices-served-with-baguette_114579-29291.jpg" },
|
||||
]}
|
||||
title="Наше Меню"
|
||||
description="Спробуйте найкращі страви, приготовані з любов'ю."
|
||||
@@ -230,30 +125,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="wellness" data-section="wellness">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Натуральна деревина",
|
||||
description: "Екологічні матеріали в кожній сауні.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-ice-closeup_169016-22515.jpg",
|
||||
},
|
||||
id: "m1", value: "100%", title: "Натуральна деревина", description: "Екологічні матеріали в кожній сауні.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-ice-closeup_169016-22515.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45°C",
|
||||
title: "Оптимальна температура",
|
||||
description: "Ідеальна для розслаблення та здоров'я.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-section-woman-sitting-wooden-bench-sauna_23-2147867869.jpg",
|
||||
},
|
||||
id: "m2", value: "45°C", title: "Оптимальна температура", description: "Ідеальна для розслаблення та здоров'я.", imageSrc: "http://img.b2bpic.net/free-photo/low-section-woman-sitting-wooden-bench-sauna_23-2147867869.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "30+",
|
||||
title: "Професійний догляд",
|
||||
description: "Масаж та процедури для кожного гостя.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-relaxing-water_23-2148000123.jpg",
|
||||
},
|
||||
id: "m3", value: "30+", title: "Професійний догляд", description: "Масаж та процедури для кожного гостя.", imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-relaxing-water_23-2148000123.jpg"},
|
||||
]}
|
||||
title="Wellness-показники"
|
||||
description="Ваш шлях до здорового тіла та душевного спокою."
|
||||
@@ -266,41 +147,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Олена",
|
||||
handle: "@olena_travel",
|
||||
testimonial: "Чудовий заклад! Сауна просто неймовірна, відпочила на всі 100%.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-musician-looks-into-collection-notes-sitting-piano_169016-15183.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Андрій",
|
||||
handle: "@andrii_rest",
|
||||
testimonial: "Смачно, затишно і дуже приємне обслуговування. Рекомендую всім!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Марія",
|
||||
handle: "@maria_spa",
|
||||
testimonial: "Найкраще місце для відпочинку з друзями в місті.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-adult-man-white-shirt-sitting-inside-photo-grayhaired-bearded-adult-guy-tattoos-white-shirt-room_197531-30045.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Олександр",
|
||||
handle: "@alex_chef",
|
||||
testimonial: "Дуже затишна атмосфера та вишукана кухня. Дякую за гостинність!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-girl-with-curly-hair-taking-selfie-sitting-restaurant-s-wooden-table_651396-869.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Вікторія",
|
||||
handle: "@viktoria_relax",
|
||||
testimonial: "Найкращий релакс після довгого робочого тижня.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",
|
||||
},
|
||||
{ id: "1", name: "Олена", handle: "@olena_travel", testimonial: "Чудовий заклад! Сауна просто неймовірна, відпочила на всі 100%.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-musician-looks-into-collection-notes-sitting-piano_169016-15183.jpg" },
|
||||
{ id: "2", name: "Андрій", handle: "@andrii_rest", testimonial: "Смачно, затишно і дуже приємне обслуговування. Рекомендую всім!", imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg" },
|
||||
{ id: "3", name: "Марія", handle: "@maria_spa", testimonial: "Найкраще місце для відпочинку з друзями в місті.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-adult-man-white-shirt-sitting-inside-photo-grayhaired-bearded-adult-guy-tattoos-white-shirt-room_197531-30045.jpg" },
|
||||
{ id: "4", name: "Олександр", handle: "@alex_chef", testimonial: "Дуже затишна атмосфера та вишукана кухня. Дякую за гостинність!", imageSrc: "http://img.b2bpic.net/free-photo/funny-girl-with-curly-hair-taking-selfie-sitting-restaurant-s-wooden-table_651396-869.jpg" },
|
||||
{ id: "5", name: "Вікторія", handle: "@viktoria_relax", testimonial: "Найкращий релакс після довгого робочого тижня.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg" },
|
||||
]}
|
||||
title="Відгуки гостей"
|
||||
description="Почуйте, чому наші відвідувачі повертаються до нас знову і знову."
|
||||
@@ -312,21 +163,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Як забронювати сауну?",
|
||||
content: "Ви можете зателефонувати нам або залишити заявку через сайт.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Чи є парковка?",
|
||||
content: "Так, ми маємо зручну парковку для наших гостей.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Чи приймаєте ви корпоративи?",
|
||||
content: "Звісно! Ми з радістю допоможемо провести свято.",
|
||||
},
|
||||
{ id: "f1", title: "Як забронювати сауну?", content: "Ви можете зателефонувати нам або залишити заявку через сайт." },
|
||||
{ id: "f2", title: "Чи є парковка?", content: "Так, ми маємо зручну парковку для наших гостей." },
|
||||
{ id: "f3", title: "Чи приймаєте ви корпоративи?", content: "Звісно! Ми з радістю допоможемо провести свято." },
|
||||
]}
|
||||
title="Часті запитання"
|
||||
description="Все, що вам потрібно знати перед візитом до Гостинного двору."
|
||||
@@ -337,18 +176,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Контакти"
|
||||
title="Забронюйте свій відпочинок"
|
||||
description="Зв'яжіться з нами та відчуйте гостинність вже сьогодні."
|
||||
buttons={[
|
||||
{
|
||||
text: "Написати нам",
|
||||
href: "https://instagram.com/guest_yard/",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Написати нам", href: "https://instagram.com/guest_yard/" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -357,36 +189,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-entering-modern-sauna-warm-glow-wellness-vibe-sauna-entrance_169016-69370.jpg"
|
||||
logoText="Гостинний двір"
|
||||
columns={[
|
||||
{
|
||||
title: "Меню",
|
||||
items: [
|
||||
{
|
||||
label: "Головна",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Ресторан",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Сауна",
|
||||
href: "#wellness",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Інформація",
|
||||
items: [
|
||||
{
|
||||
label: "Про нас",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Контакти",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Меню", items: [{ label: "Головна", href: "#hero" }, { label: "Ресторан", href: "#menu" }, { label: "Сауна", href: "#wellness" }] },
|
||||
{ title: "Інформація", items: [{ label: "Про нас", href: "#about" }, { label: "Контакти", href: "#contact" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | Гостинний двір"
|
||||
imageAlt="restaurant and sauna entrance cozy"
|
||||
|
||||
Reference in New Issue
Block a user