diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..05303be
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import { Award, Coffee, Heart } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="blurBottom"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+            ]}
+            brandName="MeetGreek Haar"
+            button={{ text: "Order Now", href: "#" }}
+          />
+        </div>
+
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="A Women-Led Cafe Experience"
+            metrics={[
+              { icon: Coffee, label: "Coffee Varieties", value: "15+" },
+              { icon: Heart, label: "Customer Satisfaction", value: "100%" },
+              { icon: Award, label: "Authentic Treats", value: "10+" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
+            ]}
+            logoText="MeetGreek Haar"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f4a18a8..2b80550 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,17 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Award, Coffee, Heart, Smile, Utensils } from "lucide-react";
+import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function LandingPage() {
   return (
@@ -33,12 +25,10 @@ export default function LandingPage() {
           <NavbarLayoutFloatingInline
             navItems={[
               { name: "Home", id: "/" },
-              { name: "About", id: "#about" },
-              { name: "Menu", id: "#menu" },
-              { name: "Contact", id: "#contact" },
+              { name: "About", id: "/about" },
             ]}
             brandName="MeetGreek Haar"
-            button={{ text: "Order Now", href: "#menu" }}
+            button={{ text: "Order Now", href: "#" }}
           />
         </div>
 
@@ -48,7 +38,7 @@ export default function LandingPage() {
             title="Authentic Greek Flavors in the Heart of Haar"
             description="Experience the warmth of Greece with our traditional coffee, handmade tiropita, and sweet pastries. Your cozy escape, right on the main street."
             tag="Welcome to MeetGreek"
-            buttons={[{ text: "View Menu", href: "#menu" }]}
+            buttons={[{ text: "View Menu", href: "#" }]}
             mediaItems={[
               { imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-lot-bread-table_171337-16157.jpg", imageAlt: "Cafe interior" },
               { imageSrc: "http://img.b2bpic.net/free-photo/close-up-vintage-coffee-kettl-with-roasted-beanse_23-2148337147.jpg", imageAlt: "Greek coffee" }
@@ -59,112 +49,10 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="about" data-section="about">
-          <AboutMetric
-            useInvertedBackground={false}
-            title="A Women-Led Cafe Experience"
-            metrics={[
-              { icon: Coffee, label: "Coffee Varieties", value: "15+" },
-              { icon: Heart, label: "Customer Satisfaction", value: "100%" },
-              { icon: Award, label: "Authentic Treats", value: "10+" },
-            ]}
-            metricsAnimation="slide-up"
-          />
-        </div>
-
-        <div id="features" data-section="features">
-          <FeatureBorderGlow
-            animationType="slide-up"
-            textboxLayout="split"
-            useInvertedBackground={false}
-            features={[
-              { icon: Coffee, title: "Authentic Greek Coffee", description: "Hot or cold, our coffee is crafted with traditional techniques." },
-              { icon: Utensils, title: "Handmade Snacks", description: "Freshly baked tiropita and pastries every single day." },
-              { icon: Smile, title: "Friendly Atmosphere", description: "A cozy space led by passionate, welcoming owners." },
-            ]}
-            title="Why Guests Love Us"
-            description="We blend traditional Greek hospitality with high-quality ingredients to create a unique culinary experience."
-          />
-        </div>
-
-        <div id="menu" data-section="menu">
-          <ProductCardOne
-            animationType="slide-up"
-            textboxLayout="default"
-            gridVariant="four-items-2x2-equal-grid"
-            useInvertedBackground={false}
-            products={[
-              { id: "1", name: "Tiropita", price: "4.50 €", imageSrc: "http://img.b2bpic.net/free-photo/tasty-khachapuri-pastries-wooden-basket_114579-83111.jpg" },
-              { id: "2", name: "Baklava", price: "3.80 €", imageSrc: "http://img.b2bpic.net/free-photo/little-yummy-cake-with-delicious-cream-sliced-fresh-grapes-cookies-blue-light-desk_140725-31923.jpg" },
-              { id: "3", name: "Pistachio Croissant", price: "4.20 €", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-spread-with-croissant_23-2148367521.jpg" },
-              { id: "4", name: "Cappuccino", price: "3.50 €", imageSrc: "http://img.b2bpic.net/free-photo/delicious-iced-coffee-table-beans_23-2149600676.jpg" }
-            ]}
-            title="Our Daily Menu"
-            description="Handmade snacks and authentic sweets to brighten your day."
-          />
-        </div>
-
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialCardTen
-            textboxLayout="default"
-            useInvertedBackground={false}
-            testimonials={[
-              { id: "1", title: "Excellent Cafe", quote: "Sehr gutes Café, nette Besitzerin und leckeres Essen!", name: "Anna K.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg" },
-              { id: "2", title: "Traditional Flavors", quote: "Leckere selbstgemachte Snacks und griechische Kleinigkeiten.", name: "Markus D.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/indigenous-man-integrated-into-modern-life_23-2151128169.jpg" },
-              { id: "3", title: "Top Service", quote: "Vielen Dank für den sehr freundlichen Service, war bisher immer top.", name: "Sophie M.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-fresh-baked-croissants_23-2148028057.jpg" }
-            ]}
-            title="What Our Guests Say"
-            description="Hear from our happy regulars and coffee lovers."
-          />
-        </div>
-
-        <div id="metrics" data-section="metrics">
-          <MetricCardTwo
-            animationType="slide-up"
-            textboxLayout="default"
-            gridVariant="uniform-all-items-equal"
-            useInvertedBackground={false}
-            metrics={[
-              { id: "1", value: "45+", description: "Five-star reviews" },
-              { id: "2", value: "100%", description: "Authentic ingredients" },
-              { id: "3", value: "100+", description: "Happy morning coffee orders" },
-            ]}
-            title="MeetGreek in Numbers"
-            description="Trusted by our local community."
-          />
-        </div>
-
-        <div id="faq" data-section="faq">
-          <FaqSplitText
-            useInvertedBackground={false}
-            buttons={[{ text: "Contact Us", href: "#contact" }]}
-            faqs={[
-              { id: "1", title: "Are you LGBTQ+ friendly?", content: "Yes, we are proudly LGBTQ+ friendly and a safe space for everyone." },
-              { id: "2", title: "Do you offer catering?", content: "Yes! We provide authentic Greek treats for small events. Contact us to learn more." },
-              { id: "3", title: "What are your opening hours?", content: "We open Saturday at 08:30 AM. Follow us on Instagram for latest updates." },
-            ]}
-            sideTitle="Frequently Asked Questions"
-            faqsAnimation="slide-up"
-          />
-        </div>
-
-        <div id="contact" data-section="contact">
-          <ContactCTA
-            useInvertedBackground={false}
-            background={{ variant: "plain" }}
-            tag="Visit Us"
-            title="Ready for a Greek Treat?"
-            description="Come visit our cafe on the main street for the best coffee in Haar."
-            buttons={[{ text: "Follow us on Instagram", href: "https://instagram.com" }]}
-          />
-        </div>
-
         <div id="footer" data-section="footer">
           <FooterBase
             columns={[
-              { title: "Menu", items: [{ label: "Drinks", href: "#menu" }, { label: "Snacks", href: "#menu" }] },
-              { title: "Info", items: [{ label: "About Us", href: "#about" }, { label: "Instagram", href: "https://instagram.com" }] },
-              { title: "Contact", items: [{ label: "Visit Us", href: "#contact" }] },
+              { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
             ]}
             logoText="MeetGreek Haar"
           />
@@ -172,4 +60,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file