Merge version_1 into main #2
@@ -11,8 +11,8 @@ import { Source_Sans_3 } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Youth League | Future of African Leadership',
|
||||
description: 'The elite movement empowering the next generation of African leaders with vision, technology, and authority.',
|
||||
title: 'Youth League | African Leadership Movement',
|
||||
description: 'Join a movement built on integrity, vision, and authority. We are empowering the next generation of decision-makers.',
|
||||
openGraph: {
|
||||
"title": "Youth League | Lead the Future",
|
||||
"siteName": "Youth League"
|
||||
|
||||
362
src/app/page.tsx
362
src/app/page.tsx
@@ -27,259 +27,129 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Vision",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Media",
|
||||
id: "#media",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "#events",
|
||||
},
|
||||
{
|
||||
name: "Policies",
|
||||
id: "#documents",
|
||||
},
|
||||
]}
|
||||
brandName="Youth League"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Vision", id: "#about" },
|
||||
{ name: "Media", id: "#media" },
|
||||
{ name: "Events", id: "#events" },
|
||||
{ name: "Policies", id: "#documents" },
|
||||
]}
|
||||
brandName="Youth League"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
title="The Future of African Leadership Starts Here"
|
||||
description="Join a movement built on integrity, vision, and authority. We are empowering the next generation of decision-makers."
|
||||
tag="POWER & INFLUENCE"
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Movement",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Vision",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/professional-portrait-of-a-young-charism-1774619477705-7c6c362e.png?_wi=1",
|
||||
imageAlt: "Leadership Vision",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/close-up-cinematic-shot-of-a-political-c-1774619478817-e6f8ce99.png?_wi=1",
|
||||
imageAlt: "Campaign Vision",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/a-large-crowd-of-enthusiastic-youth-supp-1774619479055-979b0d8c.png?_wi=1",
|
||||
imageAlt: "Community Engagement",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/close-up-of-a-passionate-speaker-at-a-po-1774619477099-bab250c6.png?_wi=1",
|
||||
imageAlt: "Political Strategy",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/modern-photography-of-a-community-engage-1774619480089-305e8d31.png?_wi=1",
|
||||
imageAlt: "Youth Empowerment",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="10,000+ Youth Joined"
|
||||
tagIcon={Zap}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="The Future of African Leadership Starts Here"
|
||||
description="Join a movement built on integrity, vision, and authority. We are empowering the next generation of decision-makers."
|
||||
tag="POWER & INFLUENCE"
|
||||
buttons={[
|
||||
{ text: "Join the Movement", href: "#contact" },
|
||||
{ text: "View Our Vision", href: "#about" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/professional-portrait-of-a-young-charism-1774619477705-7c6c362e.png", imageAlt: "Leadership Vision"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/close-up-cinematic-shot-of-a-political-c-1774619478817-e6f8ce99.png", imageAlt: "Campaign Vision"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="10,000+ Youth Joined"
|
||||
tagIcon={Zap}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Collective Vision"
|
||||
description={[
|
||||
"We are shifting the paradigm of African leadership. By merging technology with grassroots mobilization, we empower the youth to take the helm.",
|
||||
"This is not just a league; it is a system of governance and influence designed for the future.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Collective Vision"
|
||||
description={[
|
||||
"We are shifting the paradigm of African leadership. By merging technology with grassroots mobilization, we empower the youth to take the helm.", "This is not just a league; it is a system of governance and influence designed for the future."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="media" data-section="media">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Youth Rally Momentum",
|
||||
price: "View",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/a-large-crowd-of-enthusiastic-youth-supp-1774619479055-979b0d8c.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Policy Symposium",
|
||||
price: "View",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/close-up-of-a-passionate-speaker-at-a-po-1774619477099-bab250c6.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Community Workshop",
|
||||
price: "View",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/modern-photography-of-a-community-engage-1774619480089-305e8d31.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Campaign Strategy",
|
||||
price: "View",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/close-up-cinematic-shot-of-a-political-c-1774619478817-e6f8ce99.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Leadership Summit",
|
||||
price: "View",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/professional-portrait-of-a-young-charism-1774619477705-7c6c362e.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Impact & Influence"
|
||||
description="Gallery of recent campaign highlights and community achievements."
|
||||
/>
|
||||
</div>
|
||||
<div id="media" data-section="media">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "m1", name: "Youth Rally Momentum", price: "View", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/a-large-crowd-of-enthusiastic-youth-supp-1774619479055-979b0d8c.png" },
|
||||
{ id: "m2", name: "Policy Symposium", price: "View", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/close-up-of-a-passionate-speaker-at-a-po-1774619477099-bab250c6.png" },
|
||||
{ id: "m3", name: "Community Workshop", price: "View", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/modern-photography-of-a-community-engage-1774619480089-305e8d31.png" }
|
||||
]}
|
||||
title="Impact & Influence"
|
||||
description="Gallery of recent campaign highlights and community achievements."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="events" data-section="events">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="timeline"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "e1",
|
||||
title: "National Symposium",
|
||||
description: "September 12th | Lagos, NG",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/elegant-calendar-icon-or-event-visual-fo-1774619479460-08da1a15.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "e2",
|
||||
title: "Leadership Workshop",
|
||||
description: "October 5th | Nairobi, KE",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/professional-visual-for-a-community-lead-1774619477805-9dbcaee1.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "e3",
|
||||
title: "Town Hall Forum",
|
||||
description: "October 20th | Accra, GH",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/high-end-visual-for-a-town-hall-meeting--1774619478683-a811a437.png",
|
||||
},
|
||||
{
|
||||
id: "e4",
|
||||
title: "Governance Seminar",
|
||||
description: "November 15th | Abuja, NG",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/elegant-calendar-icon-or-event-visual-fo-1774619479460-08da1a15.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "e5",
|
||||
title: "Youth Strategy Forum",
|
||||
description: "December 2nd | Cape Town, ZA",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/professional-visual-for-a-community-lead-1774619477805-9dbcaee1.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Upcoming Events"
|
||||
description="Mark your calendar for transformative political leadership sessions."
|
||||
/>
|
||||
</div>
|
||||
<div id="events" data-section="events">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="timeline"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "e1", title: "National Symposium", description: "September 12th | Lagos, NG", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/elegant-calendar-icon-or-event-visual-fo-1774619479460-08da1a15.png" },
|
||||
{ id: "e2", title: "Leadership Workshop", description: "October 5th | Nairobi, KE", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWz5WvMCsjBGdEySSSG2K1vAJn/professional-visual-for-a-community-lead-1774619477805-9dbcaee1.png" }
|
||||
]}
|
||||
title="Upcoming Events"
|
||||
description="Mark your calendar for transformative political leadership sessions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="documents" data-section="documents">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "d1",
|
||||
title: "Vision Document 2024",
|
||||
content: "Download full strategy report.",
|
||||
},
|
||||
{
|
||||
id: "d2",
|
||||
title: "Youth Charter",
|
||||
content: "Rights and responsibilities guidelines.",
|
||||
},
|
||||
{
|
||||
id: "d3",
|
||||
title: "Membership Policy",
|
||||
content: "How to officially join the league.",
|
||||
},
|
||||
{
|
||||
id: "d4",
|
||||
title: "Leadership Framework",
|
||||
content: "Core competencies for members.",
|
||||
},
|
||||
{
|
||||
id: "d5",
|
||||
title: "Engagement Protocol",
|
||||
content: "Guidelines for community building.",
|
||||
},
|
||||
]}
|
||||
title="Policy Library"
|
||||
description="Download our core legislative policies and foundational guiding documents."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="documents" data-section="documents">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "d1", title: "Vision Document 2024", content: "Download full strategy report." },
|
||||
{ id: "d2", title: "Youth Charter", content: "Rights and responsibilities guidelines." }
|
||||
]}
|
||||
title="Policy Library"
|
||||
description="Download our core legislative policies and foundational guiding documents."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Join the Youth League"
|
||||
description="Be part of the movement changing the continent. Secure your place today."
|
||||
buttonText="Submit Application"
|
||||
tag="GET INVOLVED"
|
||||
tagIcon={Mail}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Join the Youth League"
|
||||
description="Be part of the movement changing the continent. Secure your place today."
|
||||
buttonText="Submit Application"
|
||||
tag="GET INVOLVED"
|
||||
tagIcon={Mail}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "About Vision",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Library",
|
||||
href: "#documents",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp Group",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Youth League. All Rights Reserved."
|
||||
bottomRightText="Building Power."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{ label: "About Vision", href: "#about" },
|
||||
{ label: "Library", href: "#documents" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social", items: [
|
||||
{ label: "WhatsApp Group", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Youth League. All Rights Reserved."
|
||||
bottomRightText="Building Power."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user