diff --git a/src/app/page.tsx b/src/app/page.tsx
index 770cbd9..8480d5a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,24 +2,19 @@
 
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
-import AboutMetric from "@/components/sections/about/AboutMetric";
-import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
-import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
-import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
-import FaqDouble from "@/components/sections/faq/FaqDouble";
-import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Sparkles, Zap, Shuffle, Network, Infinity, TrendingUp, Target, Lock, BarChart3, Clock, AlertCircle, Gamepad2, Trophy, Star, HelpCircle, Mail } from "lucide-react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Sparkles, Zap, Shuffle, Network, Infinity, TrendingUp, Target, Lock, BarChart3, Clock, AlertCircle, Gamepad2, Trophy, Star, HelpCircle, Mail, Award } from "lucide-react";
 
 export default function HomePage() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "Features", id: "/features" },
-    { name: "Pricing", id: "/pricing" },
-    { name: "Contact", id: "/contact" }
-  ];
-
   return (
     <ThemeProvider
       defaultButtonVariant="hover-bubble"
@@ -39,9 +34,9 @@ export default function HomePage() {
           brandName="MentIQ"
           navItems={[
             { name: "Home", id: "/" },
-            { name: "Features", id: "/features" },
+            { name: "Features", id: "#features" },
             { name: "Pricing", id: "/pricing" },
-            { name: "Contact", id: "/contact" }
+            { name: "Contact", id: "#contact" }
           ]}
           button={{
             text: "Start Learning",            href: "/auth/signup"
@@ -72,10 +67,9 @@ export default function HomePage() {
           ratingText="Trusted by thousands of students"
           buttons={[
             { text: "Start Free Trial", href: "/auth/signup" },
-            { text: "View Demo", href: "/features" }
+            { text: "View Demo", href: "#features" }
           ]}
           buttonAnimation="slide-up"
-          useInvertedBackground={false}
         />
       </div>
 
@@ -86,7 +80,7 @@ export default function HomePage() {
           metrics={[
             { icon: TrendingUp, label: "Student Improvement", value: "87%" },
             { icon: Infinity, label: "Questions Generated", value: "Infinite" },
-            { icon: Trophy, label: "Curriculum Aligned", value: "Class 1–12" },
+            { icon: Award, label: "Curriculum Aligned", value: "Class 1–12" },
             { icon: Zap, label: "Daily Active Students", value: "50K+" }
           ]}
           metricsAnimation="slide-up"
@@ -172,6 +166,34 @@ export default function HomePage() {
         />
       </div>
 
+      {/* Metrics Section */}
+      <div id="metrics" data-section="metrics">
+        <MetricCardTen
+          title="Key Performance Indicators"
+          description="See how MentIQ students improve their mathematics skills"
+          tag="Student Success"
+          tagIcon={Trophy}
+          tagAnimation="slide-up"
+          metrics={[
+            {
+              id: "1",              title: "Average Accuracy Improvement",              subtitle: "After 4 weeks of practice",              category: "Performance",              value: "+34%",              buttons: [{ text: "View Details" }]
+            },
+            {
+              id: "2",              title: "Daily Challenge Participation",              subtitle: "Active students competing daily",              category: "Engagement",              value: "73%",              buttons: [{ text: "View Leaderboard" }]
+            },
+            {
+              id: "3",              title: "Average Session Duration",              subtitle: "Sustained engagement indicator",              category: "Retention",              value: "28 min",              buttons: [{ text: "View Trends" }]
+            },
+            {
+              id: "4",              title: "30-Day Retention Rate",              subtitle: "Students returning after first week",              category: "Retention",              value: "86%",              buttons: [{ text: "View Analytics" }]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
       {/* Testimonials Section */}
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardTwo
@@ -235,14 +257,30 @@ export default function HomePage() {
         />
       </div>
 
+      {/* Contact Section */}
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Newsletter"
+          title="Stay Updated with MentIQ"
+          description="Subscribe to receive the latest features, learning tips, and leaderboard updates directly in your inbox. Join thousands of students optimizing their math skills."
+          tagIcon={Mail}
+          tagAnimation="slide-up"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          inputPlaceholder="your.email@example.com"
+          buttonText="Subscribe"
+          termsText="We respect your privacy. Unsubscribe anytime from newsletter settings."
+        />
+      </div>
+
       {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterBaseReveal
           columns={[
             {
               title: "Product",              items: [
-                { label: "Features", href: "/features" },
-                { label: "Learning Modes", href: "/product" },
+                { label: "Features", href: "#features" },
+                { label: "Learning Modes", href: "#product" },
                 { label: "Pricing", href: "/pricing" },
                 { label: "Dashboard", href: "/dashboard" }
               ]
@@ -252,7 +290,7 @@ export default function HomePage() {
                 { label: "About Us", href: "/about" },
                 { label: "Blog", href: "/blog" },
                 { label: "Careers", href: "/careers" },
-                { label: "Contact", href: "/contact" }
+                { label: "Contact", href: "#contact" }
               ]
             },
             {