Merge version_1 into main #2
411
src/app/page.tsx
411
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user