From 2d457a277147981e2edd1f8edc8fbe2a06665b2b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 12 Apr 2026 16:11:29 +0000
Subject: [PATCH] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 86 +++++++++++++++++++++++-------------------
 1 file changed, 47 insertions(+), 39 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 9d83848..167d61a 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -6,8 +6,14 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import TextAbout from '@/components/sections/about/TextAbout';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { History } from "lucide-react";
+import { useEffect, useState } from "react";
 
 export default function AboutPage() {
+  const [isMounted, setIsMounted] = useState(false);
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -21,47 +27,49 @@ export default function AboutPage() {
         secondaryButtonStyle="solid"
         headingFontWeight="normal"
     >
-      <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
-            navItems={[
-              { name: "Menu", id: "/menu" },
-              { name: "About", id: "/about" },
-              { name: "Services", id: "/services" },
-              { name: "Events", id: "/#events" },
-              { name: "Visit", id: "/#visit" },
-            ]}
-            brandName="Molisana Bakery"
-          />
-        </div>
-
-        <div id="about-content" data-section="about-content">
-          <TextAbout
-            tag="Our Story"
-            tagIcon={History}
-            title="Old-School Italian Hospitality"
-            className="py-20"
-            useInvertedBackground={false}
-          />
-          <div className="max-w-4xl mx-auto px-6 pb-20 space-y-8">
-            <p className="text-lg">Molisana Bakery was born from a desire to bring the authentic, old-school Italian bakery experience to our local community. We pride ourselves on preserving traditions passed down through generations.</p>
-            <p className="text-lg">Our daily hot table is the heart of our kitchen, featuring scratch-made classics that change with the seasons. We believe food is a language of love, and we serve every dish with the warmth of a family gathering.</p>
-            <p className="text-lg">Whether you stop in for your morning espresso ritual to start the day or join us for a slow lunch, our commitment to hospitality remains the same: treat every customer like a long-time friend at our family table.</p>
+      {isMounted && (
+        <ReactLenis root>
+          <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+              navItems={[
+                { name: "Menu", id: "/menu" },
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Events", id: "/#events" },
+                { name: "Visit", id: "/#visit" },
+              ]}
+              brandName="Molisana Bakery"
+            />
           </div>
-        </div>
 
-        <div id="footer" data-section="footer">
-          <FooterSimple
-            columns={[
-              { title: "Bakery", items: [{ label: "Menu", href: "/menu" }, { label: "Services", href: "/services" }] },
-              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Events", href: "/" }] },
-              { title: "Visit", items: [{ label: "Directions", href: "/" }, { label: "Contact", href: "/" }] },
-            ]}
-            bottomLeftText="© 2024 Molisana Bakery. All rights reserved."
-            bottomRightText="Authentic Italian Daily Rituals"
-          />
-        </div>
-      </ReactLenis>
+          <div id="about-content" data-section="about-content">
+            <TextAbout
+              tag="Our Story"
+              tagIcon={History}
+              title="Old-School Italian Hospitality"
+              className="py-20"
+              useInvertedBackground={false}
+            />
+            <div className="max-w-4xl mx-auto px-6 pb-20 space-y-8">
+              <p className="text-lg">Molisana Bakery was born from a desire to bring the authentic, old-school Italian bakery experience to our local community. We pride ourselves on preserving traditions passed down through generations.</p>
+              <p className="text-lg">Our daily hot table is the heart of our kitchen, featuring scratch-made classics that change with the seasons. We believe food is a language of love, and we serve every dish with the warmth of a family gathering.</p>
+              <p className="text-lg">Whether you stop in for your morning espresso ritual to start the day or join us for a slow lunch, our commitment to hospitality remains the same: treat every customer like a long-time friend at our family table.</p>
+            </div>
+          </div>
+
+          <div id="footer" data-section="footer">
+            <FooterSimple
+              columns={[
+                { title: "Bakery", items: [{ label: "Menu", href: "/menu" }, { label: "Services", href: "/services" }] },
+                { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Events", href: "/" }] },
+                { title: "Visit", items: [{ label: "Directions", href: "/" }, { label: "Contact", href: "/" }] },
+              ]}
+              bottomLeftText="© 2024 Molisana Bakery. All rights reserved."
+              bottomRightText="Authentic Italian Daily Rituals"
+            />
+          </div>
+        </ReactLenis>
+      )}
     </ThemeProvider>
   );
 }
\ No newline at end of file