Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-20 18:49:30 +00:00

View File

@@ -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>
);
}
}