diff --git a/src/App.tsx b/src/App.tsx
index ffc1643..ebe6a2a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -7,115 +7,13 @@ import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards
 import NavbarCentered from '@/components/ui/NavbarCentered';
 import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
 import TestimonialDetailedCards from '@/components/sections/testimonial/TestimonialDetailedCards';
+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="PrimeStore"
-          navItems={[
-            { name: "Features", href: "#features" },
-            { name: "Metrics", href: "#metrics" },
-            { name: "Testimonials", href: "#testimonials" },
-          ]}
-          ctaButton={{
-            text: "Get Started",            href: "#contact"
-          }}
-        />
-      </div>
-
-      <div id="hero" data-section="hero">
-        <HeroSplit
-          tag="PrimeStore Global"
-          title="Shop the Future of E-Commerce"
-          description="Experience seamless shopping with our state-of-the-art platform. Fast delivery, secure payments, and world-class support all in one place."
-          primaryButton={{ text: "Explore Deals", href: "#features" }}
-          secondaryButton={{ text: "Learn More", href: "#" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/tmp/github-1776396280491-a15e337e.png"
-        />
-      </div>
-
-      <div id="features" data-section="features">
-        <FeaturesStatisticsCards
-          tag="Core Benefits"
-          title="Why PrimeStore Stands Out"
-          description="We offer more than just products; we deliver experiences tailored to your needs."
-          items={[
-            { title: "Global Shipping", description: "Delivering across continents in record time.", label: "Speed", value: "24h" },
-            { title: "Secure Payments", description: "End-to-end encryption for every transaction.", label: "Security", value: "100%" },
-            { title: "24/7 Support", description: "Our experts are always here for you.", label: "Availability", value: "Always" },
-          ]}
-        />
-      </div>
-
-      <div id="metrics" data-section="metrics">
-        <MetricsSimpleCards
-          tag="Our Impact"
-          title="Scale and Growth"
-          description="Reaching millions of customers worldwide with consistent excellence."
-          metrics={[
-            { value: "99%", description: "Satisfied Reviews" },
-            { value: "10M+", description: "Happy Customers" },
-            { value: "500k", description: "Products Shipped" },
-          ]}
-        />
-      </div>
-
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialDetailedCards
-          tag="Testimonials"
-          title="What Our Community Says"
-          description="Read why our customers trust PrimeStore for their shopping needs."
-          testimonials={[
-            { title: "Fast and Reliable", quote: "The fastest delivery I have ever experienced. Simply incredible.", name: "Jane Smith", role: "Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/tmp/yo-yo-yo-okay-shut-up-1776446588512-2630e375.png" },
-            { title: "Secure Shopping", quote: "I feel safe every time I checkout. Highly recommend.", name: "John Doe", role: "Consultant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/a-portrait-of-a-satisfied-customer-moder-1776395461064-3df5095a.png" },
-            { title: "Best Support", quote: "Customer service solved my issue in minutes. Truly professional.", name: "Alice Johnson", role: "Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/a-business-manager-smiling-professional--1776395470808-9f0b952e.png" },
-          ]}
-        />
-      </div>
-
-      <div id="social-proof" data-section="social-proof">
-        <SocialProofMarquee
-          tag="Trusted By"
-          title="Industry Leading Partners"
-          description="Collaborating with global brands to drive innovation."
-          names={["Brand Alpha", "Tech Ventures", "Global Innovations"]}
-        />
-      </div>
-
-      <div id="faq" data-section="faq">
-        <FaqSimple
-          tag="Support"
-          title="Frequently Asked Questions"
-          description="Get quick answers to common questions about our platform."
-          items={[
-            { question: "How long is shipping?", answer: "Standard shipping takes 3-5 business days." },
-            { question: "Can I return items?", answer: "Yes, we offer hassle-free returns within 30 days." },
-          ]}
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactCta
-          tag="Get Started"
-          text="Ready to transform your shopping experience? Join PrimeStore today."
-          primaryButton={{ text: "Start Shopping", href: "#" }}
-          secondaryButton={{ text: "Contact Sales", href: "#" }}
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterSimple
-          brand="PrimeStore"
-          columns={[
-            { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
-            { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Support", href: "#" }] },
-          ]}
-          copyright="© 2024 PrimeStore. All rights reserved."
-          links={[{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }]}
-        />
-      </div>
-    </>
+    <Routes>
+      <Route path="/" element={<HomePage />} />
+    </Routes>
   );
 }
\ No newline at end of file
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
new file mode 100644
index 0000000..08583f5
--- /dev/null
+++ b/src/pages/HomePage.tsx
@@ -0,0 +1,110 @@
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import NavbarCentered from '@/components/ui/NavbarCentered';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import FeaturesStatisticsCards from '@/components/sections/features/FeaturesStatisticsCards';
+import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
+import TestimonialDetailedCards from '@/components/sections/testimonial/TestimonialDetailedCards';
+import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
+import FaqSimple from '@/components/sections/faq/FaqSimple';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function HomePage() {
+  return (
+    <ThemeProvider>
+      <div id="nav" data-section="nav">
+        <NavbarCentered
+          logo="PrimeStore"
+          navItems={[
+            { name: "Home", href: "/" }
+          ]}
+          ctaButton={{ text: "Get Started", href: "#contact" }}
+        />
+      </div>
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          tag="PrimeStore Global"
+          title="Shop the Future of E-Commerce"
+          description="Experience seamless shopping with our state-of-the-art platform."
+          primaryButton={{ text: "Explore Deals", href: "#features" }}
+          secondaryButton={{ text: "Learn More", href: "#" }}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/tmp/github-1776396280491-a15e337e.png"
+        />
+      </div>
+      <div id="features" data-section="features">
+        <FeaturesStatisticsCards
+          tag="Core Benefits"
+          title="Why PrimeStore Stands Out"
+          description="We offer more than just products."
+          items={[
+            { title: "Global Shipping", description: "Delivering across continents.", label: "Speed", value: "24h" },
+            { title: "Secure Payments", description: "End-to-end encryption.", label: "Security", value: "100%" },
+            { title: "24/7 Support", description: "Experts always here.", label: "Availability", value: "Always" }
+          ]}
+        />
+      </div>
+      <div id="metrics" data-section="metrics">
+        <MetricsSimpleCards
+          tag="Our Impact"
+          title="Scale and Growth"
+          description="Reaching millions."
+          metrics={[
+            { value: "99%", description: "Satisfied Reviews" },
+            { value: "10M+", description: "Happy Customers" },
+            { value: "500k", description: "Products Shipped" }
+          ]}
+        />
+      </div>
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialDetailedCards
+          tag="Testimonials"
+          title="What Our Community Says"
+          description="Trusted by many."
+          testimonials={[
+            { title: "Fast and Reliable", quote: "Incredible delivery.", name: "Jane Smith", role: "Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/tmp/yo-yo-yo-okay-shut-up-1776446588512-2630e375.png" },
+            { title: "Secure Shopping", quote: "I feel safe.", name: "John Doe", role: "Consultant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/a-portrait-of-a-satisfied-customer-moder-1776395461064-3df5095a.png" },
+            { title: "Best Support", quote: "Solved in minutes.", name: "Alice Johnson", role: "Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/a-business-manager-smiling-professional--1776395470808-9f0b952e.png" }
+          ]}
+        />
+      </div>
+      <div id="social-proof" data-section="social-proof">
+        <SocialProofMarquee
+          tag="Trusted By"
+          title="Partners"
+          description="Collaborating with global brands."
+          names={["Brand Alpha", "Tech Ventures", "Global Innovations"]}
+        />
+      </div>
+      <div id="faq" data-section="faq">
+        <FaqSimple
+          tag="Support"
+          title="Frequently Asked Questions"
+          description="Quick answers."
+          items={[
+            { question: "How long is shipping?", answer: "3-5 days." },
+            { question: "Can I return items?", answer: "Yes, within 30 days." }
+          ]}
+        />
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactCta
+          tag="Get Started"
+          text="Ready to transform your shopping experience?"
+          primaryButton={{ text: "Start Shopping", href: "#" }}
+          secondaryButton={{ text: "Contact Sales", href: "#" }}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          brand="PrimeStore"
+          columns={[
+            { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+            { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Support", href: "#" }] }
+          ]}
+          copyright="© 2024 PrimeStore. All rights reserved."
+          links={[{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file