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({ const merriweather = Merriweather({
variable: "--font-merriweather", subsets: ["latin"], variable: "--font-merriweather", subsets: ["latin"],
weight: ["300", "400", "700", "900"], weight: ["300", "400", "700", "900"],
}); });
const montserrat = Montserrat({
variable: "--font-montserrat", subsets: ["latin"],
});
export default function RootLayout({ export default function RootLayout({
children, children,
@@ -41,7 +45,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${merriweather.variable} antialiased`}> <body className={`${merriweather.variable} ${montserrat.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

View File

@@ -41,14 +41,14 @@ export default function LandingPage() {
{ {
name: "Get Involved", id: "contact"}, name: "Get Involved", id: "contact"},
]} ]}
brandName="Global Mission" brandName="village2villageproject"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlayTestimonial <HeroOverlayTestimonial
title="A World Where Every Child Thrives" title="Empowering Neighbors, One Village at a Time"
description="We are dedicated to fighting poverty and injustice through long-term development, emergency relief, and advocacy for those in need around the globe." 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={[ testimonials={[
{ {
name: "David", handle: "@community_leader", testimonial: "Their long-term commitment transformed our local village economy.", rating: 5, 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"}, 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> </div>
@@ -100,18 +101,20 @@ export default function LandingPage() {
id: "m3", icon: Activity, id: "m3", icon: Activity,
title: "Lives Improved Through Health", value: "2M+"}, title: "Lives Improved Through Health", value: "2M+"},
]} ]}
title="Our Collective Impact" title="Measuring Our Shared Progress"
description="Measurable results driven by community partnership." description="Tangible results grown from genuine village partnerships."
textBoxDescriptionClassName="font-montserrat"
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<MediaAbout <MediaAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Building Sustainable Futures" title="Sustainable Growth Through Connection"
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." 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" imageSrc="http://img.b2bpic.net/free-photo/group-different-people-volunteering-foodbank_23-2149012216.jpg?_wi=2"
imageAlt="Development project site in action" imageAlt="Development project site in action"
descriptionClassName="font-montserrat"
/> />
</div> </div>
@@ -121,14 +124,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ 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" title="Core Community Initiatives"
description="Tackling root causes of poverty through targeted intervention programs." description="Targeted efforts based on specific village needs."
textBoxDescriptionClassName="font-montserrat"
/> />
</div> </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"}, 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} showRating={true}
title="Voices of Change" title="Stories of Transformation"
description="Stories from the communities we empower together." description="Real journeys of empowerment shared by our neighbors."
textBoxDescriptionClassName="font-montserrat"
/> />
</div> </div>
@@ -165,9 +170,10 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"United Nations", "World Health Organization", "Global Relief Fund", "International Aid Alliance", "Children's Future Trust", "Education First Global", "Humanitarian Action Group"]} "United Nations", "Global Relief Initiative", "Community Development Fund", "International Alliance for Villages", "Children's Future Collective", "Global Education Partners", "Humanitarian Action Network"]}
title="Global Partnerships" title="Partners in Growth"
description="Proudly working alongside these global organizations for a better world." description="Organizations united in our village-to-village mission."
textBoxDescriptionClassName="font-montserrat"
/> />
</div> </div>
@@ -177,15 +183,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ 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" title="Frequently Asked Questions"
description="Learn more about our operations and how donations are utilized." description="Learn more about our approach and how your help supports village growth."
faqsAnimation="slide-up" faqsAnimation="slide-up"
textBoxDescriptionClassName="font-montserrat"
/> />
</div> </div>
@@ -195,29 +202,30 @@ export default function LandingPage() {
background={{ background={{
variant: "plain"}} variant: "plain"}}
tag="Join Us" tag="Join Us"
title="Become a Change Maker" title="Become a Village Partner"
description="Sign up for our newsletter to receive monthly stories, impact reports, and ways you can help." 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" imageSrc="http://img.b2bpic.net/free-photo/group-volunteers-taking-care-donations-together_23-2148687299.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
descriptionClassName="font-montserrat"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterBaseReveal
logoText="Global Mission" logoText="village2villageproject"
columns={[ 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"},
{ {
@@ -229,13 +237,13 @@ export default function LandingPage() {
{ {
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> </div>
</ReactLenis> </ReactLenis>

View File

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