Update src/app/page.tsx

Merge version_5 into main

src/app/entertainment/page.tsx

@@ -25,22 +25,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Entertainment",
-          id: "/entertainment",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Contacts",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Entertainment", id: "/entertainment" },
+        { name: "Menu", id: "/menu" },
+        { name: "Contacts", id: "/contact" },
       ]}
       brandName="Wonderland"
     />
@@ -53,36 +41,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          title: "Trampoline Arena",
-          description: "Huge jump zones for active kids.",
-          tag: "Active",
-          imageSrc: "http://img.b2bpic.net/free-photo/company-is-young-woman-who-has-fun-with-soft-blocks-children-s-playground-trampoline-center_146671-15269.jpg",
-        },
+          id: "f1",          title: "Батутна арена",          description: "Величезні зони для активних стрибків.",          tag: "Активність",          imageSrc: "http://img.b2bpic.net/free-photo/company-is-young-woman-who-has-fun-with-soft-blocks-children-s-playground-trampoline-center_146671-15269.jpg"},
         {
-          id: "f2",
-          title: "Ninja Park",
-          description: "Obstacle courses for mini-warriors.",
-          tag: "Challenge",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-dancer-dancing-studio_23-2148169434.jpg",
-        },
+          id: "f2",          title: "Ніндзя-парк",          description: "Смуга перешкод для маленьких героїв.",          tag: "Виклик",          imageSrc: "http://img.b2bpic.net/free-photo/young-female-dancer-dancing-studio_23-2148169434.jpg"},
         {
-          id: "f3",
-          title: "Soft Play Area",
-          description: "Safe, fun zone for our smallest guests.",
-          tag: "Kids",
-          imageSrc: "http://img.b2bpic.net/free-photo/activity-joy-fun-happiness-recreation-concept_343059-3644.jpg",
-        },
+          id: "f3",          title: "Зона Soft Play",          description: "Безпечна зона для наших найменших відвідувачів.",          tag: "Діти",          imageSrc: "http://img.b2bpic.net/free-photo/activity-joy-fun-happiness-recreation-concept_343059-3644.jpg"},
         {
-          id: "f4",
-          title: "Game Machines",
-          description: "Classic and new interactive arcade games.",
-          tag: "Gaming",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-looking-toys_23-2148287921.jpg",
-        },
+          id: "f4",          title: "Ігрові автомати",          description: "Класичні та нові інтерактивні аркадні ігри.",          tag: "Ігри",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-looking-toys_23-2148287921.jpg"},
       ]}
-      title="Entertainment Zones"
-      description="Discover all the fun waiting for your children in Wonderland."
+      title="Розважальні зони"
+      description="Відкрийте для себе всі розваги у Wonderland."
     />
   </div>
 
@@ -90,20 +58,14 @@ export default function LandingPage() {
       <FaqSplitMedia
       textboxLayout="default"
       useInvertedBackground={false}
-      title="Fun FAQs"
-      description="Common questions about visiting Wonderland."
+      title="Часті питання"
+      description="Відповіді на ваші запитання про Wonderland."
       imageSrc="http://img.b2bpic.net/free-photo/happy-kid-with-opening-arms_23-2148361463.jpg"
       faqs={[
         {
-          id: "q1",
-          title: "Is the park safe?",
-          content: "Absolutely! We prioritize safety with soft zones and trained staff.",
-        },
+          id: "q1",          title: "Чи безпечно у парку?",          content: "Абсолютно! Ми забезпечуємо безпеку за допомогою м'яких зон та кваліфікованого персоналу."},
         {
-          id: "q2",
-          title: "Do I need to book in advance?",
-          content: "Booking is recommended for birthdays, but general play is walk-in friendly.",
-        },
+          id: "q2",          title: "Чи потрібно бронювати заздалегідь?",          content: "Бронювання рекомендоване для святкування днів народження, для звичайного відвідування — жива черга."},
       ]}
       faqsAnimation="slide-up"
     />
@@ -113,33 +75,25 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Location",
-          items: [
+          title: "Локація",          items: [
             {
-              label: "Shevchenka St, 5a, Stryi",
-              href: "#",
-            },
+              label: "вул. Шевченка 5а, Стрий",              href: "#"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Підтримка",          items: [
             {
-              label: "068 084 8484",
-              href: "tel:0680848484",
-            },
+              label: "068 084 8484",              href: "tel:0680848484"},
             {
-              label: "Instagram",
-              href: "https://instagram.com",
-            },
+              label: "Instagram",              href: "https://instagram.com"},
           ],
         },
       ]}
       bottomLeftText="© 2024 Wonderland Stryi"
-      bottomRightText="Working hours: 10:00 - 23:00"
+      bottomRightText="Працюємо: 10:00 - 23:00"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -8,6 +8,7 @@ import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Manrope } from "next/font/google";
 import { DM_Sans } from "next/font/google";
+import { Nunito_Sans } from "next/font/google";
 
 
 
@@ -19,12 +20,9 @@ export const metadata: Metadata = {
   },
 };
 
-const manrope = Manrope({
-  variable: "--font-manrope",
-  subsets: ["latin"],
-});
-const dmSans = DM_Sans({
-  variable: "--font-dm-sans",
+
+const nunitoSans = Nunito_Sans({
+  variable: "--font-nunito-sans",
   subsets: ["latin"],
 });
 
@@ -36,7 +34,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${manrope.variable} ${dmSans.variable} antialiased`}>
+        <body className={`${nunitoSans.variable} antialiased`}>
           <Tag />
           {children}
           <script

src/app/page.tsx

@@ -9,7 +9,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import { Gift } from "lucide-react";
+import { Gift, Users, Camera, Cake } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -41,17 +41,30 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{ variant: "gradient-bars" }}
-      title="Wonderland — Territory of Unforgettable Emotions in Stryi"
-      description="The perfect place for family joy, birthday celebrations, and non-stop fun. Join us for an amazing adventure!"
-      tag="Best Family Entertainment in Stryi"
-      buttons={[{ text: "Book a Birthday Party", href: "/contact" }]}
+      title="Wonderland — Територія незабутніх емоцій у Стрию"
+      description="Ідеальне місце для сімейної радості, святкування днів народження та безперервних веселощів. Приєднуйтесь до нас у дивовижну пригоду!"
+      tag="Найкращі розваги для всієї сім'ї у Стрию"
+      buttons={[{ text: "Забронювати день народження", href: "#birthday-party" }]}
       mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-climbing-rope_23-2148361488.jpg", imageAlt: "Kids trampoline" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/group-young-happy-people-communicating-while-having-lunch-together-dining-room_637285-3564.jpg", imageAlt: "Family restaurant" }
+        { imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-climbing-rope_23-2148361488.jpg", imageAlt: "Дитячий батут" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/group-young-happy-people-communicating-while-having-lunch-together-dining-room_637285-3564.jpg", imageAlt: "Сімейний ресторан" }
       ]}
       mediaAnimation="slide-up"
       rating={5}
-      ratingText="Rated 5/5 by happy families"
+      ratingText="Оцінка 5/5 від щасливих сімей"
+    />
+  </div>
+
+  <div id="birthday-party" data-section="birthday-party">
+      <TestimonialAboutCard
+      useInvertedBackground={false}
+      tag="Свято"
+      title="Дні Народження"
+      description="Ми перетворюємо дні народження на магічні спогади завдяки індивідуальному декору, аніматорам та святковому меню."
+      subdescription="Зв'яжіться з нашим менеджером для персональної пропозиції."
+      icon={Cake}
+      imageSrc="http://img.b2bpic.net/free-photo/surprised-little-caucasian-girl-with-blue-party-hat-holding-helium-balloons-talking-phone-isolated-green-wall-with-copy-space_141793-97217.jpg"
+      mediaAnimation="slide-up"
     />
   </div>
 
@@ -60,42 +73,45 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
+      title="Квитки та ціни"
+      description="Оберіть свій формат відпочинку у нашому центрі."
       plans={[
-        {
-          id: "p1",          badge: "Weekday",          price: "150 UAH",          subtitle: "Mon-Fri entry",          features: ["All day access", "Free WiFi"],
-          buttons: [{ text: "Visit Us" }]
+        { 
+          id: "p1", 
+          badge: "Дитячий квиток", 
+          price: "200 UAH", 
+          subtitle: "Будні (Пн-Пт)", 
+          features: ["Безлімітне відвідування", "Доступ до всіх атракціонів", "Браслет на руку"],
+          buttons: [{ text: "Обрати" }]
+        }, 
+        { 
+          id: "p2", 
+          badge: "Вихідні та свята", 
+          price: "350 UAH", 
+          subtitle: "Сб-Нд та святкові дні", 
+          features: ["Безлімітне відвідування", "Доступ до всіх атракціонів", "Аніматор у зоні"],
+          buttons: [{ text: "Обрати" }]
         },
-        {
-          id: "p2",          badge: "Weekend",          price: "250 UAH",          subtitle: "Sat-Sun entry",          features: ["All day access", "Priority gaming"],
-          buttons: [{ text: "Visit Us" }]
+        { 
+          id: "p3", 
+          badge: "Сімейний квиток", 
+          price: "500 UAH", 
+          subtitle: "Для 1 дорослого + 1 дитини", 
+          features: ["Безлімітне відвідування", "Зона відпочинку для дорослих", "Безкоштовна вода"],
+          buttons: [{ text: "Обрати" }]
         }
       ]}
-      title="Tickets & Pricing"
-      description="Flexible pricing for weekday and weekend fun."
     />
   </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Celebrations"
-      title="Birthday Parties"
-      description="We turn birthdays into magical memories with custom decoration, animators, and special catering menus."
-      subdescription="Contact our event manager for a personalized offer."
-      icon={Gift}
-      imageSrc="http://img.b2bpic.net/free-photo/surprised-little-caucasian-girl-with-blue-party-hat-holding-helium-balloons-talking-phone-isolated-green-wall-with-copy-space_141793-97217.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="blog" data-section="blog">
+  <div id="gallery" data-section="gallery">
       <BlogCardThree
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
+      title="Наша фотогалерея"
+      description="Подивіться на яскраві моменти, що стаються у Wonderland щодня."
       blogs={[]}
-      title="News"
-      description="Latest updates from Wonderland."
     />
   </div>
 
@@ -105,23 +121,25 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
-      members={[]}
-      title="Our Team"
-      description="Meet the friendly staff making the magic happen."
+      title="Наша команда"
+      description="Познайомтеся з доброзичливим персоналом, який створює магію."
+      members={[
+        { id: "m1", name: "Анна", role: "Аніматор", description: "Створює посмішки на дитячих обличчях.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-cheerful-young-woman-with-long-wavy-hair_23-2148281363.jpg" }
+      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        { title: "Location", items: [{ label: "Shevchenka St, 5a, Stryi", href: "#" }] },
-        { title: "Support", items: [{ label: "068 084 8484", href: "tel:0680848484" }, { label: "Instagram", href: "https://instagram.com" }] }
+        { title: "Локація", items: [{ label: "м. Стрий, вул. Шевченка, 5а" }] },
+        { title: "Контакти", items: [{ label: "068 084 8484", href: "tel:0680848484" }, { label: "Instagram", href: "https://instagram.com" }] }
       ]}
-      bottomLeftText="© 2024 Wonderland Stryi"
-      bottomRightText="Working hours: 10:00 - 23:00"
+      bottomLeftText="© 2024 Wonderland Стрий"
+      bottomRightText="Графік роботи: 10:00 - 23:00"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-nunito-sans), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-nunito-sans), sans-serif;
 }

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #1a0f2e;
-  --primary-cta: #8b5cf6;
+  --foreground: #000f06e6;
+  --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #06b6d4;
-  --secondary-cta-text: #ffffff;
-  --accent: #f97316;
-  --background-accent: #ede9fe;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000f06e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);