Update src/app/page.tsx

src/app/page.tsx

@@ -11,7 +11,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Briefcase, CheckCircle, Github, Linkedin, MessageSquare, Network, Target, Twitter, Users, Zap } from "lucide-react";
+import { CheckCircle, MessageSquare, Target, Network } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,9 +31,9 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
             navItems={[
-              { name: "Features", id: "#features" },
-              { name: "About", id: "#about" },
-              { name: "Contact", id: "#contact" }
+              { name: "Features", id: "features" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" }
             ]}
             brandName="MentorAI"
           />
@@ -76,7 +76,7 @@ export default function LandingPage() {
 
         <div id="metrics" data-section="metrics">
           <MetricCardSeven
-            animationType="slide-up"
+            animationType="blur-reveal"
             textboxLayout="split"
             useInvertedBackground={false}
             title="Proven Impact"
@@ -93,6 +93,7 @@ export default function LandingPage() {
             textboxLayout="split"
             useInvertedBackground={false}
             title="Success Stories"
+            description="What our users say about us."
             testimonials={[
               { id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Game changer!", icon: CheckCircle }
             ]}
@@ -116,6 +117,7 @@ export default function LandingPage() {
           <ContactSplitForm
             title="Get in touch"
             description="Let's map your career path."
+            useInvertedBackground={false}
             inputs={[
               { name: "name", type: "text", placeholder: "Your Name" },
               { name: "email", type: "email", placeholder: "Email" }