14 Commits

Author SHA1 Message Date
cec948420f Merge version_5 into main
Merge version_5 into main
2026-04-22 17:10:26 +00:00
f69543c1d8 Update src/app/page.tsx 2026-04-22 17:10:23 +00:00
db15d06ab2 Merge version_4 into main
Merge version_4 into main
2026-04-22 17:07:37 +00:00
3493e13aa4 Update src/app/styles/base.css 2026-04-22 17:07:34 +00:00
56c861ef31 Update src/app/page.tsx 2026-04-22 17:07:34 +00:00
e2ad9d056d Update src/app/layout.tsx 2026-04-22 17:07:33 +00:00
468d308d07 Merge version_3 into main
Merge version_3 into main
2026-04-22 17:03:34 +00:00
fc816b5266 Update src/app/styles/base.css 2026-04-22 17:03:31 +00:00
75b344666d Update src/app/page.tsx 2026-04-22 17:03:31 +00:00
abf1eedf5f Update src/app/layout.tsx 2026-04-22 17:03:30 +00:00
8243e58eec Merge version_2 into main
Merge version_2 into main
2026-04-22 17:02:55 +00:00
2f80427a60 Merge version_2 into main
Merge version_2 into main
2026-04-22 17:00:44 +00:00
f468ced170 Merge version_2 into main
Merge version_2 into main
2026-04-22 17:00:28 +00:00
fdd8752265 Merge version_2 into main
Merge version_2 into main
2026-04-22 16:51:40 +00:00
3 changed files with 95 additions and 207 deletions

View File

@@ -9,6 +9,7 @@ import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Figtree } from "next/font/google";
import { Montserrat } from "next/font/google";
import { Poppins } from "next/font/google";
import { Merriweather } from "next/font/google";
@@ -26,10 +27,14 @@ export const metadata: Metadata = {
const poppins = Poppins({
variable: "--font-poppins",
subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
const merriweather = Merriweather({
variable: "--font-merriweather", subsets: ["latin"],
weight: ["300", "400", "700", "900"],
});
const montserrat = Montserrat({
variable: "--font-montserrat", subsets: ["latin"],
});
export default function RootLayout({
@@ -40,7 +45,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${poppins.variable} antialiased`}>
<body className={`${merriweather.variable} ${montserrat.variable} antialiased`}>
<Tag />
{children}
<script

View File

@@ -33,97 +33,55 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Impact",
id: "metrics",
},
name: "Impact", id: "metrics"},
{
name: "Our Work",
id: "about",
},
name: "Our Work", id: "about"},
{
name: "Stories",
id: "testimonials",
},
name: "Stories", id: "testimonials"},
{
name: "Get Involved",
id: "contact",
},
name: "Get Involved", id: "contact"},
]}
brandName="Global Mission"
brandName="village2villageproject"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="A World Where Every Child Thrives"
description="We are dedicated to fighting poverty and injustice through long-term development, emergency relief, and advocacy for those in need around the globe."
title="Empowering Neighbors, One Village at a Time"
description="We believe in holistic, community-led development. By fostering local relationships and shared resources, we walk alongside villages to create lasting, sustainable futures from the ground up."
testimonials={[
{
name: "David",
handle: "@community_leader",
testimonial: "Their long-term commitment transformed our local village economy.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-asian-diverse-people-volunteer-holding-donation-box-fundraiser-emergency-situation-such-as-help-ukraine-flood-victims-food-children-charity-eventvolunteering-conceptual_640221-320.jpg?_wi=1",
imageAlt: "charity community support children",
},
name: "David", handle: "@community_leader", testimonial: "Their long-term commitment transformed our local village economy.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-asian-diverse-people-volunteer-holding-donation-box-fundraiser-emergency-situation-such-as-help-ukraine-flood-victims-food-children-charity-eventvolunteering-conceptual_640221-320.jpg?_wi=1", imageAlt: "charity community support children"},
{
name: "Maria",
handle: "@volunteer_coordinator",
testimonial: "I have seen direct, life-changing impact in thousands of families.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-different-people-volunteering-foodbank_23-2149012216.jpg?_wi=1",
imageAlt: "charity community support children",
},
name: "Maria", handle: "@volunteer_coordinator", testimonial: "I have seen direct, life-changing impact in thousands of families.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-different-people-volunteering-foodbank_23-2149012216.jpg?_wi=1", imageAlt: "charity community support children"},
{
name: "Samuel",
handle: "@education_advocate",
testimonial: "Providing school supplies has truly changed the trajectory of our kids.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-women-fetching-water_23-2149021914.jpg?_wi=1",
imageAlt: "charity community support children",
},
name: "Samuel", handle: "@education_advocate", testimonial: "Providing school supplies has truly changed the trajectory of our kids.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-women-fetching-water_23-2149021914.jpg?_wi=1", imageAlt: "charity community support children"},
{
name: "Sarah",
handle: "@donor",
testimonial: "Knowing exactly how my donation helps makes all the difference.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-school-teacher-giving-help-support-schoolboy-class_74855-16348.jpg?_wi=1",
imageAlt: "charity community support children",
},
name: "Sarah", handle: "@donor", testimonial: "Knowing exactly how my donation helps makes all the difference.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-school-teacher-giving-help-support-schoolboy-class_74855-16348.jpg?_wi=1", imageAlt: "charity community support children"},
{
name: "Kwame",
handle: "@beneficiary",
testimonial: "Sustainable change is visible everywhere in our community now.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-showing-world-globe-blue-uniform-looking-careful_176474-12863.jpg?_wi=1",
imageAlt: "charity community support children",
},
name: "Kwame", handle: "@beneficiary", testimonial: "Sustainable change is visible everywhere in our community now.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-showing-world-globe-blue-uniform-looking-careful_176474-12863.jpg?_wi=1", imageAlt: "charity community support children"},
]}
imageSrc="http://img.b2bpic.net/free-photo/group-asian-diverse-people-volunteer-holding-donation-box-fundraiser-emergency-situation-such-as-help-ukraine-flood-victims-food-children-charity-eventvolunteering-conceptual_640221-320.jpg?_wi=2"
imageAlt="Community members working together on a development project"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/nomad-family-traveling-nature_23-2149651505.jpg",
alt: "Nomad family traveling in nature",
},
src: "http://img.b2bpic.net/free-photo/nomad-family-traveling-nature_23-2149651505.jpg", alt: "Nomad family traveling in nature"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-volunteers-with-donations_23-2149182022.jpg",
alt: "Medium shot volunteers with donations",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-volunteers-with-donations_23-2149182022.jpg", alt: "Medium shot volunteers with donations"},
{
src: "http://img.b2bpic.net/free-photo/exterior-portrait-kids-world-environment-day_23-2149369448.jpg",
alt: "Exterior portrait of kids for world environment day",
},
src: "http://img.b2bpic.net/free-photo/exterior-portrait-kids-world-environment-day_23-2149369448.jpg", alt: "Exterior portrait of kids for world environment day"},
{
src: "http://img.b2bpic.net/free-photo/little-children-trick-treating-halloween_53876-41185.jpg",
alt: "Little children trick or treating on Halloween",
},
src: "http://img.b2bpic.net/free-photo/little-children-trick-treating-halloween_53876-41185.jpg", alt: "Little children trick or treating on Halloween"},
{
src: "http://img.b2bpic.net/free-photo/group-happy-diverse-volunteers_53876-15117.jpg",
alt: "Group of happy and diverse volunteers",
},
src: "http://img.b2bpic.net/free-photo/group-happy-diverse-volunteers_53876-15117.jpg", alt: "Group of happy and diverse volunteers"},
]}
avatarText="Join 50,000+ donors today"
avatarText="Join our growing movement"
descriptionClassName="font-montserrat"
/>
</div>
@@ -134,36 +92,29 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Droplets,
title: "Families with Clean Water",
value: "1.2M+",
},
id: "m1", icon: Droplets,
title: "Families with Clean Water", value: "1.2M+"},
{
id: "m2",
icon: BookOpen,
title: "Children Educated",
value: "500K+",
},
id: "m2", icon: BookOpen,
title: "Children Educated", value: "500K+"},
{
id: "m3",
icon: Activity,
title: "Lives Improved Through Health",
value: "2M+",
},
id: "m3", icon: Activity,
title: "Lives Improved Through Health", value: "2M+"},
]}
title="Our Collective Impact"
description="Measurable results driven by community partnership."
title="Measuring Our Shared Progress"
description="Tangible results grown from genuine village partnerships."
textBoxDescriptionClassName="font-montserrat"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Building Sustainable Futures"
description="We don't just provide relief; we equip communities with the resources, education, and health support they need to break the cycle of poverty permanently. Our approach is centered on local leadership and lasting change."
title="Sustainable Growth Through Connection"
description="We believe real change happens through listening and local empowerment. By connecting village to village, we share knowledge and resources to solve local challenges locally, ensuring our impact lasts for generations."
imageSrc="http://img.b2bpic.net/free-photo/group-different-people-volunteering-foodbank_23-2149012216.jpg?_wi=2"
imageAlt="Development project site in action"
descriptionClassName="font-montserrat"
/>
</div>
@@ -173,26 +124,15 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Water & Sanitation",
description: "Constructing wells and sanitation infrastructure for thousands of households.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-women-fetching-water_23-2149021914.jpg?_wi=2",
imageAlt: "Clean water facility",
},
title: "Water & Sanitation", description: "Empowering villages to build their own sustainable water solutions.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-women-fetching-water_23-2149021914.jpg?_wi=2", imageAlt: "Clean water facility"},
{
title: "Global Education",
description: "Supporting schools, teacher training, and essential classroom learning materials.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-school-teacher-giving-help-support-schoolboy-class_74855-16348.jpg?_wi=2",
imageAlt: "Students in classroom",
},
title: "Educational Empowerment", description: "Supporting local educators and community learning hubs.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-school-teacher-giving-help-support-schoolboy-class_74855-16348.jpg?_wi=2", imageAlt: "Students in classroom"},
{
title: "Healthcare Access",
description: "Delivering medical training, maternal care, and community clinic resources.",
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-showing-world-globe-blue-uniform-looking-careful_176474-12863.jpg?_wi=2",
imageAlt: "Medical outreach clinic",
},
title: "Community Health", description: "Training local health workers to bring care where it's needed most.", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-showing-world-globe-blue-uniform-looking-careful_176474-12863.jpg?_wi=2", imageAlt: "Medical outreach clinic"},
]}
title="Focus Areas"
description="Tackling root causes of poverty through targeted intervention programs."
title="Core Community Initiatives"
description="Targeted efforts based on specific village needs."
textBoxDescriptionClassName="font-montserrat"
/>
</div>
@@ -203,49 +143,25 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Kwame",
handle: "@beneficiary",
testimonial: "I never thought my children would have access to this much opportunity.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-unshaved-dark-skinned-man-with-afro-hairstyle-smiling-expressing-happiness-while-sitting-park-enjoying-nice-weather-listening-music_176420-19804.jpg",
},
id: "t1", name: "Kwame", handle: "@beneficiary", testimonial: "I never thought my children would have access to this much opportunity.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-unshaved-dark-skinned-man-with-afro-hairstyle-smiling-expressing-happiness-while-sitting-park-enjoying-nice-weather-listening-music_176420-19804.jpg"},
{
id: "t2",
name: "Elena",
handle: "@community_coordinator",
testimonial: "Their presence has fundamentally changed how we manage our own resources.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-volunteers-carrying-boxes_23-2149182046.jpg",
},
id: "t2", name: "Elena", handle: "@community_coordinator", testimonial: "Their presence has fundamentally changed how we manage our own resources.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-volunteers-carrying-boxes_23-2149182046.jpg"},
{
id: "t3",
name: "Javier",
handle: "@student",
testimonial: "Having books means I can dream of being a scientist one day.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gender-fluid-people-posing_23-2149030643.jpg",
},
id: "t3", name: "Javier", handle: "@student", testimonial: "Having books means I can dream of being a scientist one day.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gender-fluid-people-posing_23-2149030643.jpg"},
{
id: "t4",
name: "Fatima",
handle: "@mother",
testimonial: "Our family is healthier and safer because of the support we received.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-exchanging-items_23-2150323463.jpg",
},
id: "t4", name: "Fatima", handle: "@mother", testimonial: "Our family is healthier and safer because of the support we received.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-exchanging-items_23-2150323463.jpg"},
{
id: "t5",
name: "Thandi",
handle: "@educator",
testimonial: "The teacher training provided has helped me inspire my students daily.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-woman-serving-meals-underprivileged-community-outreach-event-charity-workers-food-drive-distributing-nutritious-foods-essentials-poor-homeless-side-view-tripod-shot_482257-70842.jpg",
},
id: "t5", name: "Thandi", handle: "@educator", testimonial: "The teacher training provided has helped me inspire my students daily.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-woman-serving-meals-underprivileged-community-outreach-event-charity-workers-food-drive-distributing-nutritious-foods-essentials-poor-homeless-side-view-tripod-shot_482257-70842.jpg"},
]}
showRating={true}
title="Voices of Change"
description="Stories from the communities we empower together."
title="Stories of Transformation"
description="Real journeys of empowerment shared by our neighbors."
textBoxDescriptionClassName="font-montserrat"
/>
</div>
@@ -254,16 +170,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"United Nations",
"World Health Organization",
"Global Relief Fund",
"International Aid Alliance",
"Children's Future Trust",
"Education First Global",
"Humanitarian Action Group",
]}
title="Global Partnerships"
description="Proudly working alongside these global organizations for a better world."
"United Nations", "Global Relief Initiative", "Community Development Fund", "International Alliance for Villages", "Children's Future Collective", "Global Education Partners", "Humanitarian Action Network"]}
title="Partners in Growth"
description="Organizations united in our village-to-village mission."
textBoxDescriptionClassName="font-montserrat"
/>
</div>
@@ -273,24 +183,16 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How is my donation used?",
content: "100% of your donation is directed to community projects, emergency aid, and resource development programs.",
},
id: "f1", title: "Where do my contributions go?", content: "All contributions directly support local initiatives, village projects, and sustainable training programs."},
{
id: "f2",
title: "Where do you operate?",
content: "We currently operate in over 90 countries with a focus on areas facing extreme poverty and conflict.",
},
id: "f2", title: "Where are we working?", content: "We partner with communities in over 90 locations, focusing on long-term relationship building."},
{
id: "f3",
title: "Can I volunteer?",
content: "Yes, we have many opportunities for volunteers to support our mission locally and through global partnerships.",
},
id: "f3", title: "How can I join the mission?", content: "We welcome everyone! You can support us through local volunteer roles or by connecting with our global partner programs."},
]}
title="Common Questions"
description="Learn more about our operations and how donations are utilized."
title="Frequently Asked Questions"
description="Learn more about our approach and how your help supports village growth."
faqsAnimation="slide-up"
textBoxDescriptionClassName="font-montserrat"
/>
</div>
@@ -298,72 +200,53 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Join Us"
title="Become a Change Maker"
description="Sign up for our newsletter to receive monthly stories, impact reports, and ways you can help."
title="Become a Village Partner"
description="Subscribe for updates on our village-led successes, impact stories, and ways to connect."
imageSrc="http://img.b2bpic.net/free-photo/group-volunteers-taking-care-donations-together_23-2148687299.jpg"
mediaAnimation="slide-up"
descriptionClassName="font-montserrat"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Global Mission"
logoText="village2villageproject"
columns={[
{
title: "Our Work",
items: [
title: "Our Work", items: [
{
label: "Impact",
href: "#metrics",
},
label: "Impact", href: "#metrics"},
{
label: "About Us",
href: "#about",
},
label: "Our Approach", href: "#about"},
{
label: "Stories",
href: "#testimonials",
},
label: "Stories", href: "#testimonials"},
],
},
{
title: "Support",
items: [
title: "Connect", items: [
{
label: "Get Involved",
href: "#contact",
},
label: "Get Involved", href: "#contact"},
{
label: "Volunteer",
href: "#",
},
label: "Volunteer", href: "#"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy", href: "#"},
{
label: "Terms of Use",
href: "#",
},
label: "Terms", href: "#"},
],
},
]}
copyrightText="© 2024 Global Mission Non-Profit Organization."
copyrightText="© 2025 village2villageproject. Working together for lasting change."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-poppins), sans-serif;
font-family: var(--font-merriweather), serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-poppins), sans-serif;
font-family: var(--font-merriweather), serif;
}