From f780735bbbeb320c7ec2650c97b43df82d9a092a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 16:53:28 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 451 ++++++++++++++---------------------------------
 1 file changed, 130 insertions(+), 321 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f7770b5..2267124 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,336 +29,145 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Menu",
-          id: "#menu",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="MeetGreek Haar"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "About", id: "#about" },
+              { name: "Menu", id: "#menu" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="MeetGreek Haar"
+            button={{ text: "Order Now", href: "#menu" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Authentic Greek Flavors in the Heart of Haar"
-      description="Experience the warmth of Greece with our traditional coffee, handmade tiropita, and sweet pastries. Your cozy escape, right on the main street."
-      tag="Welcome to MeetGreek"
-      buttons={[
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-lot-bread-table_171337-16157.jpg",
-          imageAlt: "Cafe interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-vintage-coffee-kettl-with-roasted-beanse_23-2148337147.jpg",
-          imageAlt: "Greek coffee",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/croissants-with-chocolate-cream-glass-milk-blue-table_114579-4262.jpg",
-          imageAlt: "Croissants with chocolate cream",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cappuccino-cup-with-meringue-tray_141793-17470.jpg",
-          imageAlt: "Cappuccino on a tray",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-making-drip-fresh-coffee-vintage-coffee-shop_1150-14514.jpg",
-          imageAlt: "Drip coffee brewing",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Loved by locals"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "gradient-bars" }}
+            title="Authentic Greek Flavors in the Heart of Haar"
+            description="Experience the warmth of Greece with our traditional coffee, handmade tiropita, and sweet pastries. Your cozy escape, right on the main street."
+            tag="Welcome to MeetGreek"
+            buttons={[{ text: "View Menu", href: "#menu" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-lot-bread-table_171337-16157.jpg", imageAlt: "Cafe interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-vintage-coffee-kettl-with-roasted-beanse_23-2148337147.jpg", imageAlt: "Greek coffee" }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Loved by locals"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="A Women-Led Cafe Experience"
-      metrics={[
-        {
-          icon: Coffee,
-          label: "Coffee Varieties",
-          value: "15+",
-        },
-        {
-          icon: Heart,
-          label: "Customer Satisfaction",
-          value: "100%",
-        },
-        {
-          icon: Award,
-          label: "Authentic Treats",
-          value: "10+",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="A Women-Led Cafe Experience"
+            metrics={[
+              { icon: Coffee, label: "Coffee Varieties", value: "15+" },
+              { icon: Heart, label: "Customer Satisfaction", value: "100%" },
+              { icon: Award, label: "Authentic Treats", value: "10+" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Coffee,
-          title: "Authentic Greek Coffee",
-          description: "Hot or cold, our coffee is crafted with traditional techniques.",
-        },
-        {
-          icon: Utensils,
-          title: "Handmade Snacks",
-          description: "Freshly baked tiropita and pastries every single day.",
-        },
-        {
-          icon: Smile,
-          title: "Friendly Atmosphere",
-          description: "A cozy space led by passionate, welcoming owners.",
-        },
-      ]}
-      title="Why Guests Love Us"
-      description="We blend traditional Greek hospitality with high-quality ingredients to create a unique culinary experience."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Coffee, title: "Authentic Greek Coffee", description: "Hot or cold, our coffee is crafted with traditional techniques." },
+              { icon: Utensils, title: "Handmade Snacks", description: "Freshly baked tiropita and pastries every single day." },
+              { icon: Smile, title: "Friendly Atmosphere", description: "A cozy space led by passionate, welcoming owners." },
+            ]}
+            title="Why Guests Love Us"
+            description="We blend traditional Greek hospitality with high-quality ingredients to create a unique culinary experience."
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Tiropita",
-          price: "4.50 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/tasty-khachapuri-pastries-wooden-basket_114579-83111.jpg",
-        },
-        {
-          id: "2",
-          name: "Baklava",
-          price: "3.80 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/little-yummy-cake-with-delicious-cream-sliced-fresh-grapes-cookies-blue-light-desk_140725-31923.jpg",
-        },
-        {
-          id: "3",
-          name: "Pistachio Croissant",
-          price: "4.20 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-spread-with-croissant_23-2148367521.jpg",
-        },
-        {
-          id: "4",
-          name: "Cappuccino",
-          price: "3.50 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-iced-coffee-table-beans_23-2149600676.jpg",
-        },
-        {
-          id: "5",
-          name: "Iced Frappé",
-          price: "4.00 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-trendy-delicious-fresh-dalgona-coffee-with-milk-white-wood-table_181624-23944.jpg",
-        },
-        {
-          id: "6",
-          name: "Greek Pastry Platter",
-          price: "9.50 €",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pancakes-with-sweet-cakes-fruits-dark-floor_140725-120565.jpg",
-        },
-      ]}
-      title="Our Daily Menu"
-      description="Handmade snacks and authentic sweets to brighten your day."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Tiropita", price: "4.50 €", imageSrc: "http://img.b2bpic.net/free-photo/tasty-khachapuri-pastries-wooden-basket_114579-83111.jpg" },
+              { id: "2", name: "Baklava", price: "3.80 €", imageSrc: "http://img.b2bpic.net/free-photo/little-yummy-cake-with-delicious-cream-sliced-fresh-grapes-cookies-blue-light-desk_140725-31923.jpg" },
+              { id: "3", name: "Pistachio Croissant", price: "4.20 €", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-spread-with-croissant_23-2148367521.jpg" },
+              { id: "4", name: "Cappuccino", price: "3.50 €", imageSrc: "http://img.b2bpic.net/free-photo/delicious-iced-coffee-table-beans_23-2149600676.jpg" }
+            ]}
+            title="Our Daily Menu"
+            description="Handmade snacks and authentic sweets to brighten your day."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Excellent Cafe",
-          quote: "Sehr gutes Café, nette Besitzerin und leckeres Essen!",
-          name: "Anna K.",
-          role: "Local",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg",
-        },
-        {
-          id: "2",
-          title: "Traditional Flavors",
-          quote: "Leckere selbstgemachte Snacks und griechische Kleinigkeiten.",
-          name: "Markus D.",
-          role: "Regular",
-          imageSrc: "http://img.b2bpic.net/free-photo/indigenous-man-integrated-into-modern-life_23-2151128169.jpg",
-        },
-        {
-          id: "3",
-          title: "Top Service",
-          quote: "Vielen Dank für den sehr freundlichen Service, war bisher immer top.",
-          name: "Sophie M.",
-          role: "Visitor",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-fresh-baked-croissants_23-2148028057.jpg",
-        },
-        {
-          id: "4",
-          title: "Great Coffee",
-          quote: "Super leckeres Croissant mit Pistazienfüllung. Cappuccino ist total lecker.",
-          name: "Lukas B.",
-          role: "Regular",
-          imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg",
-        },
-        {
-          id: "5",
-          title: "Small Gem",
-          quote: "Gemütliche Atmosphäre. Sehr freundliches Personal. Empfehlenswert.",
-          name: "Elena P.",
-          role: "Local",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
-        },
-      ]}
-      title="What Our Guests Say"
-      description="Hear from our happy regulars and coffee lovers."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", title: "Excellent Cafe", quote: "Sehr gutes Café, nette Besitzerin und leckeres Essen!", name: "Anna K.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg" },
+              { id: "2", title: "Traditional Flavors", quote: "Leckere selbstgemachte Snacks und griechische Kleinigkeiten.", name: "Markus D.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/indigenous-man-integrated-into-modern-life_23-2151128169.jpg" },
+              { id: "3", title: "Top Service", quote: "Vielen Dank für den sehr freundlichen Service, war bisher immer top.", name: "Sophie M.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-fresh-baked-croissants_23-2148028057.jpg" }
+            ]}
+            title="What Our Guests Say"
+            description="Hear from our happy regulars and coffee lovers."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          value: "45+",
-          description: "Five-star reviews",
-        },
-        {
-          id: "2",
-          value: "100%",
-          description: "Authentic ingredients",
-        },
-        {
-          id: "3",
-          value: "100+",
-          description: "Happy morning coffee orders",
-        },
-      ]}
-      title="MeetGreek in Numbers"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", value: "45+", description: "Five-star reviews" },
+              { id: "2", value: "100%", description: "Authentic ingredients" },
+              { id: "3", value: "100+", description: "Happy morning coffee orders" },
+            ]}
+            title="MeetGreek in Numbers"
+            description="Trusted by our local community."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Are you LGBTQ+ friendly?",
-          content: "Yes, we are proudly LGBTQ+ friendly and a safe space for everyone.",
-        },
-        {
-          id: "2",
-          title: "Do you offer catering?",
-          content: "Yes! We provide authentic Greek treats for small events. Contact us to learn more.",
-        },
-        {
-          id: "3",
-          title: "What are your opening hours?",
-          content: "We open Saturday at 08:30 AM. Follow us on Instagram for latest updates.",
-        },
-      ]}
-      sideTitle="Frequently Asked Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "Are you LGBTQ+ friendly?", content: "Yes, we are proudly LGBTQ+ friendly and a safe space for everyone." },
+              { id: "2", title: "Do you offer catering?", content: "Yes! We provide authentic Greek treats for small events. Contact us to learn more." },
+              { id: "3", title: "What are your opening hours?", content: "We open Saturday at 08:30 AM. Follow us on Instagram for latest updates." },
+            ]}
+            sideTitle="Frequently Asked Questions"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Visit Us"
-      title="Ready for a Greek Treat?"
-      description="Come visit our cafe on the main street for the best coffee in Haar."
-      buttons={[
-        {
-          text: "Follow us on Instagram",
-          href: "https://instagram.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Visit Us"
+            title="Ready for a Greek Treat?"
+            description="Come visit our cafe on the main street for the best coffee in Haar."
+            buttons={[{ text: "Follow us on Instagram", href: "https://instagram.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Menu",
-          items: [
-            {
-              label: "Drinks",
-              href: "#menu",
-            },
-            {
-              label: "Snacks",
-              href: "#menu",
-            },
-          ],
-        },
-        {
-          title: "Info",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Instagram",
-              href: "https://instagram.com",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Visit Us",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      logoText="MeetGreek Haar"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Menu", items: [{ label: "Drinks", href: "#menu" }, { label: "Snacks", href: "#menu" }] },
+              { title: "Info", items: [{ label: "About Us", href: "#about" }, { label: "Instagram", href: "https://instagram.com" }] },
+              { title: "Contact", items: [{ label: "Visit Us", href: "#contact" }] },
+            ]}
+            logoText="MeetGreek Haar"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1