From 39408f1861351aab50f822f54d0929993f702b55 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 12:19:26 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 255 +++++++++++++----------------------------------
 1 file changed, 71 insertions(+), 184 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7840071..e45e4aa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,9 +7,8 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import { Award, Coffee, MapPin, ShieldCheck, Smile, Sun } from "lucide-react";
+import { Coffee, ShieldCheck, Sun, Play, Zap, Puzzle, ArrowUpCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -17,195 +16,83 @@ 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: "בית",
-          id: "hero",
-        },
-        {
-          name: "אודות",
-          id: "about",
-        },
-        {
-          name: "מתקנים",
-          id: "features",
-        },
-        {
-          name: "צור קשר",
-          id: "contact",
-        },
-      ]}
-      brandName="MIDBAR"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "בית", id: "hero" },
+              { name: "אודות", id: "about" },
+              { name: "מתקנים", id: "features" },
+              { name: "צור קשר", id: "contact" },
+            ]}
+            brandName="MIDBAR"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="MIDBAR"
-      description="משחקייה ייחודית ומלאה בחוויות במול זכרון. מחכים לכם במדבר 🌵☀️"
-      buttons={[
-        {
-          text: "קרא עוד",
-          href: "#about",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/view-futuristic-bedroom-with-furniture_23-2151152201.jpg"
-      imageAlt="משחקיית מדבר מול זכרון"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="MIDBAR"
+            description="משחקייה ייחודית ומלאה בחוויות במול זכרון. מחכים לכם במדבר 🌵☀️"
+            buttons={[{ text: "קרא עוד", href: "#about" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/view-futuristic-bedroom-with-furniture_23-2151152201.jpg"
+            imageAlt="משחקיית מדבר מול זכרון"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="הכירו את מדבר"
-      metrics={[
-        {
-          icon: Coffee,
-          label: "פינות ישיבה",
-          value: "להורים",
-        },
-        {
-          icon: ShieldCheck,
-          label: "בטיחות",
-          value: "מרחבטוח ומוגן",
-        },
-        {
-          icon: Sun,
-          label: "חוויה",
-          value: "לכל המשפחה",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="הכירו את מדבר"
+            metrics={[
+              { icon: Coffee, label: "פינות ישיבה", value: "להורים" },
+              { icon: ShieldCheck, label: "בטיחות", value: "מרחבטוח ומוגן" },
+              { icon: Sun, label: "חוויה", value: "לכל המשפחה" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentySix
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "בריכות כדורים",
-          description: "בריכות כדורים ענקיות ומלהיבות לכל הגילאים.",
-          buttonIcon: "Play",
-          imageSrc: "http://img.b2bpic.net/free-photo/little-kid-playing_23-2148836342.jpg",
-        },
-        {
-          title: "משחקים אינטראקטיביים",
-          description: "טכנולוגיה ומשחקים שמפעילים את הגוף והמחשבה.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428539.jpg",
-        },
-        {
-          title: "אזורי דמיון",
-          description: "פינות משחק שמעודדות יצירתיות ופיתוח דמיון.",
-          buttonIcon: "Puzzle",
-          imageSrc: "http://img.b2bpic.net/free-photo/little-girl-playing-with-puppets-home_23-2149079500.jpg",
-        },
-        {
-          title: "מתקני טיפוס ומגלשות",
-          description: "רשתות הליכה בגובה ומגלשות מאתגרות לילדים.",
-          buttonIcon: "ArrowUpCircle",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-colorful-children-playground-background_23-2149587752.jpg",
-        },
-      ]}
-      title="מה מחכה לכם במדבר?"
-      description="פעילויות מלאות דמיון והנאה לילדים"
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentySix
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { title: "בריכות כדורים", description: "בריכות כדורים ענקיות ומלהיבות לכל הגילאים.", buttonIcon: Play, imageSrc: "http://img.b2bpic.net/free-photo/little-kid-playing_23-2148836342.jpg" },
+              { title: "משחקים אינטראקטיביים", description: "טכנולוגיה ומשחקים שמפעילים את הגוף והמחשבה.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428539.jpg" },
+              { title: "אזורי דמיון", description: "פינות משחק שמעודדות יצירתיות ופיתוח דמיון.", buttonIcon: Puzzle, imageSrc: "http://img.b2bpic.net/free-photo/little-girl-playing-with-puppets-home_23-2149079500.jpg" },
+              { title: "מתקני טיפוס ומגלשות", description: "רשתות הליכה בגובה ומגלשות מאתגרות לילדים.", buttonIcon: ArrowUpCircle, imageSrc: "http://img.b2bpic.net/free-photo/outdoors-colorful-children-playground-background_23-2149587752.jpg" },
+            ]}
+            title="מה מחכה לכם במדבר?"
+            description="פעילויות מלאות דמיון והנאה לילדים"
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="מדבר במספרים"
-      description="הנתונים מאחורי חוויית המשחק המושקעת שלנו"
-      metrics={[
-        {
-          id: "1",
-          value: "100+",
-          title: "מטרים רבועים",
-          description: "של מרחב משחק ממוזג ונעים",
-          icon: MapPin,
-        },
-        {
-          id: "2",
-          value: "5+",
-          title: "מתחמי משחק",
-          description: "מחולקים לפי גילאים ותחומי עניין",
-          icon: Award,
-        },
-        {
-          id: "3",
-          value: "24/7",
-          title: "סטנדרט בטיחות",
-          description: "עמידה בתקנים המחמירים ביותר",
-          icon: ShieldCheck,
-        },
-        {
-          id: "4",
-          value: "1000+",
-          title: "ילדים מאושרים",
-          description: "שביקרו אצלנו בחודש האחרון",
-          icon: Smile,
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            text="רוצים לשמוע עוד? בואו לבקר אותנו במול זכרון!"
+            buttons={[{ text: "צרו קשר בווטסאפ", href: "https://wa.me/972" }]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="רוצים לשמוע עוד? בואו לבקר אותנו במול זכרון!"
-      buttons={[
-        {
-          text: "צרו קשר בווטסאפ",
-          href: "https://wa.me/972",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "בית",
-              href: "#hero",
-            },
-            {
-              label: "אודות",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "מתקנים",
-              href: "#features",
-            },
-            {
-              label: "מפת הגעה",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="MIDBAR"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "בית", href: "#hero" }, { label: "אודות", href: "#about" }] },
+              { items: [{ label: "מתקנים", href: "#features" }, { label: "מפת הגעה", href: "#" }] },
+            ]}
+            logoText="MIDBAR"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1