From bfbb739bef191c389c9f6089cf79dbdfb5f03301 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 20:34:20 +0000
Subject: [PATCH] Update src/app/about-us/page.tsx

---
 src/app/about-us/page.tsx | 57 +++++++++++++++++++++++++++------------
 1 file changed, 40 insertions(+), 17 deletions(-)

diff --git a/src/app/about-us/page.tsx b/src/app/about-us/page.tsx
index 093d296..6bf25f8 100644
--- a/src/app/about-us/page.tsx
+++ b/src/app/about-us/page.tsx
@@ -1,27 +1,50 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function AboutUsPage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleFullscreen
-        navItems={[
-          { name: "Home", id: "home" },
-          { name: "About", id: "about" },
-          { name: "Features", id: "features" },
-          { name: "Testimonials", id: "testimonials" },
-          { name: "Pricing", href: "/pricing" },
-          { name: "Contact", id: "contact" },
-        ]}
-        brandName="SublimeSites"
-      />
-      <InlineImageSplitTextAbout 
-        heading={[{ type: "text", content: "Crafting digital experiences that grow businesses." }]}
-        useInvertedBackground={false}
-      />
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        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: "Home", id: "/" },
+              { name: "About", id: "/about-us" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="SublimeSites"
+          />
+        </div>
+        <div className="container mx-auto py-20 px-6">
+          <h1 className="text-4xl font-bold mb-6">About Us</h1>
+          <p className="text-lg">We are dedicated to building high-converting websites for local businesses.</p>
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "SublimeSites", items: [{ label: "Home", href: "/" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "/" }] },
+            ]}
+            logoText="SublimeSites"
+            copyrightText="© 2025 | SublimeSites"
+          />
+        </div>
+      </ReactLenis>
     </ThemeProvider>
   );
 }
\ No newline at end of file