diff --git a/src/App.tsx b/src/App.tsx
index 52db96f..09763ab 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,316 +1,10 @@
-import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSimple from '@/components/sections/faq/FaqSimple';
-import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
-import FooterBasic from '@/components/sections/footer/FooterBasic';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
-import NavbarCentered from '@/components/ui/NavbarCentered';
-import ProductRatingCards from '@/components/sections/product/ProductRatingCards';
-import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
-import TestimonialDetailedCards from '@/components/sections/testimonial/TestimonialDetailedCards';
-import { Coffee, Heart, Leaf } from "lucide-react";
+import { Routes, Route } from 'react-router-dom';
+import HomePage from './pages/HomePage';
 
 export default function App() {
   return (
-    <>
-  <div id="nav" data-section="nav">
-      <NavbarCentered
-      logo="Brew & Bean"
-      navItems={[
-        {
-          name: "About",
-          href: "#about",
-        },
-        {
-          name: "Menu",
-          href: "#products",
-        },
-        {
-          name: "Testimonials",
-          href: "#testimonials",
-        },
-        {
-          name: "Contact",
-          href: "#contact",
-        },
-      ]}
-      ctaButton={{
-        text: "Order Online",
-        href: "#contact",
-      }}
-    />
-  </div>
-
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      tag="Crafted with Passion"
-      title="Welcome to Your Morning Ritual"
-      description="Premium ethically sourced beans roasted daily for the perfect cup."
-      primaryButton={{
-        text: "View Menu",
-        href: "#products",
-      }}
-      secondaryButton={{
-        text: "Visit Us",
-        href: "#contact",
-      }}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jc2psu"
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <AboutFeaturesSplit
-      tag="Our Story"
-      title="From Seed to Sip"
-      description="We believe coffee is more than a drink; it's a connection. We work directly with small-lot farms to ensure every bean tells a story."
-      items={[
-        {
-          icon: Coffee,
-          title: "Artisan Roasting",
-          description: "Small batches roasted to perfection.",
-        },
-        {
-          icon: Leaf,
-          title: "Sustainable Sourcing",
-          description: "Kind to farmers and the earth.",
-        },
-        {
-          icon: Heart,
-          title: "Community Focus",
-          description: "A neighborhood hub for everyone.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qfp8lx"
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeaturesTaggedCards
-      tag="Why Us"
-      title="A Coffee Experience"
-      description="More than just caffeine, we provide an escape from the ordinary."
-      items={[
-        {
-          tag: "Fresh",
-          title: "Daily Baked Goods",
-          description: "Fresh pastries every morning.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1wwv8o",
-        },
-        {
-          tag: "Expert",
-          title: "Master Baristas",
-          description: "Precision pouring guaranteed.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo0uky",
-        },
-        {
-          tag: "Cozy",
-          title: "Relaxing Ambiance",
-          description: "Your third space away from home.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ougt3o",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="products" data-section="products">
-      <ProductRatingCards
-      tag="Menu"
-      title="Our Signature Brews"
-      description="Explore our favorite drinks."
-      products={[
-        {
-          brand: "Brew & Bean",
-          name: "Signature Iced Latte",
-          price: "$5.50",
-          rating: 5,
-          reviewCount: "124",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aw438x",
-        },
-        {
-          brand: "Brew & Bean",
-          name: "Classic Espresso",
-          price: "$3.25",
-          rating: 5,
-          reviewCount: "89",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ttre13",
-        },
-        {
-          brand: "Brew & Bean",
-          name: "Americano",
-          price: "$3.75",
-          rating: 4,
-          reviewCount: "45",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7oaj0s",
-        },
-        {
-          brand: "Brew & Bean",
-          name: "Mocha Bliss",
-          price: "$6.00",
-          rating: 5,
-          reviewCount: "72",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=olrzdu",
-        },
-        {
-          brand: "Brew & Bean",
-          name: "Flat White",
-          price: "$4.50",
-          rating: 5,
-          reviewCount: "56",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7ydafk",
-        },
-        {
-          brand: "Brew & Bean",
-          name: "Dirty Chai",
-          price: "$6.25",
-          rating: 4,
-          reviewCount: "38",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f3qptl",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialDetailedCards
-      tag="Testimonials"
-      title="Loved by Locals"
-      description="Hear what our regulars have to say."
-      testimonials={[
-        {
-          title: "Best in town!",
-          quote: "The signature lattes are simply unmatched. A true highlight of my day.",
-          name: "Sarah Miller",
-          role: "Graphic Designer",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z3nccb",
-        },
-        {
-          title: "My morning ritual",
-          quote: "Fantastic service and a wonderful vibe. I come here every morning.",
-          name: "James Chen",
-          role: "Software Engineer",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fffc9y",
-        },
-        {
-          title: "Great place to study",
-          quote: "The ambiance is perfect for getting work done without noise.",
-          name: "Emily Davis",
-          role: "Student",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eilhgu",
-        },
-        {
-          title: "So welcoming",
-          quote: "Always friendly staff, feels like a second home.",
-          name: "Robert Wilson",
-          role: "Writer",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g0xhy2",
-        },
-        {
-          title: "Perfect roasting",
-          quote: "You can really taste the quality in the beans.",
-          name: "Anna Brown",
-          role: "Artist",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7mjvx3",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofMarquee
-      tag="Partners"
-      title="Locally Sourced & Loved"
-      description="Proudly supporting local partners."
-      names={[
-        "Bean & Leaf",
-        "Urban Flour Bakery",
-        "Roast Master Pro",
-        "Daily Grind",
-        "Steam & Crema",
-        "Organic Harvest",
-        "The Cafe Co",
-      ]}
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSimple
-      tag="Questions"
-      title="Frequently Asked"
-      description="Have questions? We have answers."
-      items={[
-        {
-          question: "Are you open on weekends?",
-          answer: "Yes, we are open 7 days a week from 7am to 7pm.",
-        },
-        {
-          question: "Do you offer non-dairy milk?",
-          answer: "Yes, we offer oat, almond, and soy milk at no extra charge.",
-        },
-        {
-          question: "Can I pre-order online?",
-          answer: "Yes, you can order ahead on our mobile app.",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      tag="Visit Us"
-      title="Get In Touch"
-      description="Drop by for a cup or join our newsletter."
-      inputPlaceholder="Enter your email address"
-      buttonText="Subscribe"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBasic
-      columns={[
-        {
-          title: "Brew & Bean",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Social",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      leftText="© 2024 Brew & Bean."
-      rightText="Crafted with passion in the city."
-    />
-  </div>
-    </>
+    <Routes>
+      <Route path="/" element={<HomePage />} />
+    </Routes>
   );
 }
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index a3e7160..3d2353c 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,22 +1,318 @@
-import NavbarCentered from "@/components/ui/NavbarCentered";
-import { routes } from "@/routes";
+import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FaqSimple from '@/components/sections/faq/FaqSimple';
+import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
+import FooterBasic from '@/components/sections/footer/FooterBasic';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import NavbarCentered from '@/components/ui/NavbarCentered';
+import ProductRatingCards from '@/components/sections/product/ProductRatingCards';
+import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
+import TestimonialDetailedCards from '@/components/sections/testimonial/TestimonialDetailedCards';
+import { Coffee, Heart, Leaf } from "lucide-react";
 
-const HomePage = () => {
+export default function HomePage() {
   return (
-    <div className="min-h-screen bg-background">
-      <NavbarCentered
-        logo="Logo"
-        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
-        ctaButton={{ text: "Get Started", href: "#" }}
-      />
-      <main className="pt-20 flex flex-col items-center justify-center min-h-[80vh] px-4">
-        <h1 className="text-4xl font-bold text-foreground mb-4">Welcome</h1>
-        <p className="text-lg text-muted-foreground max-w-xl text-center">
-          Your website content will appear here.
-        </p>
-      </main>
-    </div>
-  );
-};
 
-export default HomePage;
+    <>
+  <div id="nav" data-section="nav">
+      <NavbarCentered
+      logo="Brew & Bean"
+      navItems={[
+        {
+          name: "About",
+          href: "#about",
+        },
+        {
+          name: "Menu",
+          href: "#products",
+        },
+        {
+          name: "Testimonials",
+          href: "#testimonials",
+        },
+        {
+          name: "Contact",
+          href: "#contact",
+        },
+      ]}
+      ctaButton={{
+        text: "Order Online",
+        href: "#contact",
+      }}
+    />
+  </div>
+
+  <div id="hero" data-section="hero">
+      <HeroOverlay
+      tag="Crafted with Passion"
+      title="Welcome to Your Morning Ritual"
+      description="Premium ethically sourced beans roasted daily for the perfect cup."
+      primaryButton={{
+        text: "View Menu",
+        href: "#products",
+      }}
+      secondaryButton={{
+        text: "Visit Us",
+        href: "#contact",
+      }}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jc2psu"
+    />
+  </div>
+
+  <div id="about" data-section="about">
+      <AboutFeaturesSplit
+      tag="Our Story"
+      title="From Seed to Sip"
+      description="We believe coffee is more than a drink; it's a connection. We work directly with small-lot farms to ensure every bean tells a story."
+      items={[
+        {
+          icon: Coffee,
+          title: "Artisan Roasting",
+          description: "Small batches roasted to perfection.",
+        },
+        {
+          icon: Leaf,
+          title: "Sustainable Sourcing",
+          description: "Kind to farmers and the earth.",
+        },
+        {
+          icon: Heart,
+          title: "Community Focus",
+          description: "A neighborhood hub for everyone.",
+        },
+      ]}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qfp8lx"
+    />
+  </div>
+
+  <div id="features" data-section="features">
+      <FeaturesTaggedCards
+      tag="Why Us"
+      title="A Coffee Experience"
+      description="More than just caffeine, we provide an escape from the ordinary."
+      items={[
+        {
+          tag: "Fresh",
+          title: "Daily Baked Goods",
+          description: "Fresh pastries every morning.",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1wwv8o",
+        },
+        {
+          tag: "Expert",
+          title: "Master Baristas",
+          description: "Precision pouring guaranteed.",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo0uky",
+        },
+        {
+          tag: "Cozy",
+          title: "Relaxing Ambiance",
+          description: "Your third space away from home.",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ougt3o",
+        },
+      ]}
+    />
+  </div>
+
+  <div id="products" data-section="products">
+      <ProductRatingCards
+      tag="Menu"
+      title="Our Signature Brews"
+      description="Explore our favorite drinks."
+      products={[
+        {
+          brand: "Brew & Bean",
+          name: "Signature Iced Latte",
+          price: "$5.50",
+          rating: 5,
+          reviewCount: "124",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aw438x",
+        },
+        {
+          brand: "Brew & Bean",
+          name: "Classic Espresso",
+          price: "$3.25",
+          rating: 5,
+          reviewCount: "89",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ttre13",
+        },
+        {
+          brand: "Brew & Bean",
+          name: "Americano",
+          price: "$3.75",
+          rating: 4,
+          reviewCount: "45",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7oaj0s",
+        },
+        {
+          brand: "Brew & Bean",
+          name: "Mocha Bliss",
+          price: "$6.00",
+          rating: 5,
+          reviewCount: "72",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=olrzdu",
+        },
+        {
+          brand: "Brew & Bean",
+          name: "Flat White",
+          price: "$4.50",
+          rating: 5,
+          reviewCount: "56",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7ydafk",
+        },
+        {
+          brand: "Brew & Bean",
+          name: "Dirty Chai",
+          price: "$6.25",
+          rating: 4,
+          reviewCount: "38",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f3qptl",
+        },
+      ]}
+    />
+  </div>
+
+  <div id="testimonials" data-section="testimonials">
+      <TestimonialDetailedCards
+      tag="Testimonials"
+      title="Loved by Locals"
+      description="Hear what our regulars have to say."
+      testimonials={[
+        {
+          title: "Best in town!",
+          quote: "The signature lattes are simply unmatched. A true highlight of my day.",
+          name: "Sarah Miller",
+          role: "Graphic Designer",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z3nccb",
+        },
+        {
+          title: "My morning ritual",
+          quote: "Fantastic service and a wonderful vibe. I come here every morning.",
+          name: "James Chen",
+          role: "Software Engineer",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fffc9y",
+        },
+        {
+          title: "Great place to study",
+          quote: "The ambiance is perfect for getting work done without noise.",
+          name: "Emily Davis",
+          role: "Student",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eilhgu",
+        },
+        {
+          title: "So welcoming",
+          quote: "Always friendly staff, feels like a second home.",
+          name: "Robert Wilson",
+          role: "Writer",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g0xhy2",
+        },
+        {
+          title: "Perfect roasting",
+          quote: "You can really taste the quality in the beans.",
+          name: "Anna Brown",
+          role: "Artist",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7mjvx3",
+        },
+      ]}
+    />
+  </div>
+
+  <div id="social-proof" data-section="social-proof">
+      <SocialProofMarquee
+      tag="Partners"
+      title="Locally Sourced & Loved"
+      description="Proudly supporting local partners."
+      names={[
+        "Bean & Leaf",
+        "Urban Flour Bakery",
+        "Roast Master Pro",
+        "Daily Grind",
+        "Steam & Crema",
+        "Organic Harvest",
+        "The Cafe Co",
+      ]}
+    />
+  </div>
+
+  <div id="faq" data-section="faq">
+      <FaqSimple
+      tag="Questions"
+      title="Frequently Asked"
+      description="Have questions? We have answers."
+      items={[
+        {
+          question: "Are you open on weekends?",
+          answer: "Yes, we are open 7 days a week from 7am to 7pm.",
+        },
+        {
+          question: "Do you offer non-dairy milk?",
+          answer: "Yes, we offer oat, almond, and soy milk at no extra charge.",
+        },
+        {
+          question: "Can I pre-order online?",
+          answer: "Yes, you can order ahead on our mobile app.",
+        },
+      ]}
+    />
+  </div>
+
+  <div id="contact" data-section="contact">
+      <ContactCenter
+      tag="Visit Us"
+      title="Get In Touch"
+      description="Drop by for a cup or join our newsletter."
+      inputPlaceholder="Enter your email address"
+      buttonText="Subscribe"
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterBasic
+      columns={[
+        {
+          title: "Brew & Bean",
+          items: [
+            {
+              label: "About",
+              href: "#about",
+            },
+            {
+              label: "Menu",
+              href: "#products",
+            },
+          ],
+        },
+        {
+          title: "Social",
+          items: [
+            {
+              label: "Instagram",
+              href: "#",
+            },
+            {
+              label: "Twitter",
+              href: "#",
+            },
+          ],
+        },
+        {
+          title: "Legal",
+          items: [
+            {
+              label: "Privacy Policy",
+              href: "#",
+            },
+            {
+              label: "Terms of Service",
+              href: "#",
+            },
+          ],
+        },
+      ]}
+      leftText="© 2024 Brew & Bean."
+      rightText="Crafted with passion in the city."
+    />
+  </div>
+    </>
+  
+  );
+}