From f7c2f56ef2e72fcd9d815c77716f07782652556c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 20:50:06 +0000
Subject: [PATCH] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 157 +++++++++++++++--------------------------
 1 file changed, 57 insertions(+), 100 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 4d13faa..e8d6c39 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -23,109 +23,66 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Über uns",
-          id: "/about",
-        },
-        {
-          name: "Kontakt",
-          id: "/contact",
-        },
-      ]}
-      brandName="Konya Grill"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Menu", id: "/menu" },
+              { name: "Über uns", id: "/about" },
+              { name: "Kontakt", id: "/contact" },
+            ]}
+            brandName="Konya Grill"
+          />
+        </div>
 
-  <div id="about-section" data-section="about-section">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Über Konya Grill"
-      metrics={[
-        {
-          label: "Frische Zutaten",
-          value: "Täglich",
-          icon: CheckCircle,
-        },
-        {
-          label: "Schneller Service",
-          value: "Garantie",
-          icon: Zap,
-        },
-        {
-          label: "Starke Portionen",
-          value: "Fair",
-          icon: Award,
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about-section" data-section="about-section">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Über Konya Grill"
+            metrics={[
+              { label: "Frische Zutaten", value: "Täglich", icon: CheckCircle },
+              { label: "Schneller Service", value: "Garantie", icon: Zap },
+              { label: "Starke Portionen", value: "Fair", icon: Award },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Unsere Philosophie"
-      description="Warum wir nur die besten Zutaten verwenden."
-      faqs={[
-        {
-          id: "f1",
-          title: "Woher kommt das Fleisch?",
-          content: "Nur von lokalen Betrieben.",
-        },
-        {
-          id: "f2",
-          title: "Gibt es vegane Optionen?",
-          content: "Ja, unsere Gemüsetaschen sind vegan.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-stuffed-vegetables-with-meat-cream-sauce-white-plate_141793-3844.jpg?_wi=2"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Unsere Philosophie"
+            description="Warum wir nur die besten Zutaten verwenden."
+            faqs={[
+              { id: "f1", title: "Woher kommt das Fleisch?", content: "Nur von lokalen Betrieben." },
+              { id: "f2", title: "Gibt es vegane Optionen?", content: "Ja, unsere Gemüsetaschen sind vegan." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/side-view-stuffed-vegetables-with-meat-cream-sauce-white-plate_141793-3844.jpg"
+            mediaAnimation="slide-up"
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Startseite",
-              href: "/",
-            },
-            {
-              label: "Menü",
-              href: "/menu",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Impressum",
-              href: "#",
-            },
-            {
-              label: "Datenschutz",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Konya Grill"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              {
+                items: [
+                  { label: "Startseite", href: "/" },
+                  { label: "Menü", href: "/menu" },
+                ],
+              },
+              {
+                items: [
+                  { label: "Impressum", href: "#" },
+                  { label: "Datenschutz", href: "#" },
+                ],
+              },
+            ]}
+            logoText="Konya Grill"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );