bender/c4209470-31d0-400f-9be3-c76832b3c5d1
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Add src/app/pathway/leadership/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-07 10:17:48 +00:00
parent cd5fa2830f
commit ef6888e7e8
1 changed files with 147 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

147
src/app/pathway/leadership/page.tsx Normal file
View File

@@ -0,0 +1,147 @@
"use client";
import { ThemeProvider } from "@/components/theme/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSignup from "@/components/sections/hero/HeroSignup";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import TimelineCardStack from "@/components/cardStack/layouts/timelines/TimelineCardStack";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Crown, Sparkles, Users, Heart, Zap } from "lucide-react";
export default function LeadershipPathway() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Pathways", id: "#pathways" },
{ name: "Parent Guide", id: "/parent-guide" },
{ name: "Contact", id: "#contact" },
]}
brandName="Youth Pathways"
button={{ text: "Get Started", href: "#cta" }}
/>
<div id="hero" data-section="hero">
<HeroSignup
background={{ variant: "sparkles-gradient" }}
tag="Leadership & Impact"
tagIcon={Crown}
title="Lead Change. Make a Difference. Shape the World."
description="Great leaders change everything. Learn to inspire teams, drive positive change, and create movements. Develop the mindset and skills to lead at any level. Your moment to make an impact is now."
inputPlaceholder="Enter your email"
buttonText="Lead the Way"
onSubmit={(email) => console.log("Email:", email)}
/>
</div>
<div id="skills" data-section="skills">
<FeatureHoverPattern
title="What You'll Master"
description="Learn from leaders who've made real impact. Develop the character, vision, and skills to inspire and lead others."
tag="Leadership Skills"
tagIcon={Zap}
features={[
{
icon: Users,
title: "Team Leadership", description: "Inspire and empower teams. Recruit and develop talent. Create psychological safety. Build high-performing cultures. Lead with authenticity.", button: { text: "Learn More", href: "#" },
},
{
icon: Heart,
title: "Emotional Intelligence", description: "Master self-awareness. Develop empathy. Read people. Manage emotions. Build deep relationships. Lead with heart.", button: { text: "Learn More", href: "#" },
},
{
icon: Sparkles,
title: "Visionary Thinking", description: "Develop strategic vision. Think 5 years ahead. Anticipate change. Set ambitious goals. Inspire people around your vision.", button: { text: "Learn More", href: "#" },
},
{
icon: Crown,
title: "Social Impact", description: "Create positive change in communities. Lead social enterprises. Drive sustainability. Make impact through your leadership.", button: { text: "Learn More", href: "#" },
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="timeline" data-section="timeline">
<TimelineCardStack
title="Your 8-Week Leadership Development Program"
description="Intensive, transformational. Go from individual contributor to leader. From follower to visionary."
tag="Leadership Training"
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
>
<div className="rounded-lg bg-card p-6 md:p-8">
<h3 className="text-xl font-bold text-foreground mb-3">Weeks 1-2: Self-Leadership</h3>
<p className="text-foreground/80">Understand yourself first. Build self-awareness. Define your values. Identify your leadership style. Lead yourself before you lead others.
</p>
</div>
<div className="rounded-lg bg-card p-6 md:p-8">
<h3 className="text-xl font-bold text-foreground mb-3">Weeks 3-4: Influencing Without Authority</h3>
<p className="text-foreground/80">Lead peers and stakeholders. Build influence through trust. Navigate organizational dynamics. Make an impact without a title.
</p>
</div>
<div className="rounded-lg bg-card p-6 md:p-8">
<h3 className="text-xl font-bold text-foreground mb-3">Weeks 5-6: Team Building & Culture</h3>
<p className="text-foreground/80">Build high-performing teams. Develop talent. Create psychological safety. Build cultures where people do their best work.
</p>
</div>
<div className="rounded-lg bg-card p-6 md:p-8">
<h3 className="text-xl font-bold text-foreground mb-3">Weeks 7-8: Vision & Impact</h3>
<p className="text-foreground/80">Create your leadership vision. Drive strategic initiatives. Create positive change. Launch your leadership journey.
</p>
</div>
</TimelineCardStack>
</div>
<div id="cta" data-section="cta">
<ContactCTA
tag="Lead Now"
tagIcon={Sparkles}
title="Start Your Leadership Journey Today"
description="The world needs leaders who care. Leaders who inspire. Leaders who create positive change. That could be you. Take the first step."
buttons={[
{ text: "Join the Program", href: "#" },
{ text: "Learn More", href: "/" },
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<FooterLogoEmphasis
columns={[
{
items: [
{ label: "Home", href: "/" },
{ label: "All Pathways", href: "#" },
{ label: "Leadership Pathway", href: "#" },
],
},
{
items: [
{ label: "Parent Guide", href: "/parent-guide" },
{ label: "FAQ", href: "#" },
{ label: "Contact", href: "#" },
],
},
]}
logoText="Youth Pathways"
/>
</ThemeProvider>
);
}