From 5da0fcff3473dcd3c6bd77b807899444cd10f851 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 18:49:23 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 525 +++++++++++++++--------------------------------
 1 file changed, 167 insertions(+), 358 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0fdfe3a..f9c557b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,375 +17,184 @@ import { Award, Shield, Zap } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Process",
-          id: "about",
-        },
-        {
-          name: "Domains",
-          id: "domains",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-      ]}
-      brandName="Pathfinder CS"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "Process", id: "about" },
+              { name: "Domains", id: "domains" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "FAQ", id: "faq" }
+            ]}
+            brandName="Pathfinder CS"
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroSplitKpi
-      background={{
-        variant: "plain",
-      }}
-      title="Uncover Your Ideal Career Domain"
-      description="Unlock your potential as a computer science student. Our data-driven assessments analyze your unique interests and cognitive capabilities to map your journey into the tech industry."
-      kpis={[
-        {
-          value: "10K+",
-          label: "Students Guided",
-        },
-        {
-          value: "95%",
-          label: "Placement Success",
-        },
-        {
-          value: "8+",
-          label: "Domain Insights",
-        },
-      ]}
-      enableKpiAnimation={true}
-      imageSrc="http://img.b2bpic.net/free-photo/side-shot-young-asian-man-glasses-working-computer-office_1098-17190.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/slim-black-girl-headphones-looking-computer-s-screen-with-attention_197531-4877.jpg",
-          alt: "Student 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/workers-getting-back-office_23-2149161631.jpg",
-          alt: "Student 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/startup-cybersecurity-expert-looking-company-security-vulnerabilities_482257-125918.jpg",
-          alt: "Student 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg",
-          alt: "Student 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-brunette-man-eyeglasses-smiles-widely-outside-happy-guy-black-jacket-white-tshirt-poses-near-airport_197531-27123.jpg",
-          alt: "Student 5",
-        },
-      ]}
-      avatarText="Join 10,000+ students on their path."
-      marqueeItems={[
-        {
-          type: "text",
-          text: "AI Focused",
-        },
-        {
-          type: "text",
-          text: "Cloud Ready",
-        },
-        {
-          type: "text",
-          text: "Security First",
-        },
-        {
-          type: "text",
-          text: "Data Driven",
-        },
-        {
-          type: "text",
-          text: "Blockchain Expert",
-        },
-      ]}
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroSplitKpi
+            background={{ variant: "plain" }}
+            title="Uncover Your Ideal Career Domain"
+            description="Unlock your potential as a computer science student. Our data-driven assessments analyze your unique interests and cognitive capabilities to map your journey into the tech industry."
+            kpis={[
+              { value: "10K+", label: "Students Guided" },
+              { value: "95%", label: "Placement Success" },
+              { value: "8+", label: "Domain Insights" }
+            ]}
+            enableKpiAnimation={true}
+            imageSrc="http://img.b2bpic.net/free-photo/side-shot-young-asian-man-glasses-working-computer-office_1098-17190.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/slim-black-girl-headphones-looking-computer-s-screen-with-attention_197531-4877.jpg", alt: "Student 1" },
+              { src: "http://img.b2bpic.net/free-photo/workers-getting-back-office_23-2149161631.jpg", alt: "Student 2" },
+              { src: "http://img.b2bpic.net/free-photo/startup-cybersecurity-expert-looking-company-security-vulnerabilities_482257-125918.jpg", alt: "Student 3" },
+              { src: "http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg", alt: "Student 4" },
+              { src: "http://img.b2bpic.net/free-photo/cheerful-brunette-man-eyeglasses-smiles-widely-outside-happy-guy-black-jacket-white-tshirt-poses-near-airport_197531-27123.jpg", alt: "Student 5" }
+            ]}
+            avatarText="Join 10,000+ students on their path."
+            marqueeItems={[
+              { type: "text", text: "AI Focused" },
+              { type: "text", text: "Cloud Ready" },
+              { type: "text", text: "Security First" },
+              { type: "text", text: "Data Driven" },
+              { type: "text", text: "Blockchain Expert" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Assessment Methodology"
-      description="We believe in scientific discovery over guesswork. By measuring your aptitude across diverse skill sets, we identify the domains where you will thrive, grow, and innovate."
-      bulletPoints={[
-        {
-          title: "Logical Reasoning",
-          description: "Assess your problem-solving speed and structural thinking capabilities.",
-        },
-        {
-          title: "Aptitude Testing",
-          description: "Benchmark your analytical speed against industry-standard requirements.",
-        },
-        {
-          title: "Creative Hunt",
-          description: "Discover your ability to think outside the box and solve complex, novel challenges.",
-        },
-        {
-          title: "Personality Insights",
-          description: "Match your soft skills with the collaborative environments of specific tech roles.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-teen-girls-study-desk-attending-virtual-webinar-class_482257-123130.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Assessment Methodology"
+            description="We believe in scientific discovery over guesswork. By measuring your aptitude across diverse skill sets, we identify the domains where you will thrive, grow, and innovate."
+            bulletPoints={[
+              { title: "Logical Reasoning", description: "Assess your problem-solving speed and structural thinking capabilities." },
+              { title: "Aptitude Testing", description: "Benchmark your analytical speed against industry-standard requirements." },
+              { title: "Creative Hunt", description: "Discover your ability to think outside the box and solve complex, novel challenges." },
+              { title: "Personality Insights", description: "Match your soft skills with the collaborative environments of specific tech roles." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/young-teen-girls-study-desk-attending-virtual-webinar-class_482257-123130.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyEight
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Reasoning Logic",
-          subtitle: "Assessment",
-          category: "Analytical",
-          value: "20 Min",
-        },
-        {
-          id: "f2",
-          title: "General Aptitude",
-          subtitle: "Assessment",
-          category: "Foundational",
-          value: "30 Min",
-        },
-        {
-          id: "f3",
-          title: "Creative Hunt",
-          subtitle: "Innovation Task",
-          category: "Problem Solving",
-          value: "45 Min",
-        },
-        {
-          id: "f4",
-          title: "Personality Analysis",
-          subtitle: "Behavioral",
-          category: "Psychometrics",
-          value: "15 Min",
-        },
-      ]}
-      title="How It Works"
-      description="Start your journey with four specialized assessment tiers designed to evaluate your readiness for high-growth tech domains."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyEight
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Reasoning Logic", subtitle: "Assessment", category: "Analytical", value: "20 Min" },
+              { id: "f2", title: "General Aptitude", subtitle: "Assessment", category: "Foundational", value: "30 Min" },
+              { id: "f3", title: "Creative Hunt", subtitle: "Innovation Task", category: "Problem Solving", value: "45 Min" },
+              { id: "f4", title: "Personality Analysis", subtitle: "Behavioral", category: "Psychometrics", value: "15 Min" }
+            ]}
+            title="How It Works"
+            description="Start your journey with four specialized assessment tiers designed to evaluate your readiness for high-growth tech domains."
+          />
+        </div>
 
-  <div id="domains" data-section="domains">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "d1",
-          name: "Artificial Intelligence",
-          price: "High Growth",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-low-poly-design_1048-15445.jpg",
-        },
-        {
-          id: "d2",
-          name: "Cybersecurity",
-          price: "Critical Need",
-          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-secure-data-transfer_23-2152001135.jpg",
-        },
-        {
-          id: "d3",
-          name: "Full Stack Development",
-          price: "High Demand",
-          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104509.jpg",
-        },
-        {
-          id: "d4",
-          name: "Cloud Computing",
-          price: "Enterprise Focus",
-          imageSrc: "http://img.b2bpic.net/free-vector/data-network-illustration_24908-57791.jpg",
-        },
-        {
-          id: "d5",
-          name: "Mobile Engineering",
-          price: "User Experience",
-          imageSrc: "http://img.b2bpic.net/free-photo/mobile-phone-glowing-blue-reflection-glass-generated-by-ai_188544-16845.jpg",
-        },
-        {
-          id: "d6",
-          name: "Fintech & Blockchain",
-          price: "Innovation Hub",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480185.jpg",
-        },
-      ]}
-      title="Explore Tech Domains"
-      description="Once your profile is matched, unlock detailed paths into these specialized career fields."
-    />
-  </div>
+        <div id="domains" data-section="domains">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "d1", name: "Artificial Intelligence", price: "High Growth", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-low-poly-design_1048-15445.jpg" },
+              { id: "d2", name: "Cybersecurity", price: "Critical Need", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-secure-data-transfer_23-2152001135.jpg" },
+              { id: "d3", name: "Full Stack Development", price: "High Demand", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104509.jpg" },
+              { id: "d4", name: "Cloud Computing", price: "Enterprise Focus", imageSrc: "http://img.b2bpic.net/free-vector/data-network-illustration_24908-57791.jpg" },
+              { id: "d5", name: "Mobile Engineering", price: "User Experience", imageSrc: "http://img.b2bpic.net/free-photo/mobile-phone-glowing-blue-reflection-glass-generated-by-ai_188544-16845.jpg" },
+              { id: "d6", name: "Fintech & Blockchain", price: "Innovation Hub", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480185.jpg" }
+            ]}
+            title="Explore Tech Domains"
+            description="Once your profile is matched, unlock detailed paths into these specialized career fields."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "85%",
-          title: "Career Satisfaction",
-          description: "Students reporting high career fit.",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          value: "40+",
-          title: "Global Partners",
-          description: "Industry leaders hiring our talent.",
-          icon: Shield,
-        },
-        {
-          id: "m3",
-          value: "1.2K",
-          title: "Daily Assessments",
-          description: "Students unlocking their potential.",
-          icon: Zap,
-        },
-      ]}
-      title="Proven Impact"
-      description="Our model consistently guides students toward their most successful career paths."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "85%", title: "Career Satisfaction", description: "Students reporting high career fit.", icon: Award },
+              { id: "m2", value: "40+", title: "Global Partners", description: "Industry leaders hiring our talent.", icon: Shield },
+              { id: "m3", value: "1.2K", title: "Daily Assessments", description: "Students unlocking their potential.", icon: Zap }
+            ]}
+            title="Proven Impact"
+            description="Our model consistently guides students toward their most successful career paths."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-book-outside_23-2148396313.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-standing-with-coffee-busy-street-smiling-camera_1258-123421.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-software-developer-typing-machine-learning-app-code-computer-keyboard-sitting-desk-big-data-office-friendly-cloud-programer-working-casually-cyber-security-agency_482257-43974.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-using-tablet-celebrating-achievement-cafe_1262-18859.jpg",
-        },
-        {
-          id: "5",
-          name: "Alex Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
-        },
-      ]}
-      cardTitle="Success Stories"
-      cardTag="Testimonials"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-book-outside_23-2148396313.jpg" },
+              { id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-standing-with-coffee-busy-street-smiling-camera_1258-123421.jpg" },
+              { id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/smiling-software-developer-typing-machine-learning-app-code-computer-keyboard-sitting-desk-big-data-office-friendly-cloud-programer-working-casually-cyber-security-agency_482257-43974.jpg" },
+              { id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-using-tablet-celebrating-achievement-cafe_1262-18859.jpg" },
+              { id: "5", name: "Alex Smith", imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg" }
+            ]}
+            cardTitle="Success Stories"
+            cardTag="Testimonials"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "How accurate are the results?",
-          content: "Our algorithms are validated against industry benchmarks and individual performance metrics.",
-        },
-        {
-          id: "q2",
-          title: "Is the assessment free?",
-          content: "Basic assessments are free for all university students.",
-        },
-        {
-          id: "q3",
-          title: "How long does it take?",
-          content: "The full path assessment takes approximately 1.5 hours to complete.",
-        },
-      ]}
-      title="Common Questions"
-      description="Get answers about the assessment process and domain matching."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "How accurate are the results?", content: "Our algorithms are validated against industry benchmarks and individual performance metrics." },
+              { id: "q2", title: "Is the assessment free?", content: "Basic assessments are free for all university students." },
+              { id: "q3", title: "How long does it take?", content: "The full path assessment takes approximately 1.5 hours to complete." }
+            ]}
+            title="Common Questions"
+            description="Get answers about the assessment process and domain matching."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get Started"
-      title="Start Your Career Journey"
-      description="Ready to find your domain? Sign up now to access your personalized career assessment portal."
-      imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139245.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Get Started"
+            title="Start Your Career Journey"
+            description="Ready to find your domain? Sign up now to access your personalized career assessment portal."
+            imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139245.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-orange-light-blue-lights-forming-circle-futuristic-concept_181624-59574.jpg"
-      logoText="Pathfinder CS"
-      columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Assessments",
-              href: "#features",
-            },
-            {
-              label: "Domains",
-              href: "#domains",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-orange-light-blue-lights-forming-circle-futuristic-concept_181624-59574.jpg"
+            logoText="Pathfinder CS"
+            columns={[
+              { title: "Platform", items: [{ label: "Assessments", href: "#features" }, { label: "Domains", href: "#domains" }] },
+              { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1