From bbd46fa8938b44c1a034e9157f83e0485236a45b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 1 Apr 2026 06:44:28 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 411 +++++++++++++++--------------------------------
 1 file changed, 128 insertions(+), 283 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6e843de..ba1b563 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,296 +27,141 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-      ]}
-      brandName="Mentora360"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "About", id: "#about" },
+              { name: "Features", id: "#features" },
+              { name: "Testimonials", id: "#testimonials" },
+            ]}
+            brandName="Mentora360"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "downward-rays-animated-grid",
-      }}
-      title="Your AI Career Coach & Wellness Partner"
-      description="Mentora360 combines personalized job discovery, resume coaching, and real-time mental health support through an empathetic 3D avatar—all in one platform designed for your success and wellbeing."
-      kpis={[
-        {
-          value: "95%",
-          label: "Interview Success Rate",
-        },
-        {
-          value: "200k+",
-          label: "Jobs Tracked",
-        },
-        {
-          value: "12+",
-          label: "Skills Integrated",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Start Your Journey Free",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148384405.jpg?_wi=1"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-beautiful-caucasian-woman-office-looking-camera_23-2148187145.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg",
-          alt: "User 5",
-        },
-      ]}
-      avatarText="Join 50k+ thriving professionals"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Career Growth",
-          icon: TrendingUp,
-        },
-        {
-          type: "text-icon",
-          text: "Mental Wellness",
-          icon: Activity,
-        },
-        {
-          type: "text-icon",
-          text: "AI Coaching",
-          icon: Star,
-        },
-        {
-          type: "text-icon",
-          text: "Job Search",
-          icon: Briefcase,
-        },
-        {
-          type: "text-icon",
-          text: "Resume Optimization",
-          icon: FileText,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "downward-rays-animated-grid" }}
+            title="Your AI Career Coach & Wellness Partner"
+            description="Mentora360 combines personalized job discovery, resume coaching, and real-time mental health support through an empathetic 3D avatar—all in one platform designed for your success and wellbeing."
+            kpis={[
+              { value: "95%", label: "Interview Success Rate" },
+              { value: "200k+", label: "Jobs Tracked" },
+              { value: "12+", label: "Skills Integrated" },
+            ]}
+            enableKpiAnimation={true}
+            buttons={[{ text: "Start Your Journey Free", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148384405.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg", alt: "User 1" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", alt: "User 2" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "User 3" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-beautiful-caucasian-woman-office-looking-camera_23-2148187145.jpg", alt: "User 4" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg", alt: "User 5" },
+            ]}
+            avatarText="Join 50k+ thriving professionals"
+            marqueeItems={[
+              { type: "text-icon", text: "Career Growth", icon: TrendingUp },
+              { type: "text-icon", text: "Mental Wellness", icon: Activity },
+              { type: "text-icon", text: "AI Coaching", icon: Star },
+              { type: "text-icon", text: "Job Search", icon: Briefcase },
+              { type: "text-icon", text: "Resume Optimization", icon: FileText },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="Holistic Support for Transitions"
-      description={[
-        "Mentora360 is an AI-powered platform tailored for students and professionals. We bridge the gap between career ambition and emotional resilience.",
-        "Our system leverages NLP and emotion detection to provide 360-degree guidance, whether you're navigating job hunts or career changes.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={true}
+            title="Holistic Support for Transitions"
+            description={[
+              "Mentora360 is an AI-powered platform tailored for students and professionals. We bridge the gap between career ambition and emotional resilience.",              "Our system leverages NLP and emotion detection to provide 360-degree guidance, whether you're navigating job hunts or career changes."]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Career Intelligence",
-          description: "AI-driven job recommendations and resume enhancement.",
-          icon: Zap,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515784.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515784.jpg?_wi=2",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148384405.jpg?_wi=2",
-          imageAlt: "modern AI interface dark mode",
-        },
-        {
-          title: "Interview Mastery",
-          description: "Real-time interview anxiety practice sessions with an empathetic 3D avatar.",
-          icon: Mic,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/flat-web-design-elements-green-color_23-2147542335.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/flat-web-design-elements-green-color_23-2147542335.jpg?_wi=2",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515784.jpg?_wi=3",
-          imageAlt: "data analytics dashboard interface",
-        },
-        {
-          title: "Mental Wellness",
-          description: "Integrated emotional wellness support and stress-management tools.",
-          icon: Heart,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515784.jpg?_wi=4",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515784.jpg?_wi=5",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-web-design-elements-green-color_23-2147542335.jpg?_wi=3",
-          imageAlt: "interview practice software UI",
-        },
-      ]}
-      title="Advanced AI Capabilities"
-      description="Comprehensive tools built for your long-term success."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Career Intelligence",                description: "AI-driven job recommendations and resume enhancement.",                icon: Zap,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515784.jpg", imageAlt: "modern AI interface dark mode" },
+                  { imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515784.jpg", imageAlt: "modern AI interface dark mode" }
+                ]
+              },
+              {
+                title: "Interview Mastery",                description: "Real-time interview anxiety practice sessions with an empathetic 3D avatar.",                icon: Mic,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-vector/flat-web-design-elements-green-color_23-2147542335.jpg", imageAlt: "data analytics dashboard interface" },
+                  { imageSrc: "http://img.b2bpic.net/free-vector/flat-web-design-elements-green-color_23-2147542335.jpg", imageAlt: "data analytics dashboard interface" }
+                ]
+              },
+              {
+                title: "Mental Wellness",                description: "Integrated emotional wellness support and stress-management tools.",                icon: Heart,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515784.jpg", imageAlt: "interview practice software UI" },
+                  { imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515784.jpg", imageAlt: "interview practice software UI" }
+                ]
+              },
+            ]}
+            title="Advanced AI Capabilities"
+            description="Comprehensive tools built for your long-term success."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "150k",
-          title: "Users Guided",
-          description: "Professionals supported.",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515784.jpg?_wi=6",
-        },
-        {
-          id: "m2",
-          value: "2.5M",
-          title: "Practice Hours",
-          description: "Time logged in simulations.",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-web-design-elements-green-color_23-2147542335.jpg?_wi=4",
-        },
-        {
-          id: "m3",
-          value: "450k",
-          title: "Resumes Optimized",
-          description: "AI-boosted profiles.",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515784.jpg?_wi=7",
-        },
-      ]}
-      title="Platform Impact"
-      description="Empowering users to achieve career and mental wellness goals."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "150k", title: "Users Guided", description: "Professionals supported.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515784.jpg" },
+              { id: "m2", value: "2.5M", title: "Practice Hours", description: "Time logged in simulations.", imageSrc: "http://img.b2bpic.net/free-vector/flat-web-design-elements-green-color_23-2147542335.jpg" },
+              { id: "m3", value: "450k", title: "Resumes Optimized", description: "AI-boosted profiles.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515784.jpg" },
+            ]}
+            title="Platform Impact"
+            description="Empowering users to achieve career and mental wellness goals."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Career Growth",
-          quote: "Seamless tech transition.",
-          name: "Sarah Johnson",
-          role: "Engineer",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          title: "Interview Ready",
-          quote: "Avatar practice is amazing.",
-          name: "Michael Chen",
-          role: "PM",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
-        },
-        {
-          id: "3",
-          title: "Wellness Focused",
-          quote: "Game changer for my stress.",
-          name: "Emily Rodriguez",
-          role: "Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
-        },
-        {
-          id: "4",
-          title: "Fast Hiring",
-          quote: "Three interviews in a week!",
-          name: "David Kim",
-          role: "Analyst",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-caucasian-woman-office-looking-camera_23-2148187145.jpg",
-        },
-        {
-          id: "5",
-          title: "Highly Recommend",
-          quote: "Finally found my dream job.",
-          name: "Alex Smith",
-          role: "Developer",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg?_wi=2",
-        },
-      ]}
-      title="Success Stories"
-      description="Real impact on lives and careers."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", title: "Career Growth", quote: "Seamless tech transition.", name: "Sarah Johnson", role: "Engineer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg" },
+              { id: "2", title: "Interview Ready", quote: "Avatar practice is amazing.", name: "Michael Chen", role: "PM", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg" },
+              { id: "3", title: "Wellness Focused", quote: "Game changer for my stress.", name: "Emily Rodriguez", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg" },
+              { id: "4", title: "Fast Hiring", quote: "Three interviews in a week!", name: "David Kim", role: "Analyst", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-caucasian-woman-office-looking-camera_23-2148187145.jpg" },
+              { id: "5", title: "Highly Recommend", quote: "Finally found my dream job.", name: "Alex Smith", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg" },
+            ]}
+            title="Success Stories"
+            description="Real impact on lives and careers."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Get Started"
-      title="Ready to Transform Your Career?"
-      description="Join thousands of professionals already thriving with AI-powered coaching."
-      buttons={[
-        {
-          text: "Start Your Journey Free",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Get Started"
+            title="Ready to Transform Your Career?"
+            description="Join thousands of professionals already thriving with AI-powered coaching."
+            buttons={[{ text: "Start Your Journey Free", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Mentora360"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Mentora360"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1