From d39ce67894cd9492ac64ac12da39dd630e6c9b51 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 11:44:26 +0000
Subject: [PATCH 1/5] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 48 ++++++++++++++----------------------------
 1 file changed, 16 insertions(+), 32 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index ad23ee9..efdfef0 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -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>
-- 
2.49.1


From 86629a92254d63a8394ea5dca90cd7d94a89a1c9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 11:44:27 +0000
Subject: [PATCH 2/5] Update src/app/layout.tsx

---
 src/app/layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 39b1711..d35e7a8 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -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"
-- 
2.49.1


From 30545805259963dbdc83e41cdde521f0e5234485 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 11:44:27 +0000
Subject: [PATCH 3/5] Update src/app/page.tsx

---
 src/app/page.tsx | 139 +++++++++--------------------------------------
 1 file changed, 27 insertions(+), 112 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9803c56..85d194e 100644
--- a/src/app/page.tsx
+++ b/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>
-- 
2.49.1


From ec83920310464730632d74ab28d333d85f91def8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 11:44:28 +0000
Subject: [PATCH 4/5] Update src/app/programs/page.tsx

---
 src/app/programs/page.tsx | 84 +++++++++------------------------------
 1 file changed, 18 insertions(+), 66 deletions(-)

diff --git a/src/app/programs/page.tsx b/src/app/programs/page.tsx
index b2e7a99..78b1f17 100644
--- a/src/app/programs/page.tsx
+++ b/src/app/programs/page.tsx
@@ -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>
-- 
2.49.1


From 31955f65e028b30ccc4ccaadf876dcee8702387e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 11:44:28 +0000
Subject: [PATCH 5/5] Update src/app/stories/page.tsx

---
 src/app/stories/page.tsx | 70 +++++++++++-----------------------------
 1 file changed, 18 insertions(+), 52 deletions(-)

diff --git a/src/app/stories/page.tsx b/src/app/stories/page.tsx
index f7b3ebe..8e69708 100644
--- a/src/app/stories/page.tsx
+++ b/src/app/stories/page.tsx
@@ -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>
-- 
2.49.1