Add src/app/about/page.tsx

src/app/about/page.tsx

@@ -0,0 +1,36 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Menu", id: "/#menu" },
+            { name: "Events", id: "/events" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="The Table"
+        />
+        <div className="pt-32 pb-20">
+          <TextSplitAbout
+            title="Our Story: Community & Roots"
+            description={[
+              "At The Table, we believe in the power of shared experiences. Founded by local culinary enthusiasts, our cafe serves as a hub for the community to gather over thoughtfully sourced, farm-to-table meals.",              "We are proudly women-owned and dedicated to supporting small, local producers. Every partnership we build ensures that we not only provide fresh, sustainable ingredients but also empower local entrepreneurs who share our vision for quality and integrity.",              "Join us in celebrating the local spirit, one plate at a time."
+            ]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <FooterCard logoText="The Table" copyrightText="© 2025 The Table Restaurant" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}