Merge version_1 into main #2
253
src/app/page.tsx
253
src/app/page.tsx
@@ -32,22 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="MentorEdge"
|
||||
/>
|
||||
@@ -55,63 +44,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unlock Your Potential with Elite Mentorship"
|
||||
description="Connect with industry leaders, gain tailored career guidance, and accelerate your growth path through one-on-one sessions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Mentoring",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-holding-tablet-working-with-it_1134-86.jpg?_wi=1"
|
||||
buttons={[{ text: "Start Mentoring", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-holding-tablet-working-with-it_1134-86.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/solution-quality-positive-psychology-complex_53876-122372.jpg",
|
||||
alt: "Mentee 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/connection-online-networking-perforated-paper-share_53876-41392.jpg",
|
||||
alt: "Mentee 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tablet-with-applications_1134-123.jpg",
|
||||
alt: "Mentee 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/network-concept-with-notebooks-view_23-2148999180.jpg",
|
||||
alt: "Mentee 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-father-showing-his-son-tablet_23-2148404186.jpg",
|
||||
alt: "Mentee 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/solution-quality-positive-psychology-complex_53876-122372.jpg", alt: "Mentee 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/connection-online-networking-perforated-paper-share_53876-41392.jpg", alt: "Mentee 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/tablet-with-applications_1134-123.jpg", alt: "Mentee 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/network-concept-with-notebooks-view_23-2148999180.jpg", alt: "Mentee 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-father-showing-his-son-tablet_23-2148404186.jpg", alt: "Mentee 5" }
|
||||
]}
|
||||
avatarText="Join 10,000+ career-driven professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Career Growth",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Networking",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Soft Skills",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Leadership",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industry Insights",
|
||||
},
|
||||
{ type: "text", text: "Career Growth" },
|
||||
{ type: "text", text: "Networking" },
|
||||
{ type: "text", text: "Soft Skills" },
|
||||
{ type: "text", text: "Leadership" },
|
||||
{ type: "text", text: "Industry Insights" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,7 +73,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why MentorEdge?"
|
||||
description="We match high-potential individuals with battle-tested industry veterans. Our curated network ensures that you get expert advice specifically tailored to your industry, level, and unique career goals."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blonde-woman-having-conversation-with-work-colleague_273609-4714.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blonde-woman-having-conversation-with-work-colleague_273609-4714.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -132,50 +84,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Seamless Scheduling",
|
||||
description: "Book sessions with ease using our integrated calendar system.",
|
||||
icon: Calendar,
|
||||
title: "Seamless Scheduling", description: "Book sessions with ease using our integrated calendar system.", icon: Calendar,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-interface_23-2148616880.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/schedule-table-event-planner-concept_53876-121254.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-tablet-working-with-it_1134-86.jpg?_wi=2",
|
||||
imageAlt: "scheduler interface ui",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-interface_23-2148616880.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/schedule-table-event-planner-concept_53876-121254.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Secure Messaging",
|
||||
description: "Keep in touch with your mentor through encrypted chats.",
|
||||
icon: MessageSquare,
|
||||
title: "Secure Messaging", description: "Keep in touch with your mentor through encrypted chats.", icon: MessageSquare,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-touching-illuminated-smartphone-screen_53876-98072.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-opened-ai-chat-it_1268-21624.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-having-conversation-with-work-colleague_273609-4714.jpg?_wi=2",
|
||||
imageAlt: "scheduler interface ui",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-touching-illuminated-smartphone-screen_53876-98072.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-opened-ai-chat-it_1268-21624.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "HD Video Sessions",
|
||||
description: "Engage in face-to-face video coaching from anywhere in the world.",
|
||||
icon: Video,
|
||||
title: "HD Video Sessions", description: "Engage in face-to-face video coaching from anywhere in the world.", icon: Video,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-talking-workmates-online-video-call-meeting-discuss-business-project-woman-using-remote-teleconference-computer-with-colleagues-video-conference-webcam_482257-37195.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hr-female-representatives-meeting_482257-120795.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-with-folded-arms_1262-727.jpg",
|
||||
imageAlt: "scheduler interface ui",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/employee-talking-workmates-online-video-call-meeting-discuss-business-project-woman-using-remote-teleconference-computer-with-colleagues-video-conference-webcam_482257-37195.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hr-female-representatives-meeting_482257-120795.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Everything You Need to Succeed"
|
||||
description="Our platform provides a seamless experience for meaningful professional growth."
|
||||
@@ -188,24 +116,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Mentorship Sessions",
|
||||
value: "15,000+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Career Shifts",
|
||||
value: "850+",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Active Mentors",
|
||||
value: "1,200",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", title: "Mentorship Sessions", value: "15,000+", icon: Users },
|
||||
{ id: "m2", title: "Career Shifts", value: "850+", icon: TrendingUp },
|
||||
{ id: "m3", title: "Active Mentors", value: "1,200", icon: Award }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Evidence-backed growth paths for our users."
|
||||
@@ -216,13 +129,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Amazon",
|
||||
"Apple",
|
||||
"Tesla",
|
||||
]}
|
||||
names={["Microsoft", "Google", "Amazon", "Apple", "Tesla"]}
|
||||
title="Trusted by Leaders at"
|
||||
description="Industry professionals from these top-tier organizations use our platform."
|
||||
/>
|
||||
@@ -235,26 +142,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-man-with-folded-arms_1262-727.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-businesswoman-smiling-closeup-portrait-jobs-career-campaign_53876-143280.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-looking-camera-with-arms-folded-smiling_1098-18840.jpg",
|
||||
alt: "Marcus",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-asian-woman-professional-entrepreneur-standing-office-clothing-smiling-looking-confident-white-background_1258-95846.jpg",
|
||||
alt: "Yuki",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-man-with-folded-arms_1262-727.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg", alt: "John" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-african-businesswoman-smiling-closeup-portrait-jobs-career-campaign_53876-143280.jpg", alt: "Elena" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-looking-camera-with-arms-folded-smiling_1098-18840.jpg", alt: "Marcus" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-asian-woman-professional-entrepreneur-standing-office-clothing-smiling-looking-confident-white-background_1258-95846.jpg", alt: "Yuki" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -266,21 +158,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I choose a mentor?",
|
||||
content: "You can browse our directory based on industry, role, and expertise.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I switch mentors?",
|
||||
content: "Yes, flexibility is a core value, you can change your match anytime.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is it fully online?",
|
||||
content: "Absolutely, all sessions take place within the platform's video tool.",
|
||||
},
|
||||
{ id: "f1", title: "How do I choose a mentor?", content: "You can browse our directory based on industry, role, and expertise." },
|
||||
{ id: "f2", title: "Can I switch mentors?", content: "Yes, flexibility is a core value, you can change your match anytime." },
|
||||
{ id: "f3", title: "Is it fully online?", content: "Absolutely, all sessions take place within the platform's video tool." }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
@@ -296,18 +176,8 @@ export default function LandingPage() {
|
||||
title="Ready to Start Your Journey?"
|
||||
description="Fill out the form below and we will help you find the perfect mentorship partner."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-graphic-designer-showing-color-swatch_1170-1130.jpg"
|
||||
/>
|
||||
@@ -318,32 +188,17 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Pricing", href: "#" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="MentorEdge"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user