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>
   );
 }

src/app/page.tsx

@@ -60,9 +60,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Built for Growth"
       metrics={[
-        { icon: Rocket, label: "Projects Launched", value: "150+", id: "1" },
-        { icon: Users, label: "Happy Clients", value: "120+", id: "2" },
-        { icon: TrendingUp, label: "Revenue Growth", value: "40%", id: "3" },
+        { icon: Rocket, label: "Projects Launched", value: "150+" },
+        { icon: Users, label: "Happy Clients", value: "120+" },
+        { icon: TrendingUp, label: "Revenue Growth", value: "40%" },
       ]}
       metricsAnimation="slide-up"
     />