diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..3874262
--- /dev/null
+++ b/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>
+  );
+}
\ No newline at end of file
diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
new file mode 100644
index 0000000..2e39797
--- /dev/null
+++ b/src/app/menu/page.tsx
@@ -0,0 +1,49 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+
+export default function MenuPage() {
+  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">
+            <ProductCardOne
+                animationType="slide-up"
+                textboxLayout="default"
+                gridVariant="three-columns-all-equal-width"
+                useInvertedBackground={false}
+                products={[
+                    { id: "1", name: "Capricciosa", price: "€16.50", imageSrc: "http://img.b2bpic.net/free-photo/view-vegan-pizza-done-with-vegetables-by-bakery_23-2150195155.jpg" },
+                    { id: "2", name: "Carbonara", price: "€14.90", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-appetizing-pasta-with-shrimps-mushrooms-greens_181624-59472.jpg" },
+                    { id: "3", name: "Salmon", price: "€22.00", imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak-grilled_1339-3582.jpg" },
+                    { id: "4", name: "Margherita", price: "€12.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-dough-slices-with-flour-cream-desk_140725-91104.jpg" },
+                ]}
+                title="Full Menu"
+                description="Everything from the wood oven."
+            />
+        </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2492684..4fc8c70 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,9 +30,9 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
             navItems={[
-              { name: "Home", id: "hero" },
-              { name: "About", id: "about" },
-              { name: "Menu", id: "menu" },
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Menu", id: "/menu" },
               { name: "Gallery", id: "gallery" },
               { name: "Contact", id: "contact" },
             ]}
@@ -48,7 +48,7 @@ export default function LandingPage() {
             tag="Since 1995"
             buttons={[
               { text: "Reserve a Table", href: "#contact" },
-              { text: "Explore Menu", href: "#menu" },
+              { text: "Explore Menu", href: "/menu" },
             ]}
             mediaItems={[
               { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-cutting-pizza-wooden-table_23-2148305681.jpg", imageAlt: "Wood fired pizza" },
@@ -159,7 +159,7 @@ export default function LandingPage() {
             imageSrc="http://img.b2bpic.net/free-photo/italian-chef-is-putting-prepared-margarita-pizza-oven-with-flame-it_613910-3398.jpg"
             logoText="Pizzeria Primavera"
             columns={[
-              { title: "Navigate", items: [{ label: "Menu", href: "#menu" }, { label: "Gallery", href: "#gallery" }] },
+              { title: "Navigate", items: [{ label: "Menu", href: "/menu" }, { label: "Gallery", href: "#gallery" }] },
               { title: "Hours", items: [{ label: "Daily 11:00 - 23:00", href: "#" }] },
             ]}
           />