Merge version_1 into main #2
@@ -7,39 +7,31 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "/programs",
|
||||
},
|
||||
{
|
||||
name: "Stories",
|
||||
id: "/stories",
|
||||
},
|
||||
{
|
||||
name: "Apply",
|
||||
id: "/apply",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Programs", id: "/programs" },
|
||||
{ name: "Stories", id: "/stories" }
|
||||
]}
|
||||
brandName="SSSI"
|
||||
button={{ text: "Apply" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -55,9 +47,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Join our mission to create a brighter, more peaceful future for the youth of South Sudan."
|
||||
/>
|
||||
</div>
|
||||
@@ -65,14 +55,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SSSI"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "/#" }}
|
||||
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -11,8 +11,8 @@ import { Mulish } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'SSSI | South Sudan Scholarship Initiative',
|
||||
description: 'Connecting South Sudanese students to global education and promoting peaceful societies.',
|
||||
title: 'SSSI | South Sudanese Students Initiative',
|
||||
description: 'Empowering South Sudanese students through education, mentorship, and peace advocacy.',
|
||||
openGraph: {
|
||||
"title": "SSSI | Global Opportunities",
|
||||
"siteName": "South Sudan Scholarship Initiative"
|
||||
|
||||
139
src/app/page.tsx
139
src/app/page.tsx
@@ -8,7 +8,6 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -16,75 +15,41 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "/programs",
|
||||
},
|
||||
{
|
||||
name: "Stories",
|
||||
id: "/stories",
|
||||
},
|
||||
{
|
||||
name: "Apply",
|
||||
id: "/apply",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Programs", id: "/programs" },
|
||||
{ name: "Stories", id: "/stories" }
|
||||
]}
|
||||
brandName="SSSI"
|
||||
button={{ text: "Apply" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Empowering South Sudanese Students Through Education & Peace"
|
||||
description="We prepare, guide, and connect students to global opportunities while promoting non-violence in our communities."
|
||||
tag="SSSI Global Initiative"
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "/apply",
|
||||
},
|
||||
{
|
||||
text: "Read Stories",
|
||||
href: "/stories",
|
||||
},
|
||||
{ text: "Apply Now", href: "/apply" },
|
||||
{ text: "Read Stories", href: "/stories" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-sitting-ramp_23-2147678211.jpg?_wi=1",
|
||||
imageAlt: "Student Success",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-student-showing-thumb-up-graduation-gown-looking-cheerful-front-view_176474-51012.jpg",
|
||||
imageAlt: "Community Impact",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-interracial-young-couple-raising-their-arms-looking-city-skyline_23-2148151745.jpg",
|
||||
imageAlt: "Young couple looking at city skyline",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-african-kids-reading-together_23-2148860425.jpg",
|
||||
imageAlt: "African children reading together",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-children-enjoying-life_23-2151438286.jpg",
|
||||
imageAlt: "African children enjoying life",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-sitting-ramp_23-2147678211.jpg", imageAlt: "Student Success" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-student-showing-thumb-up-graduation-gown-looking-cheerful-front-view_176474-51012.jpg", imageAlt: "Community Impact" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -98,30 +63,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Scholarship Access",
|
||||
descriptions: [
|
||||
"Expert guidance on university applications and scholarship opportunities.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-cartoon-style-with-stack-books_23-2151007467.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Mentorship",
|
||||
descriptions: [
|
||||
"One-on-one support for personal growth and academic storytelling.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paper-hands-with-open-notebook_23-2149001173.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Peace Advocacy",
|
||||
descriptions: [
|
||||
"Training students to be active leaders in peace and non-violence.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/human-people-abstract-logo-design_474888-2042.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Scholarship Access", descriptions: ["Expert guidance on university applications and scholarship opportunities."], imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-cartoon-style-with-stack-books_23-2151007467.jpg" },
|
||||
{ id: "f2", title: "Mentorship", descriptions: ["One-on-one support for personal growth and academic storytelling."], imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paper-hands-with-open-notebook_23-2149001173.jpg" },
|
||||
{ id: "f3", title: "Peace Advocacy", descriptions: ["Training students to be active leaders in peace and non-violence."], imageSrc: "http://img.b2bpic.net/free-vector/human-people-abstract-logo-design_474888-2042.jpg" }
|
||||
]}
|
||||
title="What We Do"
|
||||
description="Our core pillars guide students from local classrooms to global achievements."
|
||||
@@ -130,46 +74,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="impact" data-section="impact">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50+",
|
||||
title: "Students Guided",
|
||||
description: "Successfully supported applicants",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/badge-icon-front-side_187299-39424.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
title: "Applications Submitted",
|
||||
description: "Global university reach",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/inhome-daycare-abstract-concept-vector-illustration-inhome-caregiver-service-child-care-housekeeper-help-with-kids-daycare-assistance-early-education-nanny-baby-abstract-metaphor_335657-5906.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5+",
|
||||
title: "Offers Received",
|
||||
description: "International scholarship wins",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-colorful-logo_1025-60.jpg",
|
||||
},
|
||||
{ id: "m1", value: "50+", title: "Students Guided", description: "Successfully supported applicants", imageSrc: "http://img.b2bpic.net/free-photo/badge-icon-front-side_187299-39424.jpg" },
|
||||
{ id: "m2", value: "10+", title: "Applications Submitted", description: "Global university reach", imageSrc: "http://img.b2bpic.net/free-vector/inhome-daycare-abstract-concept-vector-illustration-inhome-caregiver-service-child-care-housekeeper-help-with-kids-daycare-assistance-early-education-nanny-baby-abstract-metaphor_335657-5906.jpg" },
|
||||
{ id: "m3", value: "5+", title: "Offers Received", description: "International scholarship wins", imageSrc: "http://img.b2bpic.net/free-vector/abstract-colorful-logo_1025-60.jpg" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Evidence of our commitment to student success and community peace."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductDetailCard />
|
||||
</div>
|
||||
|
||||
<div id="contact-home" data-section="contact-home">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Connect With Us"
|
||||
title="Your journey starts here."
|
||||
description="Join our network or partner with us to drive transformation."
|
||||
@@ -181,14 +102,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SSSI"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "/#" }}
|
||||
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -7,39 +7,31 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ProgramsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "/programs",
|
||||
},
|
||||
{
|
||||
name: "Stories",
|
||||
id: "/stories",
|
||||
},
|
||||
{
|
||||
name: "Apply",
|
||||
id: "/apply",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Programs", id: "/programs" },
|
||||
{ name: "Stories", id: "/stories" }
|
||||
]}
|
||||
brandName="SSSI"
|
||||
button={{ text: "Apply" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -49,40 +41,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Scholarship Prep",
|
||||
period: "Full Course",
|
||||
price: "Access",
|
||||
features: [
|
||||
"University research",
|
||||
"Essay drafting",
|
||||
"Interview prep",
|
||||
],
|
||||
button: {
|
||||
text: "Apply",
|
||||
href: "/apply",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-high-five_23-2148576836.jpg",
|
||||
imageAlt: "Front view friends high five",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Peace Leadership",
|
||||
period: "Ongoing",
|
||||
price: "Inclusive",
|
||||
features: [
|
||||
"Conflict training",
|
||||
"Civic engagement",
|
||||
"Mentorship",
|
||||
],
|
||||
button: {
|
||||
text: "Join",
|
||||
href: "/apply",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-sitting-ramp_23-2147678211.jpg?_wi=2",
|
||||
imageAlt: "Front view friends high five",
|
||||
},
|
||||
{ id: "p1", title: "Scholarship Prep", period: "Full Course", price: "Access", features: ["University research", "Essay drafting", "Interview prep"], button: { text: "Apply", href: "/apply" }, imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-high-five_23-2148576836.jpg" },
|
||||
{ id: "p2", title: "Peace Leadership", period: "Ongoing", price: "Inclusive", features: ["Conflict training", "Civic engagement", "Mentorship"], button: { text: "Join", href: "/apply" }, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-sitting-ramp_23-2147678211.jpg" }
|
||||
]}
|
||||
title="Our Programs"
|
||||
description="Detailing our core academic and peace-focused initiatives."
|
||||
@@ -92,9 +52,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Have questions about our programs? Our team is here to provide guidance and support."
|
||||
/>
|
||||
</div>
|
||||
@@ -102,14 +60,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SSSI"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "/#" }}
|
||||
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -7,39 +7,31 @@ import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function StoriesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "/programs",
|
||||
},
|
||||
{
|
||||
name: "Stories",
|
||||
id: "/stories",
|
||||
},
|
||||
{
|
||||
name: "Apply",
|
||||
id: "/apply",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Programs", id: "/programs" },
|
||||
{ name: "Stories", id: "/stories" }
|
||||
]}
|
||||
brandName="SSSI"
|
||||
button={{ text: "Apply" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -51,26 +43,8 @@ export default function LandingPage() {
|
||||
title="Student Success"
|
||||
description="Inspiring journeys from our community."
|
||||
blogs={[
|
||||
{
|
||||
id: "s1",
|
||||
category: "Success",
|
||||
title: "Achieving Dreams",
|
||||
excerpt: "One student's journey to university.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-graduate-keeping-hands-chin-academic-dress-looking-merry-front-view_176474-51233.jpg",
|
||||
authorName: "Staff",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/group-young-people_53876-31463.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
category: "Growth",
|
||||
title: "Building Peace",
|
||||
excerpt: "Leadership in action.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-student-graduation-cap_93675-133782.jpg",
|
||||
authorName: "Staff",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/rad-passion-indy-soulful-spirit_53876-21291.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
{ id: "s1", category: "Success", title: "Achieving Dreams", excerpt: "One student's journey to university.", imageSrc: "http://img.b2bpic.net/free-photo/female-graduate-keeping-hands-chin-academic-dress-looking-merry-front-view_176474-51233.jpg", authorName: "Staff", authorAvatar: "http://img.b2bpic.net/free-photo/group-young-people_53876-31463.jpg", date: "2024" },
|
||||
{ id: "s2", category: "Growth", title: "Building Peace", excerpt: "Leadership in action.", imageSrc: "http://img.b2bpic.net/free-photo/happy-student-graduation-cap_93675-133782.jpg", authorName: "Staff", authorAvatar: "http://img.b2bpic.net/free-photo/rad-passion-indy-soulful-spirit_53876-21291.jpg", date: "2024" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -78,9 +52,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Read more about how our scholars are changing the world."
|
||||
/>
|
||||
</div>
|
||||
@@ -88,14 +60,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SSSI"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "/#" }}
|
||||
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user