diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index ce67b77..042f169 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,221 +1,70 @@
-import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeaturesBento from '@/components/sections/features/FeaturesBento';
-import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarFloatingLogo from '@/components/ui/NavbarFloatingLogo';
 import HeroBrand from '@/components/sections/hero/HeroBrand';
+import FeaturesBento from '@/components/sections/features/FeaturesBento';
 import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
+import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
+import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
 import PricingCenteredCards from '@/components/sections/pricing/PricingCenteredCards';
 import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
-import { BookOpen, CheckCircle, Clock, GraduationCap, Shield, TrendingUp, User, Zap } from "lucide-react";
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';
 
 export default function HomePage() {
+  const navItems = [
+    { name: "Home", href: "#home" },
+    { name: "Features", href: "#features" },
+    { name: "Metrics", href: "#metrics" },
+    { name: "About", href: "#about" },
+    { name: "Courses", href: "#courses" },
+    { name: "Pricing", href: "#pricing" },
+    { name: "Testimonials", href: "#testimonials" },
+    { name: "FAQ", href: "#faq" },
+    { name: "Contact", href: "#contact" }
+  ];
+
   return (
-    <>
-  <div id="home" data-section="home">
-    <SectionErrorBoundary name="home">
-          <HeroBrand
-      brand="Master Your Future with Elite Education"
-      description="Unlock high-quality courses designed for success. Join thousands of students achieving their academic and professional goals today."
-      primaryButton={{
-        text: "Start Learning",        href: "/auth"}}
-      secondaryButton={{
-        text: "Explore Courses",        href: "#courses"}}
-      imageSrc="http://img.b2bpic.net/free-photo/laptop-headphones-red-background-back-school-concept_169016-39383.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+    <ThemeProvider defaultButtonVariant="gradient" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" 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="EduPlatform"
+          logoImageSrc="http://img.b2bpic.net/free-photo/compass-geometric-icon-drawing-work_53876-144357.jpg"
+          navItems={navItems}
+          ctaButton={{ text: "Get Started", href: "/auth" }}
+        />
+      </div>
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesBento
-      tag="Advanced Ecosystem"
-      title="Built for Student Excellence"
-      description="Powerful tools and intuitive design, creating an unmatched learning environment."
-      features={[
-        {
-          title: "Analytics Dashboard",          description: "Track every lesson and gain insights.",          bentoComponent: "animated-bar-chart"},
-        {
-          title: "Learning Progress",          description: "Seamlessly track your daily goals.",          bentoComponent: "info-card-marquee",          infoCards: [
-            {
-              icon: "CheckCircle",              label: "Completed",              value: "120+"},
-            {
-              icon: "Clock",              label: "Hours",              value: "500+"},
-            {
-              icon: "TrendingUp",              label: "Score",              value: "98%"},
-          ],
-        },
-        {
-          title: "Interactive Content",          description: "Engage with lessons through live chat.",          bentoComponent: "chat-marquee",          aiIcon: "GraduationCap",          userIcon: "User",          exchanges: [
-            {
-              userMessage: "How to approach this lesson?",              aiResponse: "Focus on the key terminology first."},
-            {
-              userMessage: "Is there a quiz?",              aiResponse: "Yes, available after this chapter."},
-          ],
-          placeholder: "Ask a tutor..."},
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
-
-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsFeatureCards
-      tag="Trusted Platform"
-      title="Proven Performance"
-      description="Our ecosystem drives real-world results."
-      metrics={[
-        {
-          value: "15,000+",          title: "Active Students",          features: [
-            "Verified Enrollment",            "High Retention Rate"],
-        },
-        {
-          value: "200+",          title: "Expert Instructors",          features: [
-            "Industry Leading",            "Detailed Feedback"],
-        },
-        {
-          value: "95%",          title: "Success Rate",          features: [
-            "Exam Readiness",            "Performance Analytics"],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
-
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutFeaturesSplit
-      tag="Our Mission"
-      title="Bridging Potential & Success"
-      description="We empower learners through a streamlined digital interface designed for modern needs."
-      items={[
-        {
-          icon: "Shield",          title: "Secure Content",          description: "Protect your learning with advanced encryption."},
-        {
-          icon: "Zap",          title: "High Performance",          description: "Fast streaming for every device."},
-        {
-          icon: "BookOpen",          title: "Complete Library",          description: "Curated materials at your fingertips."},
-      ]}
-      imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=i4eqyy"
-    />
-    </SectionErrorBoundary>
-  </div>
-
-  <div id="courses" data-section="courses">
-    <SectionErrorBoundary name="courses">
-          <FeaturesRevealCardsBento
-      tag="Curriculum"
-      title="Comprehensive Course Catalog"
-      description="Dive deep into subjects curated by industry experts."
-      items={[
-        {
-          title: "Software Engineering",          description: "Build high-scale systems.",          href: "/courses/dev",          imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-computer_23-2151966696.jpg"},
-        {
-          title: "UI/UX Design",          description: "Master user-centric design.",          href: "/courses/design",          imageSrc: "http://img.b2bpic.net/free-photo/surprised-teenage-girl-enjoying-mandatory-literature-book-library_482257-127852.jpg"},
-        {
-          title: "Digital Marketing",          description: "Scale brand awareness.",          href: "/courses/marketing",          imageSrc: "http://img.b2bpic.net/free-photo/opened-notebook-near-laptop-shelf_23-2147768836.jpg"},
-        {
-          title: "Data Science",          description: "Unlock data-driven insights.",          href: "/courses/data",          imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=v1gqnm"},
-        {
-          title: "Cyber Security",          description: "Protect digital infrastructure.",          href: "/courses/security",          imageSrc: "http://img.b2bpic.net/free-photo/student-holding-textbooks-texting-mates-phone-close-up-studio-background_482257-97642.jpg"},
-        {
-          title: "Machine Learning",          description: "Learn predictive modeling.",          href: "/courses/ml",          imageSrc: "http://img.b2bpic.net/free-photo/voice-call-communication-connect-concept_53876-122688.jpg"},
-        {
-          title: "Language Learning",          description: "Fluency in weeks.",          href: "/courses/language",          imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg"},
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
-
-  <div id="pricing" data-section="pricing">
-    <SectionErrorBoundary name="pricing">
-          <PricingCenteredCards
-      tag="Subscription"
-      title="Flexible Learning Plans"
-      description="Choose the perfect plan to fuel your personal growth."
-      plans={[
-        {
-          tag: "Essential",          price: "$19",          description: "Basic access to standard courses.",          features: [
-            "Video Lessons",            "Downloadable Materials",            "Email Support"],
-          primaryButton: {
-            text: "Choose Basic",            href: "/auth"},
-        },
-        {
-          tag: "Premium",          price: "$49",          description: "Total platform access and certification.",          features: [
-            "Everything in Basic",            "Personalized Exams",            "Priority Support",            "Certificate"],
-          primaryButton: {
-            text: "Go Premium",            href: "/auth"},
-        },
-        {
-          tag: "Pro",          price: "$99",          description: "Full ecosystem for professional growth.",          features: [
-            "Everything in Premium",            "Live Mentoring",            "Career Coaching",            "Dashboard Access"],
-          primaryButton: {
-            text: "Join Pro",            href: "/auth"},
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialRatingCards
-      tag="Testimonials"
-      title="Proven Results"
-      description="Join thousands of successful graduates who changed their career paths."
-      testimonials={[
-        {
-          name: "Sara Ahmed",          role: "Software Developer",          quote: "The platform provided clear, actionable insights for my career.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/net-professional-businesswoman-sitting-checking_1262-2730.jpg"},
-        {
-          name: "Omar Khalil",          role: "UI Designer",          quote: "Excellent content and very smooth user experience.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg"},
-        {
-          name: "Layla Hassan",          role: "Marketing Specialist",          quote: "The exam system helped me master the material quickly.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-library-couch_273609-12733.jpg"},
-        {
-          name: "Ahmed Noor",          role: "Data Analyst",          quote: "The personalized dashboard made learning effortless.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-delighted-hipster-male-student-with-crisp-hair_176532-8157.jpg"},
-        {
-          name: "Fatima Zahra",          role: "Project Manager",          quote: "The best platform I've encountered for Arabic speakers.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-boy-with-backpack-coming-into-classroom_23-2147659089.jpg"},
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
-
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqSplitMedia
-      tag="Help Center"
-      title="Common Questions"
-      description="Got questions about our platform? We've got answers."
-      items={[
-        {
-          question: "Can I access content offline?",          answer: "Yes, you can download course materials for offline study."},
-        {
-          question: "Do you offer certificates?",          answer: "All premium courses offer verifiable completion certificates."},
-        {
-          question: "Is there a money-back guarantee?",          answer: "We offer a 7-day money-back guarantee on all subscriptions."},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336691.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
-
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Start Today"
-      text="Join the elite cohort of learners and shape your future."
-      primaryButton={{
-        text: "Register Now",        href: "/auth"}}
-      secondaryButton={{
-        text: "Contact Support",        href: "/support"}}
-    />
-    </SectionErrorBoundary>
-  </div>
-    </>
+      <div id="home" data-section="home" data-webild-component="HeroBrand" data-webild-component-path="@/components/sections/hero/HeroBrand">
+        <HeroBrand brand="Master Your Future with Elite Education" description="Unlock high-quality courses designed for success. Join thousands of students achieving their academic and professional goals today." primaryButton={{ text: "Start Learning", href: "/auth" }} secondaryButton={{ text: "Explore Courses", href: "#courses" }} imageSrc="http://img.b2bpic.net/free-photo/laptop-headphones-red-background-back-school-concept_169016-39383.jpg" />
+      </div>
+      <div id="features" data-section="features" data-webild-component="FeaturesBento" data-webild-component-path="@/components/sections/features/FeaturesBento">
+        <FeaturesBento tag="Advanced Ecosystem" title="Built for Student Excellence" description="Powerful tools and intuitive design, creating an unmatched learning environment." features={[{ title: "Analytics Dashboard", description: "Track every lesson and gain insights.", bentoComponent: "animated-bar-chart" }, { title: "Learning Progress", description: "Seamlessly track your daily goals.", bentoComponent: "info-card-marquee", infoCards: [{ icon: "CheckCircle", label: "Completed", value: "120+" }, { icon: "Clock", label: "Hours", value: "500+" }, { icon: "TrendingUp", label: "Score", value: "98%" }] }, { title: "Interactive Content", description: "Engage with lessons through live chat.", bentoComponent: "chat-marquee", aiIcon: "GraduationCap", userIcon: "User", exchanges: [{ userMessage: "How to approach this lesson?", aiResponse: "Focus on the key terminology first." }, { userMessage: "Is there a quiz?", aiResponse: "Yes, available after this chapter." }], placeholder: "Ask a tutor..." }]} />
+      </div>
+      <div id="metrics" data-section="metrics" data-webild-component="MetricsFeatureCards" data-webild-component-path="@/components/sections/metrics/MetricsFeatureCards">
+        <MetricsFeatureCards tag="Trusted Platform" title="Proven Performance" description="Our ecosystem drives real-world results." metrics={[{ value: "15,000+", title: "Active Students", features: ["Verified Enrollment", "High Retention Rate"] }, { value: "200+", title: "Expert Instructors", features: ["Industry Leading", "Detailed Feedback"] }, { value: "95%", title: "Success Rate", features: ["Exam Readiness", "Performance Analytics"] }]} />
+      </div>
+      <div id="about" data-section="about" data-webild-component="AboutFeaturesSplit" data-webild-component-path="@/components/sections/about/AboutFeaturesSplit">
+        <AboutFeaturesSplit tag="Our Mission" title="Bridging Potential & Success" description="We empower learners through a streamlined digital interface designed for modern needs." items={[{ icon: "Shield", title: "Secure Content", description: "Protect your learning with advanced encryption."}, { icon: "Zap", title: "High Performance", description: "Fast streaming for every device."}, { icon: "BookOpen", title: "Complete Library", description: "Curated materials at your fingertips."}]} imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=i4eqyy" />
+      </div>
+      <div id="courses" data-section="courses" data-webild-component="FeaturesRevealCardsBento" data-webild-component-path="@/components/sections/features/FeaturesRevealCardsBento">
+        <FeaturesRevealCardsBento tag="Curriculum" title="Comprehensive Course Catalog" description="Dive deep into subjects curated by industry experts." items={[{ title: "Software Engineering", description: "Build high-scale systems.", href: "/courses/dev", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-computer_23-2151966696.jpg" }, { title: "UI/UX Design", description: "Master user-centric design.", href: "/courses/design", imageSrc: "http://img.b2bpic.net/free-photo/surprised-teenage-girl-enjoying-mandatory-literature-book-library_482257-127852.jpg" }, { title: "Digital Marketing", description: "Scale brand awareness.", href: "/courses/marketing", imageSrc: "http://img.b2bpic.net/free-photo/opened-notebook-near-laptop-shelf_23-2147768836.jpg" }, { title: "Data Science", description: "Unlock data-driven insights.", href: "/courses/data", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=v1gqnm" }, { title: "Cyber Security", description: "Protect digital infrastructure.", href: "/courses/security", imageSrc: "http://img.b2bpic.net/free-photo/student-holding-textbooks-texting-mates-phone-close-up-studio-background_482257-97642.jpg" }, { title: "Machine Learning", description: "Learn predictive modeling.", href: "/courses/ml", imageSrc: "http://img.b2bpic.net/free-photo/voice-call-communication-connect-concept_53876-122688.jpg" }, { title: "Language Learning", description: "Fluency in weeks.", href: "/courses/language", imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg" }]} />
+      </div>
+      <div id="pricing" data-section="pricing" data-webild-component="PricingCenteredCards" data-webild-component-path="@/components/sections/pricing/PricingCenteredCards">
+        <PricingCenteredCards tag="Subscription" title="Flexible Learning Plans" description="Choose the perfect plan to fuel your personal growth." plans={[{ tag: "Essential", price: "$19", description: "Basic access to standard courses.", features: ["Video Lessons", "Downloadable Materials", "Email Support"], primaryButton: { text: "Choose Basic", href: "/auth" } }, { tag: "Premium", price: "$49", description: "Total platform access and certification.", features: ["Everything in Basic", "Personalized Exams", "Priority Support", "Certificate"], primaryButton: { text: "Go Premium", href: "/auth" } }, { tag: "Pro", price: "$99", description: "Full ecosystem for professional growth.", features: ["Everything in Premium", "Live Mentoring", "Career Coaching", "Dashboard Access"], primaryButton: { text: "Join Pro", href: "/auth" } }]} />
+      </div>
+      <div id="testimonials" data-section="testimonials" data-webild-component="TestimonialRatingCards" data-webild-component-path="@/components/sections/testimonial/TestimonialRatingCards">
+        <TestimonialRatingCards tag="Testimonials" title="Proven Results" description="Join thousands of successful graduates who changed their career paths." testimonials={[{ name: "Sara Ahmed", role: "Software Developer", quote: "The platform provided clear, actionable insights for my career.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/net-professional-businesswoman-sitting-checking_1262-2730.jpg" }, { name: "Omar Khalil", role: "UI Designer", quote: "Excellent content and very smooth user experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg" }, { name: "Layla Hassan", role: "Marketing Specialist", quote: "The exam system helped me master the material quickly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-library-couch_273609-12733.jpg" }, { name: "Ahmed Noor", role: "Data Analyst", quote: "The personalized dashboard made learning effortless.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-delighted-hipster-male-student-with-crisp-hair_176532-8157.jpg" }, { name: "Fatima Zahra", role: "Project Manager", quote: "The best platform I've encountered for Arabic speakers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-boy-with-backpack-coming-into-classroom_23-2147659089.jpg" }]} />
+      </div>
+      <div id="faq" data-section="faq" data-webild-component="FaqSplitMedia" data-webild-component-path="@/components/sections/faq/FaqSplitMedia">
+        <FaqSplitMedia tag="Help Center" title="Common Questions" description="Got questions about our platform? We've got answers." items={[{ question: "Can I access content offline?", answer: "Yes, you can download course materials for offline study." }, { question: "Do you offer certificates?", answer: "All premium courses offer verifiable completion certificates." }, { question: "Is there a money-back guarantee?", answer: "We offer a 7-day money-back guarantee on all subscriptions." }]} imageSrc="http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336691.jpg" />
+      </div>
+      <div id="contact" data-section="contact" data-webild-component="ContactCta" data-webild-component-path="@/components/sections/contact/ContactCta">
+        <ContactCta tag="Start Today" text="Join the elite cohort of learners and shape your future." primaryButton={{ text: "Register Now", href: "/auth" }} secondaryButton={{ text: "Contact Support", href: "/support" }} />
+      </div>
+      <div id="footer" data-section="footer" data-webild-component="FooterSimpleMedia" data-webild-component-path="@/components/sections/footer/FooterSimpleMedia">
+        <FooterSimpleMedia imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-background-with-cyber-dots-network-communications-motion-flow_1048-11865.jpg" brand="EduPlatform" columns={[{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Courses", href: "#courses" }] }, { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] }, { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }]} copyright="© 2024 EduPlatform. All rights reserved." links={[{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }]} />
+      </div>
+    </ThemeProvider>
   );
-}
+}
\ No newline at end of file