From ef6888e7e8a02585caa8ddfcdbd3b177ea49777f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 7 Mar 2026 10:17:48 +0000
Subject: [PATCH] Add src/app/pathway/leadership/page.tsx

---
 src/app/pathway/leadership/page.tsx | 147 ++++++++++++++++++++++++++++
 1 file changed, 147 insertions(+)
 create mode 100644 src/app/pathway/leadership/page.tsx

diff --git a/src/app/pathway/leadership/page.tsx b/src/app/pathway/leadership/page.tsx
new file mode 100644
index 0000000..b3c156d
--- /dev/null
+++ b/src/app/pathway/leadership/page.tsx
@@ -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>
+  );
+}