From 16fec6c68ad6a871cd4fba84bbb8da4b6283a090 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 12:59:50 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 491 +++++++++++++++--------------------------------
 1 file changed, 155 insertions(+), 336 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index cea1e23..02f51f7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,350 +28,169 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="MentorAI"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Features", id: "#features" },
+              { name: "About", id: "#about" },
+              { name: "Contact", id: "#contact" }
+            ]}
+            brandName="MentorAI"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "plain",
-      }}
-      title="Your Future, Powered by AI."
-      description="Stop settling for generic career advice. Get personalized paths, skill insights, and interview training with MentorAI."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg?_wi=1",
-          imageAlt: "AI Career Dashboard Analytics",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-paper-planets_23-2148874915.jpg?_wi=1",
-          imageAlt: "Skill Mapping Data",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/business-meeting_1163-3186.jpg?_wi=1",
-          imageAlt: "Career Chatbot Window",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/set-stationery-pins-thread_23-2148510445.jpg?_wi=1",
-          imageAlt: "AI Career Analysis",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405350.jpg?_wi=1",
-          imageAlt: "Career Mentoring Concept",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg?_wi=2",
-          imageAlt: "Dashboard overview",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405350.jpg?_wi=2",
-          imageAlt: "Mentoring concept",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/set-stationery-pins-thread_23-2148510445.jpg?_wi=2",
-          imageAlt: "Networking AI",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/business-meeting_1163-3186.jpg?_wi=2",
-          imageAlt: "AI Mentor UI",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-paper-planets_23-2148874915.jpg?_wi=2",
-          imageAlt: "Training nodes",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg?_wi=3",
-          imageAlt: "Growth data",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405350.jpg?_wi=3",
-          imageAlt: "Professional collaboration",
-        },
-      ]}
-      tag="Trusted AI Career Mentor"
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136851.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/stunning-black-haired-girl-with-phone-hand-drinking-coffee-resting-home_197531-4637.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/businessman-communicating-with-coworker-while-working-office_637285-1047.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-holding-t-letter_1149-1947.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
-          alt: "User 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Google",
-        },
-        {
-          type: "text",
-          text: "Amazon",
-        },
-        {
-          type: "text",
-          text: "Microsoft",
-        },
-        {
-          type: "text",
-          text: "Meta",
-        },
-        {
-          type: "text",
-          text: "Nvidia",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "plain" }}
+            title="Your Future, Powered by AI."
+            description="Stop settling for generic career advice. Get personalized paths, skill insights, and interview training with MentorAI."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg", imageAlt: "AI Career Dashboard Analytics" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-paper-planets_23-2148874915.jpg", imageAlt: "Skill Mapping Data" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/business-meeting_1163-3186.jpg", imageAlt: "Career Chatbot Window" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/set-stationery-pins-thread_23-2148510445.jpg", imageAlt: "AI Career Analysis" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405350.jpg", imageAlt: "Career Mentoring Concept" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg", imageAlt: "Dashboard overview" }
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405350.jpg", imageAlt: "Mentoring concept" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/set-stationery-pins-thread_23-2148510445.jpg", imageAlt: "Networking AI" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/business-meeting_1163-3186.jpg", imageAlt: "AI Mentor UI" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-paper-planets_23-2148874915.jpg", imageAlt: "Training nodes" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg", imageAlt: "Growth data" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405350.jpg", imageAlt: "Professional collaboration" }
+            ]}
+            tag="Trusted AI Career Mentor"
+            buttons={[{ text: "Get Started", href: "#contact" }]}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136851.jpg", alt: "User 1" },
+              { src: "http://img.b2bpic.net/free-photo/stunning-black-haired-girl-with-phone-hand-drinking-coffee-resting-home_197531-4637.jpg", alt: "User 2" },
+              { src: "http://img.b2bpic.net/free-photo/businessman-communicating-with-coworker-while-working-office_637285-1047.jpg", alt: "User 3" },
+              { src: "http://img.b2bpic.net/free-photo/woman-holding-t-letter_1149-1947.jpg", alt: "User 4" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", alt: "User 5" }
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Google" },
+              { type: "text", text: "Amazon" },
+              { type: "text", text: "Microsoft" },
+              { type: "text", text: "Meta" },
+              { type: "text", text: "Nvidia" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="About Us"
-      title="Bridging Data and Potential"
-      description="We believe career guidance shouldn't be one-size-fits-all. By combining real-world job market data with advanced machine learning, we uncover the best path for your unique skills."
-      subdescription="Our RAG and vector database technology ensures our insights are based on accurate, real-world data, giving you actionable steps every single day."
-      icon={Zap}
-      imageSrc="http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405350.jpg?_wi=4"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="About Us"
+            title="Bridging Data and Potential"
+            description="We believe career guidance shouldn't be one-size-fits-all. By combining real-world job market data with advanced machine learning, we uncover the best path for your unique skills."
+            subdescription="Our RAG and vector database technology ensures our insights are based on accurate, real-world data, giving you actionable steps every single day."
+            icon={Zap}
+            imageSrc="http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405350.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFive
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "AI-Powered Mentoring",
-          description: "Our GPT-based bot answers questions about roles, resumes, and interview preparation in real-time.",
-          icon: MessageSquare,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/business-meeting_1163-3186.jpg?_wi=3",
-              imageAlt: "Chat Interface",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/business-meeting_1163-3186.jpg?_wi=4",
-              imageAlt: "Chat Interface",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg?_wi=4",
-          imageAlt: "modern ai career dashboard interface",
-        },
-        {
-          title: "Real-time Skill Gap Analysis",
-          description: "RAG-based insights fetch current market requirements, matching your profile against real job postings.",
-          icon: Target,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-paper-planets_23-2148874915.jpg?_wi=3",
-              imageAlt: "Skill Analysis Dashboard",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-paper-planets_23-2148874915.jpg?_wi=4",
-              imageAlt: "Skill Analysis Dashboard",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405350.jpg?_wi=5",
-          imageAlt: "human and artificial intelligence teamwork",
-        },
-        {
-          title: "Career Path Clustering",
-          description: "We use advanced sklearn clustering to suggest suitable career trajectories based on your unique interests and potential.",
-          icon: Network,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/set-stationery-pins-thread_23-2148510445.jpg?_wi=3",
-              imageAlt: "Path Clusters",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/set-stationery-pins-thread_23-2148510445.jpg?_wi=4",
-              imageAlt: "Path Clusters",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-paper-planets_23-2148874915.jpg?_wi=5",
-          imageAlt: "digital skill growth visualization",
-        },
-      ]}
-      title="Smart Tools for Your Journey"
-      description="Powerful capabilities to help you navigate your career path from zero to hero."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFive
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "AI-Powered Mentoring",                description: "Our GPT-based bot answers questions about roles, resumes, and interview preparation in real-time.",                icon: MessageSquare,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/business-meeting_1163-3186.jpg", imageAlt: "Chat Interface" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/business-meeting_1163-3186.jpg", imageAlt: "Chat Interface" }
+                ]
+              },
+              {
+                title: "Real-time Skill Gap Analysis",                description: "RAG-based insights fetch current market requirements, matching your profile against real job postings.",                icon: Target,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-paper-planets_23-2148874915.jpg", imageAlt: "Skill Analysis Dashboard" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-paper-planets_23-2148874915.jpg", imageAlt: "Skill Analysis Dashboard" }
+                ]
+              },
+              {
+                title: "Career Path Clustering",                description: "We use advanced sklearn clustering to suggest suitable career trajectories based on your unique interests and potential.",                icon: Network,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/set-stationery-pins-thread_23-2148510445.jpg", imageAlt: "Path Clusters" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/set-stationery-pins-thread_23-2148510445.jpg", imageAlt: "Path Clusters" }
+                ]
+              }
+            ]}
+            title="Smart Tools for Your Journey"
+            description="Powerful capabilities to help you navigate your career path from zero to hero."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          value: "10k+",
-          title: "Careers Guided",
-          description: "Successfully mentored students find their dream roles.",
-          icon: Users,
-        },
-        {
-          id: "2",
-          value: "95%",
-          title: "Accuracy",
-          description: "Highly accurate career path suggestions based on market data.",
-          icon: CheckCircle,
-        },
-        {
-          id: "3",
-          value: "500+",
-          title: "Roles Covered",
-          description: "Extensive database of job roles across all major tech sectors.",
-          icon: Briefcase,
-        },
-      ]}
-      title="Proven Impact"
-      description="Empowering the next generation of professionals."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", value: "10k+", title: "Careers Guided", description: "Successfully mentored students find their dream roles.", icon: Users },
+              { id: "2", value: "95%", title: "Accuracy", description: "Highly accurate career path suggestions based on market data.", icon: CheckCircle },
+              { id: "3", value: "500+", title: "Roles Covered", description: "Extensive database of job roles across all major tech sectors.", icon: Briefcase }
+            ]}
+            title="Proven Impact"
+            description="Empowering the next generation of professionals."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136851.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/stunning-black-haired-girl-with-phone-hand-drinking-coffee-resting-home_197531-4637.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-communicating-with-coworker-while-working-office_637285-1047.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-t-letter_1149-1947.jpg",
-        },
-        {
-          id: "5",
-          name: "Sofia Rossi",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
-        },
-      ]}
-      cardTitle="Career Breakthrough Stories"
-      cardTag="Success Stories"
-      cardAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136851.jpg" },
+              { id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/stunning-black-haired-girl-with-phone-hand-drinking-coffee-resting-home_197531-4637.jpg" },
+              { id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/businessman-communicating-with-coworker-while-working-office_637285-1047.jpg" },
+              { id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-t-letter_1149-1947.jpg" },
+              { id: "5", name: "Sofia Rossi", imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg" }
+            ]}
+            cardTitle="Career Breakthrough Stories"
+            cardTag="Success Stories"
+            cardAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "How is this different from generic advice?",
-          content: "We use real-time market data (RAG) and machine learning, ensuring advice is personalized to your skills and actual job market requirements.",
-        },
-        {
-          id: "2",
-          title: "What kind of data do you use?",
-          content: "We source data from real-time job postings, skill demand databases, and industry-standard competency benchmarks.",
-        },
-        {
-          id: "3",
-          title: "Can I prepare for interviews here?",
-          content: "Absolutely! Our AI chatbot acts as your personal interviewer, providing feedback and refining your responses for top-tier companies.",
-        },
-      ]}
-      sideTitle="Questions? We've Got Answers."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "How is this different from generic advice?", content: "We use real-time market data (RAG) and machine learning, ensuring advice is personalized to your skills and actual job market requirements." },
+              { id: "2", title: "What kind of data do you use?", content: "We source data from real-time job postings, skill demand databases, and industry-standard competency benchmarks." },
+              { id: "3", title: "Can I prepare for interviews here?", content: "Absolutely! Our AI chatbot acts as your personal interviewer, providing feedback and refining your responses for top-tier companies." }
+            ]}
+            sideTitle="Questions? We've Got Answers."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      text="Ready to map out your career path? Get started today."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            text="Ready to map out your career path? Get started today."
+            buttons={[{ text: "Get Started", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="MentorAI"
-      copyrightText="© 2025 MentorAI Inc."
-      socialLinks={[
-        {
-          icon: Twitter,
-          href: "#",
-          ariaLabel: "Twitter",
-        },
-        {
-          icon: Github,
-          href: "#",
-          ariaLabel: "Github",
-        },
-        {
-          icon: Linkedin,
-          href: "#",
-          ariaLabel: "LinkedIn",
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="MentorAI"
+            copyrightText="© 2025 MentorAI Inc."
+            socialLinks={[
+              { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+              { icon: Github, href: "#", ariaLabel: "Github" },
+              { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1