Add src/app/about/page.tsx

src/app/about/page.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline navItems={[{name: "Home", id: "/"}, {name: "Blog/Vlog", id: "/blog"}, {name: "Recipes", id: "/recipes"}, {name: "About", id: "/about"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="Lumiere" />
+        <div className="min-h-screen pt-32 pb-20 px-6 max-w-4xl mx-auto">
+            <h1 className="text-4xl font-bold mb-8">About Us</h1>
+            <p>We are a passionate team dedicated to sharing high-quality content and clean beauty.</p>
+        </div>
+        <FooterLogoEmphasis columns={[]} logoText="Lumiere" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}