Merge version_1_1783183148383 into main #2
@@ -7,99 +7,53 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "Mentors",
|
||||
"href": "#mentors"
|
||||
},
|
||||
{
|
||||
"name": "Forum",
|
||||
"href": "#forum"
|
||||
},
|
||||
{
|
||||
"name": "Dashboard",
|
||||
"href": "#dashboard"
|
||||
},
|
||||
{
|
||||
"name": "Hero",
|
||||
"href": "#hero"
|
||||
},
|
||||
{
|
||||
"name": "Features",
|
||||
"href": "#features"
|
||||
},
|
||||
{
|
||||
"name": "Metrics",
|
||||
"href": "#metrics"
|
||||
},
|
||||
{
|
||||
"name": "Faq",
|
||||
"href": "#faq"
|
||||
}
|
||||
];
|
||||
{ name: "Mentors", href: "#mentors" },
|
||||
{ name: "Forum", href: "#forum" },
|
||||
{ name: "Dashboard", href: "#dashboard" },
|
||||
{ name: "Hero", href: "#hero" },
|
||||
{ name: "Features", href: "#features" },
|
||||
{ name: "Metrics", href: "#metrics" },
|
||||
{ name: "Faq", href: "#faq" }
|
||||
];
|
||||
|
||||
return (
|
||||
<StyleProvider buttonVariant="arrow" siteBackground="noise" heroBackground="lightRaysCenter">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloatingLogo
|
||||
logo="MentorConnect"
|
||||
ctaButton={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
navItems={navItems} />
|
||||
logo="MentorConnect"
|
||||
logoImageSrc="http://img.b2bpic.net/free-photo/cinema-3d-glasses_23-2148115288.jpg"
|
||||
ctaButton={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
<Outlet />
|
||||
</main>
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterSimpleMedia
|
||||
brand="MentorConnect"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
brand="MentorConnect"
|
||||
columns={[
|
||||
{
|
||||
label: "Mentors",
|
||||
href: "#mentors",
|
||||
title: "Platform", items: [
|
||||
{ label: "Mentors", href: "#mentors" },
|
||||
{ label: "Forum", href: "#forum" },
|
||||
{ label: "Dashboard", href: "#dashboard" },
|
||||
],
|
||||
},
|
||||
{
|
||||
label: "Forum",
|
||||
href: "#forum",
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Terms", href: "#terms" },
|
||||
],
|
||||
},
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "#dashboard",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#terms",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyright="© 2024 MentorConnect. All rights reserved."
|
||||
links={[
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#privacy",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cinema-3d-glasses_23-2148115288.jpg?_wi=2"
|
||||
/>
|
||||
]}
|
||||
copyright="© 2024 MentorConnect. All rights reserved."
|
||||
links={[{ label: "Privacy Policy", href: "#privacy" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cinema-3d-glasses_23-2148115288.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
|
||||
@@ -10,210 +10,139 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBrand
|
||||
brand="Empowering Careers Through Mentorship"
|
||||
description="Connect with experienced alumni to gain industry insights, career guidance, and build your professional network."
|
||||
primaryButton={{
|
||||
text: "Browse Mentors",
|
||||
href: "#mentors",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Join Community",
|
||||
href: "#forum",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-people-correcting-grammar-mistakes_23-2150171094.jpg"
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="Empowering Careers Through Mentorship"
|
||||
description="Connect with experienced alumni to gain industry insights, career guidance, and build your professional network."
|
||||
primaryButton={{
|
||||
text: "Browse Mentors", href: "#mentors"}}
|
||||
secondaryButton={{
|
||||
text: "Join Community", href: "#forum"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-people-correcting-grammar-mistakes_23-2150171094.jpg"
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesMediaCards
|
||||
tag="Platform Features"
|
||||
title="Everything You Need to Succeed"
|
||||
description="Powerful tools to manage your mentorship journey seamlessly."
|
||||
items={[
|
||||
{
|
||||
title: "Expert Mentor Profiles",
|
||||
description: "Explore curated profiles of alumni from top industry leaders.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-booking-app-concept_23-2148565809.jpg",
|
||||
},
|
||||
{
|
||||
title: "Seamless Booking",
|
||||
description: "Request 1-on-1 sessions based on mentor availability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-notes-concept-with-wooden-blocks-with-icons-notebook-pencil-sage-color-table-top-view_176474-10408.jpg",
|
||||
},
|
||||
{
|
||||
title: "Open Discussion Forum",
|
||||
description: "Engage in community discussions, share insights, and get advice.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-people-using-smartphones_53876-20881.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Platform Features"
|
||||
title="Everything You Need to Succeed"
|
||||
description="Powerful tools to manage your mentorship journey seamlessly."
|
||||
items={[
|
||||
{
|
||||
title: "Expert Mentor Profiles", description: "Explore curated profiles of alumni from top industry leaders.", imageSrc: "http://img.b2bpic.net/free-vector/medical-booking-app-concept_23-2148565809.jpg"},
|
||||
{
|
||||
title: "Seamless Booking", description: "Request 1-on-1 sessions based on mentor availability.", imageSrc: "http://img.b2bpic.net/free-photo/business-notes-concept-with-wooden-blocks-with-icons-notebook-pencil-sage-color-table-top-view_176474-10408.jpg"},
|
||||
{
|
||||
title: "Open Discussion Forum", description: "Engage in community discussions, share insights, and get advice.", imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-people-using-smartphones_53876-20881.jpg"},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="mentors" data-section="mentors">
|
||||
<SectionErrorBoundary name="mentors">
|
||||
<div id="mentors" data-section="mentors">
|
||||
<SectionErrorBoundary name="mentors">
|
||||
<TeamListCards
|
||||
tag="Featured Mentors"
|
||||
title="Meet Our Experienced Alumni"
|
||||
description="Connect with experts willing to share their professional wisdom."
|
||||
groups={[
|
||||
{
|
||||
title: "Technology Mentors",
|
||||
members: [
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
role: "Senior Engineer @ Google",
|
||||
detail: "Expert in software architecture and cloud computing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-leader-modern-office-with-businesspeople-workin_1139-957.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
role: "CTO @ Startup Ventures",
|
||||
detail: "15 years of experience in product scaling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-handsome-middle-aged-boss_1262-4837.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
role: "Senior UX Designer @ Adobe",
|
||||
detail: "Specializing in design strategy and accessibility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1294.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinema-3d-glasses_23-2148115288.jpg?_wi=1",
|
||||
imageAlt: "professional headshot woman",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Featured Mentors"
|
||||
title="Meet Our Experienced Alumni"
|
||||
description="Connect with experts willing to share their professional wisdom."
|
||||
groups={[
|
||||
{
|
||||
title: "Technology Mentors", members: [
|
||||
{
|
||||
name: "Sarah Chen", role: "Senior Engineer @ Google", detail: "Expert in software architecture and cloud computing.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-leader-modern-office-with-businesspeople-workin_1139-957.jpg"},
|
||||
{
|
||||
name: "Marcus Thorne", role: "CTO @ Startup Ventures", detail: "15 years of experience in product scaling.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-handsome-middle-aged-boss_1262-4837.jpg"},
|
||||
{
|
||||
name: "Elena Rodriguez", role: "Senior UX Designer @ Adobe", detail: "Specializing in design strategy and accessibility.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1294.jpg"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Community Impact"
|
||||
title="Making Real Connections"
|
||||
description="Our platform continues to grow the alumni-student bond."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
description: "Alumni Mentors Active",
|
||||
},
|
||||
{
|
||||
value: "2,000+",
|
||||
description: "Successful Connections",
|
||||
},
|
||||
{
|
||||
value: "450+",
|
||||
description: "Forum Discussions",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
description: "Student Satisfaction",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Community Impact"
|
||||
title="Making Real Connections"
|
||||
description="Our platform continues to grow the alumni-student bond."
|
||||
metrics={[
|
||||
{ value: "500+", description: "Alumni Mentors Active" },
|
||||
{ value: "2,000+", description: "Successful Connections" },
|
||||
{ value: "450+", description: "Forum Discussions" },
|
||||
{ value: "98%", description: "Student Satisfaction" },
|
||||
]}
|
||||
textAnimation="fade"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Help Center"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about getting started."
|
||||
categories={[
|
||||
{
|
||||
name: "Mentorship",
|
||||
items: [
|
||||
{
|
||||
question: "How do I request a session?",
|
||||
answer: "Browse mentor profiles and click 'Request Session' on their profile.",
|
||||
},
|
||||
{
|
||||
question: "Is the mentorship free?",
|
||||
answer: "The platform focuses on alumni voluntary mentorship; most sessions are free of charge.",
|
||||
},
|
||||
{
|
||||
question: "How can I update my profile?",
|
||||
answer: "Access your user dashboard and update your professional details anytime.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Help Center"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about getting started."
|
||||
categories={[
|
||||
{
|
||||
name: "Mentorship", items: [
|
||||
{
|
||||
question: "How do I request a session?", answer: "Browse mentor profiles and click 'Request Session' on their profile."},
|
||||
{
|
||||
question: "Is the mentorship free?", answer: "The platform focuses on alumni voluntary mentorship; most sessions are free of charge."},
|
||||
{
|
||||
question: "How can I update my profile?", answer: "Access your user dashboard and update your professional details anytime."},
|
||||
],
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Success Stories"
|
||||
title="What Students Say"
|
||||
description="Hear from those who found career success through our alumni."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jordan P.",
|
||||
role: "Junior Developer",
|
||||
quote: "The guidance I received on this platform changed my career path completely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-smiling-happy-young-pleasant-looking-female-wears-denim-shirt-stylish-glasses-with-straight-blonde-hair-expresses-positiveness-poses_176420-13176.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maria K.",
|
||||
role: "Data Analyst",
|
||||
quote: "Mentors here are professional and extremely supportive of junior talent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-student-with-books_23-2151936267.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex W.",
|
||||
role: "UX Researcher",
|
||||
quote: "Invaluable insights into the industry that I couldn't have found anywhere else.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-handsome-blond-man-with-beard-moustache-standing-with-crossed-hands-white-shirt-with-slight-smile-confident-expression_176420-17129.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sam R.",
|
||||
role: "Marketing Manager",
|
||||
quote: "Connecting with alumni who were once in my shoes gave me so much confidence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-holding-notebooks-from-courses-smiling-camera-standing-spring-clothes-against-blue-background_1258-70161.jpg",
|
||||
},
|
||||
{
|
||||
name: "Casey L.",
|
||||
role: "Financial Analyst",
|
||||
quote: "The platform is incredibly user-friendly and builds great professional bridges.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12467.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Success Stories"
|
||||
title="What Students Say"
|
||||
description="Hear from those who found career success through our alumni."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jordan P.", role: "Junior Developer", quote: "The guidance I received on this platform changed my career path completely.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-smiling-happy-young-pleasant-looking-female-wears-denim-shirt-stylish-glasses-with-straight-blonde-hair-expresses-positiveness-poses_176420-13176.jpg"},
|
||||
{
|
||||
name: "Maria K.", role: "Data Analyst", quote: "Mentors here are professional and extremely supportive of junior talent.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-student-with-books_23-2151936267.jpg"},
|
||||
{
|
||||
name: "Alex W.", role: "UX Researcher", quote: "Invaluable insights into the industry that I couldn't have found anywhere else.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-handsome-blond-man-with-beard-moustache-standing-with-crossed-hands-white-shirt-with-slight-smile-confident-expression_176420-17129.jpg"},
|
||||
{
|
||||
name: "Sam R.", role: "Marketing Manager", quote: "Connecting with alumni who were once in my shoes gave me so much confidence.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-holding-notebooks-from-courses-smiling-camera-standing-spring-clothes-against-blue-background_1258-70161.jpg"},
|
||||
{
|
||||
name: "Casey L.", role: "Financial Analyst", quote: "The platform is incredibly user-friendly and builds great professional bridges.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12467.jpg"},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get Started"
|
||||
text="Join MentorConnect today and start your journey towards a brighter future."
|
||||
primaryButton={{
|
||||
text: "Sign Up Now",
|
||||
href: "#signup",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Support",
|
||||
href: "#support",
|
||||
}}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get Started"
|
||||
text="Join MentorConnect today and start your journey towards a brighter future."
|
||||
primaryButton={{
|
||||
text: "Sign Up Now", href: "#signup"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Support", href: "#support"}}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user