From b0eee9ac7ac97ef1e8aeb44c57baade0e29c5ca2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 02:51:33 +0000
Subject: [PATCH] Update src/app/about/page.tsx

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

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 8524e33..851d38f 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,12 +1,11 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -15,104 +14,44 @@ export default function LandingPage() {
         contentWidth="medium"
         sizing="mediumLargeSizeLargeTitles"
         background="circleGradient"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="bold"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
-      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Rocky's Plumbing"
-    />
-  </div>
-
-  <div id="feature" data-section="feature">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Craftsmanship"
-      description="Built on years of professional experience."
-      features={[
-        {
-          id: "a1",
-          title: "Meet the Team",
-          descriptions: [
-            "Fully certified.",
-            "Extremely professional.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-with-adjustable-wrench-hand-isolated-orange-wall_141793-16007.jpg",
-        },
-        {
-          id: "a2",
-          title: "Quality Promise",
-          descriptions: [
-            "Unmatched quality control.",
-            "Guaranteed work.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-isolated-orange-wall_141793-16006.jpg",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Rocky's Plumbing"
-    />
-  </div>
-      </ReactLenis>
+      <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Rocky's Plumbing"
+          />
+      </div>
+      <div id="feature" data-section="feature">
+        <FeatureCardTwentySeven
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          title="Our Craftsmanship"
+          description="Built on years of professional experience."
+          features={[
+            { id: "a1", title: "Meet the Team", descriptions: ["Fully certified.", "Extremely professional."], imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-with-adjustable-wrench-hand-isolated-orange-wall_141793-16007.jpg" },
+            { id: "a2", title: "Quality Promise", descriptions: ["Unmatched quality control.", "Guaranteed work."], imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-isolated-orange-wall_141793-16006.jpg" }
+          ]}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterBase
+          logoText="Rocky's Plumbing"
+          columns={[
+            { title: "Company", items: [ { label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" } ] },
+            { title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" } ] }
+          ]}
+        />
+      </div>
     </ThemeProvider>
   );
 }