Add src/app/about/page.tsx

src/app/about/page.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import ReactLenis from "lenis/react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+            navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/#features" }, { name: "Projects", id: "/portfolio" }, { name: "Quote", id: "/pricing" }, { name: "Contact", id: "/#contact" }]}
+            brandName="DC Contracting"
+        />
+        <MetricSplitMediaAbout
+            title="About DC Contracting"
+            description="We have been building quality homes for over 20 years."
+            metrics={[{ value: "20+", title: "Years Exp" }, { value: "500+", title: "Projects" }]}
+            useInvertedBackground={false}
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+        />
+        <FooterMedia
+            logoText="DC Contracting"
+            columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Portfolio", href: "/portfolio" }] }, { title: "Support", items: [{ label: "Quote", href: "/pricing" }, { label: "Contact", href: "/#contact" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}