diff --git a/src/App.tsx b/src/App.tsx
index 8b375f8..a0d9955 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,145 +1,10 @@
-"use client";
+import { Routes, Route } from 'react-router-dom';
+import HomePage from '@/pages/HomePage';
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarFloatingLogo from '@/components/ui/NavbarFloatingLogo';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
-import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';
-import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
-import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
-import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FooterBrand from '@/components/sections/footer/FooterBrand';
-
-export default function LandingPage() {
+export default function App() {
   return (
-    <ThemeProvider 
-      defaultButtonVariant="solid"
-      defaultTextAnimation="slide-up"
-      borderRadius="soft"
-      contentWidth="small"
-    >
-      <div id="nav" data-section="nav" data-webild-component="NavbarFloatingLogo" data-webild-component-path="@/components/ui/NavbarFloatingLogo">
-        <NavbarFloatingLogo 
-          logo="PROWEB" 
-          logoImageSrc="http://img.b2bpic.net/free-photo/location-map-direction-right-side_187299-45230.jpg" 
-          navItems={[{ name: "Features", href: "#features" }, { name: "Pricing", href: "#pricing" }, { name: "FAQ", href: "#faq" }]} 
-          ctaButton={{ text: "Get Started", href: "#contact" }}
-        />
-      </div>
-
-      <div id="hero" data-section="hero" data-webild-component="HeroSplit" data-webild-component-path="@/components/sections/hero/HeroSplit">
-        <HeroSplit 
-          tag="High-Performance Digital Solutions" 
-          title="Build Your Digital Presence at Lightning Speed" 
-          description="PROWEB delivers 100% customized, high-conversion websites optimized for your business needs. Get professional results, fast." 
-          primaryButton={{ text: "Choose Your Plan", href: "#pricing" }} 
-          secondaryButton={{ text: "Contact Us", href: "#contact" }} 
-          imageSrc="http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg"
-        />
-      </div>
-
-      <div id="features" data-section="features" data-webild-component="FeaturesRevealCards" data-webild-component-path="@/components/sections/features/FeaturesRevealCards">
-        <FeaturesRevealCards 
-          tag="Why PROWEB?" 
-          title="Built for Growth & Conversion" 
-          description="We combine technology with design to ensure your website isn't just an asset, but a growth engine." 
-          items={[
-            { title: "Speed to Market", description: "We streamline development workflows to deliver functional, professional websites in record time.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-backdrop-bright-multi-colored-pattern-design-generated-by-ai_188544-15566.jpg" }, 
-            { title: "Conversion Optimized", description: "Strategic UI/UX design backed by data to turn visitors into paying customers efficiently.", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg" },
-            { title: "100% Custom Tailored", description: "No templates here. Every aspect of your site is designed to reflect your specific brand identity.", imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg" }
-          ]} 
-        />
-      </div>
-
-      <div id="bento" data-section="bento" data-webild-component="FeaturesImageBento" data-webild-component-path="@/components/sections/features/FeaturesImageBento">
-        <FeaturesImageBento 
-          tag="Our Expertise" 
-          title="Tailored Solutions for Every Business" 
-          description="From landing pages to complex enterprise platforms, we cover every digital need." 
-          items={[
-            { title: "Responsive Design", description: "Perfect across all devices.", imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-sales-landing-page_23-2150848281.jpg" },
-            { title: "SEO Optimized", description: "Built for visibility.", imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201858.jpg" },
-            { title: "CRM Integration", description: "Seamless data flows.", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-tablet-with-icons_1134-90.jpg" },
-            { title: "E-commerce Engine", description: "High-converting storefronts.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979689.jpg" },
-            { title: "UI/UX Audits", description: "Expert improvement.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-email-icon-with-two-messages_1134-66.jpg" },
-            { title: "Security First", description: "Robust architecture.", imageSrc: "http://img.b2bpic.net/free-vector/isometric-ui-ux-landing-page-template_52683-67971.jpg" },
-            { title: "Performance Tuning", description: "Ultra-fast load times.", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-clean-gradient-background_9975-133640.jpg" }
-          ]} 
-        />
-      </div>
-
-      <div id="pricing" data-section="pricing" data-webild-component="PricingSimpleCards" data-webild-component-path="@/components/sections/pricing/PricingSimpleCards">
-        <PricingSimpleCards 
-          tag="Choose Your Starting Point" 
-          title="Transparent Pricing for Growth" 
-          description="Choose the package that aligns with your current growth phase, or reach out for custom enterprise needs." 
-          plans={[
-            { tag: "Freelancer", price: "€ 500.00", description: "Perfect for individual pros and startups getting started.", features: ["Website Creation", "Full assistance during process", "Full customization"] },
-            { tag: "Business", price: "€ 1500.00", description: "Scale your operations with advanced support.", features: ["Website Creation", "Full assistance during process", "Yearly assistance", "Full customization"] },
-            { tag: "Enterprise", price: "€ 3000.00", description: "The ultimate solution for high-growth businesses.", features: ["Website Creation", "Full assistance during process", "Yearly assistance", "E-commerce creation", "Full customization"] }
-          ]} 
-        />
-      </div>
-
-      <div id="testimonials" data-section="testimonials" data-webild-component="TestimonialQuoteCards" data-webild-component-path="@/components/sections/testimonial/TestimonialQuoteCards">
-        <TestimonialQuoteCards 
-          tag="Client Results" 
-          title="Proven Success Stories" 
-          description="Hear from companies that accelerated their digital presence with PROWEB." 
-          testimonials={[
-            { name: "Alex Rivers", role: "Creative Director", quote: "PROWEB delivered our site in weeks, not months. The conversion boost was immediate.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg" },
-            { name: "Sarah Miller", role: "CEO", quote: "Their custom approach allowed us to differentiate our brand in a crowded market.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167413.jpg" },
-            { name: "David Chen", role: "Marketing Lead", quote: "Fast, professional, and reliable support. Couldn't ask for a better agency.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-laptops-meeting_53876-25055.jpg" },
-            { name: "Elena Rossi", role: "E-commerce Owner", quote: "The enterprise package was perfect for our expansion plans. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg" },
-            { name: "Markus Thorne", role: "Founder", quote: "Responsive and creative. Exactly what our company needed.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-glasses-showing-okay-hand-sign-sitting-with-laptop-cafe-working-remotely-recommends-coworking-space_1258-314260.jpg" }
-          ]} 
-        />
-      </div>
-
-      <div id="faq" data-section="faq" data-webild-component="FaqTwoColumn" data-webild-component-path="@/components/sections/faq/FaqTwoColumn">
-        <FaqTwoColumn 
-          tag="Common Questions" 
-          title="Everything You Need to Know" 
-          description="Find answers to your questions about our development process, timeline, and support packages." 
-          items={[
-            { question: "What if the standard packages don't fit my needs?", answer: "We offer a FULL CUSTOMIZE SERVICE with pricing available upon request to accommodate unique complex requirements." },
-            { question: "What is the typical turnaround time?", answer: "We pride ourselves on speed. Timelines depend on the project scope, but we always prioritize efficiency." },
-            { question: "Is assistance included after launch?", answer: "Yes, our Business and Enterprise packages include dedicated yearly assistance to keep your site updated." },
-            { question: "How does the customization work?", answer: "We perform a deep dive into your brand before starting, ensuring every pixel aligns with your vision." }
-          ]} 
-        />
-      </div>
-
-      <div id="social" data-section="social" data-webild-component="SocialProofMarquee" data-webild-component-path="@/components/sections/social-proof/SocialProofMarquee">
-        <SocialProofMarquee 
-          tag="Trusted By" 
-          title="Growing Businesses Worldwide" 
-          description="Collaborating with innovators to deliver exceptional results." 
-          names={["AlphaTech", "GlobalGrowth", "DesignStudio", "RetailNow", "InnovateCore", "CreativePath", "FutureReady"]}
-        />
-      </div>
-
-      <div id="contact" data-section="contact" data-webild-component="ContactCta" data-webild-component-path="@/components/sections/contact/ContactCta">
-        <ContactCta 
-          tag="Get Started Today" 
-          text="Ready to transform your digital strategy? Contact us today for a consultation." 
-          primaryButton={{ text: "Book a Consultation", href: "#" }} 
-          secondaryButton={{ text: "Contact Support", href: "#" }}
-        />
-      </div>
-
-      <div id="footer" data-section="footer" data-webild-component="FooterBrand" data-webild-component-path="@/components/sections/footer/FooterBrand">
-        <FooterBrand 
-          brand="PROWEB" 
-          columns={[
-            { items: [{ label: "Home", href: "/" }, { label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
-            { items: [{ label: "Enterprise Custom", href: "#contact" }, { label: "Support", href: "#faq" }, { label: "Privacy Policy", href: "#" }] },
-            { items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }, { label: "Instagram", href: "#" }] }
-          ]}
-        />
-      </div>
-    </ThemeProvider>
+    <Routes>
+      <Route path="/" element={<HomePage />} />
+    </Routes>
   );
 }
\ No newline at end of file
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index a3e7160..072b87e 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,22 +1,146 @@
-import NavbarCentered from "@/components/ui/NavbarCentered";
-import { routes } from "@/routes";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarFloatingLogo from '@/components/ui/NavbarFloatingLogo';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
+import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';
+import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
+import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
+import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import FooterBrand from '@/components/sections/footer/FooterBrand';
 
-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>
-  );
-};
+    <ThemeProvider 
+      defaultButtonVariant="gradient"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+    >
+      <div id="nav" data-section="nav" data-webild-component="NavbarFloatingLogo" data-webild-component-path="@/components/ui/NavbarFloatingLogo">
+        <NavbarFloatingLogo 
+          logo="PROWEB" 
+          logoImageSrc="http://img.b2bpic.net/free-photo/location-map-direction-right-side_187299-45230.jpg" 
+          navItems={[{ name: "Features", href: "#features" }, { name: "Pricing", href: "#pricing" }, { name: "FAQ", href: "#faq" }]} 
+          ctaButton={{ text: "Get Started", href: "#contact" }}
+        />
+      </div>
 
-export default HomePage;
+      <div id="hero" data-section="hero" data-webild-component="HeroSplit" data-webild-component-path="@/components/sections/hero/HeroSplit">
+        <HeroSplit 
+          tag="High-Performance Digital Solutions" 
+          title="Build Your Digital Presence at Lightning Speed" 
+          description="PROWEB delivers 100% customized, high-conversion websites optimized for your business needs. Get professional results, fast." 
+          primaryButton={{ text: "Choose Your Plan", href: "#pricing" }} 
+          secondaryButton={{ text: "Contact Us", href: "#contact" }} 
+          imageSrc="http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg"
+        />
+      </div>
+
+      <div id="features" data-section="features" data-webild-component="FeaturesRevealCards" data-webild-component-path="@/components/sections/features/FeaturesRevealCards">
+        <FeaturesRevealCards 
+          tag="Why PROWEB?" 
+          title="Built for Growth & Conversion" 
+          description="We combine technology with design to ensure your website isn't just an asset, but a growth engine." 
+          items={[
+            { title: "Speed to Market", description: "We streamline development workflows to deliver functional, professional websites in record time.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-backdrop-bright-multi-colored-pattern-design-generated-by-ai_188544-15566.jpg" }, 
+            { title: "Conversion Optimized", description: "Strategic UI/UX design backed by data to turn visitors into paying customers efficiently.", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg" },
+            { title: "100% Custom Tailored", description: "No templates here. Every aspect of your site is designed to reflect your specific brand identity.", imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg" }
+          ]} 
+        />
+      </div>
+
+      <div id="bento" data-section="bento" data-webild-component="FeaturesImageBento" data-webild-component-path="@/components/sections/features/FeaturesImageBento">
+        <FeaturesImageBento 
+          tag="Our Expertise" 
+          title="Tailored Solutions for Every Business" 
+          description="From landing pages to complex enterprise platforms, we cover every digital need." 
+          items={[
+            { title: "Responsive Design", description: "Perfect across all devices.", imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-sales-landing-page_23-2150848281.jpg" },
+            { title: "SEO Optimized", description: "Built for visibility.", imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201858.jpg" },
+            { title: "CRM Integration", description: "Seamless data flows.", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-tablet-with-icons_1134-90.jpg" },
+            { title: "E-commerce Engine", description: "High-converting storefronts.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979689.jpg" },
+            { title: "UI/UX Audits", description: "Expert improvement.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-email-icon-with-two-messages_1134-66.jpg" },
+            { title: "Security First", description: "Robust architecture.", imageSrc: "http://img.b2bpic.net/free-vector/isometric-ui-ux-landing-page-template_52683-67971.jpg" },
+            { title: "Performance Tuning", description: "Ultra-fast load times.", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-clean-gradient-background_9975-133640.jpg" }
+          ]} 
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing" data-webild-component="PricingSimpleCards" data-webild-component-path="@/components/sections/pricing/PricingSimpleCards">
+        <PricingSimpleCards 
+          tag="Choose Your Starting Point" 
+          title="Transparent Pricing for Growth" 
+          description="Choose the package that aligns with your current growth phase, or reach out for custom enterprise needs." 
+          plans={[
+            { tag: "Freelancer", price: "€ 500.00", description: "Perfect for individual pros and startups getting started.", features: ["Website Creation", "Full assistance during process", "Full customization"] },
+            { tag: "Business", price: "€ 1500.00", description: "Scale your operations with advanced support.", features: ["Website Creation", "Full assistance during process", "Yearly assistance", "Full customization"] },
+            { tag: "Enterprise", price: "€ 3000.00", description: "The ultimate solution for high-growth businesses.", features: ["Website Creation", "Full assistance during process", "Yearly assistance", "E-commerce creation", "Full customization"] }
+          ]} 
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials" data-webild-component="TestimonialQuoteCards" data-webild-component-path="@/components/sections/testimonial/TestimonialQuoteCards">
+        <TestimonialQuoteCards 
+          tag="Client Results" 
+          title="Proven Success Stories" 
+          description="Hear from companies that accelerated their digital presence with PROWEB." 
+          testimonials={[
+            { name: "Alex Rivers", role: "Creative Director", quote: "PROWEB delivered our site in weeks, not months. The conversion boost was immediate.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg" },
+            { name: "Sarah Miller", role: "CEO", quote: "Their custom approach allowed us to differentiate our brand in a crowded market.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167413.jpg" },
+            { name: "David Chen", role: "Marketing Lead", quote: "Fast, professional, and reliable support. Couldn't ask for a better agency.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-laptops-meeting_53876-25055.jpg" },
+            { name: "Elena Rossi", role: "E-commerce Owner", quote: "The enterprise package was perfect for our expansion plans. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg" },
+            { name: "Markus Thorne", role: "Founder", quote: "Responsive and creative. Exactly what our company needed.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-glasses-showing-okay-hand-sign-sitting-with-laptop-cafe-working-remotely-recommends-coworking-space_1258-314260.jpg" }
+          ]} 
+        />
+      </div>
+
+      <div id="faq" data-section="faq" data-webild-component="FaqTwoColumn" data-webild-component-path="@/components/sections/faq/FaqTwoColumn">
+        <FaqTwoColumn 
+          tag="Common Questions" 
+          title="Everything You Need to Know" 
+          description="Find answers to your questions about our development process, timeline, and support packages." 
+          items={[
+            { question: "What if the standard packages don't fit my needs?", answer: "We offer a FULL CUSTOMIZE SERVICE with pricing available upon request to accommodate unique complex requirements." },
+            { question: "What is the typical turnaround time?", answer: "We pride ourselves on speed. Timelines depend on the project scope, but we always prioritize efficiency." },
+            { question: "Is assistance included after launch?", answer: "Yes, our Business and Enterprise packages include dedicated yearly assistance to keep your site updated." },
+            { question: "How does the customization work?", answer: "We perform a deep dive into your brand before starting, ensuring every pixel aligns with your vision." }
+          ]} 
+        />
+      </div>
+
+      <div id="social" data-section="social" data-webild-component="SocialProofMarquee" data-webild-component-path="@/components/sections/social-proof/SocialProofMarquee">
+        <SocialProofMarquee 
+          tag="Trusted By" 
+          title="Growing Businesses Worldwide" 
+          description="Collaborating with innovators to deliver exceptional results." 
+          names={["AlphaTech", "GlobalGrowth", "DesignStudio", "RetailNow", "InnovateCore", "CreativePath", "FutureReady"]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact" data-webild-component="ContactCta" data-webild-component-path="@/components/sections/contact/ContactCta">
+        <ContactCta 
+          tag="Get Started Today" 
+          text="Ready to transform your digital strategy? Contact us today for a consultation." 
+          primaryButton={{ text: "Book a Consultation", href: "#" }} 
+          secondaryButton={{ text: "Contact Support", href: "#" }}
+        />
+      </div>
+
+      <div id="footer" data-section="footer" data-webild-component="FooterBrand" data-webild-component-path="@/components/sections/footer/FooterBrand">
+        <FooterBrand 
+          brand="PROWEB" 
+          columns={[
+            { items: [{ label: "Home", href: "/" }, { label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+            { items: [{ label: "Enterprise Custom", href: "#contact" }, { label: "Support", href: "#faq" }, { label: "Privacy Policy", href: "#" }] },
+            { items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }, { label: "Instagram", href: "#" }] }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file