Add src/app/about/page.tsx

src/app/about/page.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="small"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="medium"
+    >
+        <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Menu", id: "/menu" },
+              { name: "Gallery", id: "gallery" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Pizzeria Primavera"
+        />
+        <div className="pt-32">
+            <MetricSplitMediaAbout
+                useInvertedBackground={false}
+                title="Our Story"
+                description="Pizzeria Primavera was born out of a passion for authentic Italian flavors. We have been serving the Vienna community since 1995 with heart and tradition."
+                metrics={[
+                    { value: "25+", title: "Years Legacy" },
+                    { value: "100%", title: "Authentic" },
+                    { value: "100k", title: "Pizzas Served" },
+                ]}
+                imageSrc="http://img.b2bpic.net/free-photo/top-view-raw-dough-slices-with-flour-cream-desk_140725-91104.jpg"
+            />
+        </div>
+    </ThemeProvider>
+  );
+}