6 Commits

Author SHA1 Message Date
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
3 changed files with 46 additions and 34 deletions

View File

@@ -28,10 +28,14 @@ export const metadata: Metadata = {
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({
children,
@@ -41,7 +45,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${merriweather.variable} antialiased`}>
<body className={`${merriweather.variable} ${montserrat.variable} antialiased`}>
<Tag />
{children}
<script

View File

@@ -41,14 +41,14 @@ export default function LandingPage() {
{
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,
@@ -80,7 +80,8 @@ export default function LandingPage() {
{
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>
@@ -100,18 +101,20 @@ export default function LandingPage() {
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>
@@ -121,14 +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>
@@ -155,8 +159,9 @@ export default function LandingPage() {
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>
@@ -165,9 +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>
@@ -177,15 +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>
@@ -195,29 +202,30 @@ export default function LandingPage() {
background={{
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: [
{
label: "Impact", href: "#metrics"},
{
label: "About Us", href: "#about"},
label: "Our Approach", href: "#about"},
{
label: "Stories", href: "#testimonials"},
],
},
{
title: "Support", items: [
title: "Connect", items: [
{
label: "Get Involved", href: "#contact"},
{
@@ -229,13 +237,13 @@ export default function LandingPage() {
{
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>

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-merriweather), 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-merriweather), sans-serif;
font-family: var(--font-merriweather), serif;
}