From 0d6344327f2556f599ca836b65b0f4fa1a973ce0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 12 May 2026 14:52:08 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 306 +++++++++--------------------------------------
 1 file changed, 55 insertions(+), 251 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6f57b7c..f017d37 100644
--- a/src/app/page.tsx
+++ b/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"
-- 
2.49.1