bender/39a581ce-e215-4582-9c22-4b9feaf58cd3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-01 12:13:04 +00:00
parent 235188b572
commit b38ebf3346
1 changed files with 32 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

188
src/app/page.tsx
View File

@@ -33,33 +33,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Initiatives",
id: "#initiatives",
},
name: "Initiatives", id: "#initiatives"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Impact",
id: "#impact",
},
name: "Impact", id: "#impact"},
{
name: "Blog",
id: "#blog",
},
name: "Blog", id: "#blog"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Nature's Harmony"
bottomLeftText="Global Conservation"
@@ -70,19 +56,14 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroLogoBillboard
background={{
variant: "downward-rays-static",
}}
variant: "downward-rays-static"}}
logoText="Nature's Harmony"
description="Preserving the beauty and biodiversity of our planet for future generations. Explore our initiatives and join the movement for a sustainable world."
buttons={[
{
text: "Explore Our Work",
href: "#initiatives",
},
text: "Explore Our Work", href: "#initiatives"},
{
text: "Donate Now",
href: "#contact",
},
text: "Donate Now", href: "#contact"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-fish-seabed-coral-reefs-underwater-beauty-fish-coral-reefs_488145-1044.jpg"
@@ -107,20 +88,11 @@ export default function LandingPage() {
tag="What We Do"
accordionItems={[
{
id: "1",
title: "Habitat Restoration Projects",
content: "We restore degraded habitats, reforest critical areas, and revitalize wetlands to support diverse wildlife and ecological health.",
},
id: "1", title: "Habitat Restoration Projects", content: "We restore degraded habitats, reforest critical areas, and revitalize wetlands to support diverse wildlife and ecological health."},
{
id: "2",
title: "Wildlife Protection Programs",
content: "Our teams implement anti-poaching measures, monitor endangered species, and work to mitigate human-wildlife conflict for peaceful coexistence.",
},
id: "2", title: "Wildlife Protection Programs", content: "Our teams implement anti-poaching measures, monitor endangered species, and work to mitigate human-wildlife conflict for peaceful coexistence."},
{
id: "3",
title: "Environmental Education",
content: "We engage communities through workshops, school programs, and public awareness campaigns to foster a deeper understanding and appreciation for nature.",
},
id: "3", title: "Environmental Education", content: "We engage communities through workshops, school programs, and public awareness campaigns to foster a deeper understanding and appreciation for nature."},
]}
imageSrc="http://img.b2bpic.net/free-photo/amazing-view-waterfall_72229-1278.jpg"
imageAlt="Lush green forest with a flowing river"
@@ -135,20 +107,11 @@ export default function LandingPage() {
tag="Making a Difference"
metrics={[
{
id: "1",
value: "5,000+",
description: "Acres Protected",
},
id: "1", value: "5,000+", description: "Acres Protected"},
{
id: "2",
value: "150+",
description: "Species Saved",
},
id: "2", value: "150+", description: "Species Saved"},
{
id: "3",
value: "10,000+",
description: "Volunteers Engaged",
},
id: "3", value: "10,000+", description: "Volunteers Engaged"},
]}
metricsAnimation="blur-reveal"
/>
@@ -162,37 +125,13 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "1",
name: "Dr. Elena Petrova",
role: "Chief Ecologist",
description: "Leading our habitat restoration efforts with two decades of experience.",
imageSrc: "http://img.b2bpic.net/free-photo/planting-trees-as-part-reforestation-process_23-2149409977.jpg",
imageAlt: "Dr. Elena Petrova",
},
id: "1", name: "Dr. Elena Petrova", role: "Chief Ecologist", description: "Leading our habitat restoration efforts with two decades of experience.", imageSrc: "http://img.b2bpic.net/free-photo/planting-trees-as-part-reforestation-process_23-2149409977.jpg", imageAlt: "Dr. Elena Petrova"},
{
id: "2",
name: "Mark Johnson",
role: "Field Operations Director",
description: "Manages all on-ground conservation projects and wildlife monitoring.",
imageSrc: "http://img.b2bpic.net/free-photo/part-tourist-drinking-coffee-mountains_329181-19326.jpg",
imageAlt: "Mark Johnson",
},
id: "2", name: "Mark Johnson", role: "Field Operations Director", description: "Manages all on-ground conservation projects and wildlife monitoring.", imageSrc: "http://img.b2bpic.net/free-photo/part-tourist-drinking-coffee-mountains_329181-19326.jpg", imageAlt: "Mark Johnson"},
{
id: "3",
name: "Sarah Chen",
role: "Community Outreach Lead",
description: "Engages local communities in sustainable practices and environmental education.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-exploring-nature-with-backpack-map_23-2148647950.jpg",
imageAlt: "Sarah Chen",
},
id: "3", name: "Sarah Chen", role: "Community Outreach Lead", description: "Engages local communities in sustainable practices and environmental education.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-exploring-nature-with-backpack-map_23-2148647950.jpg", imageAlt: "Sarah Chen"},
{
id: "4",
name: "David Miller",
role: "Wildlife Biologist",
description: "Specializes in endangered species research and protection strategies.",
imageSrc: "http://img.b2bpic.net/free-photo/young-agricultural-engineer-working-greenhouse_1153-5360.jpg",
imageAlt: "David Miller",
},
id: "4", name: "David Miller", role: "Wildlife Biologist", description: "Specializes in endangered species research and protection strategies.", imageSrc: "http://img.b2bpic.net/free-photo/young-agricultural-engineer-working-greenhouse_1153-5360.jpg", imageAlt: "David Miller"},
]}
title="Meet Our Dedicated Team"
description="Our passionate experts are at the forefront of conservation, working tirelessly to protect natural ecosystems."
@@ -205,50 +144,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "A True Commitment to Nature",
quote: "Nature's Harmony's dedication to preserving our planet is truly inspiring. I've seen firsthand the positive changes they bring to communities and wildlife.",
name: "Maria Rodriguez",
role: "Environmental Activist",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-african-woman-walking-outdoors-park_171337-13541.jpg",
imageAlt: "Maria Rodriguez",
},
id: "1", title: "A True Commitment to Nature", quote: "Nature's Harmony's dedication to preserving our planet is truly inspiring. I've seen firsthand the positive changes they bring to communities and wildlife.", name: "Maria Rodriguez", role: "Environmental Activist", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-african-woman-walking-outdoors-park_171337-13541.jpg", imageAlt: "Maria Rodriguez"},
{
id: "2",
title: "Impactful and Transparent",
quote: "Their projects are well-managed and their impact is clear. It's a privilege to support an organization that genuinely makes a difference.",
name: "John Doe",
role: "Sustainable Investor",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-farmer-with-organic-vegetables-garden-mixed-organic-vegetable-man-s-hands_1157-41469.jpg",
imageAlt: "John Doe",
},
id: "2", title: "Impactful and Transparent", quote: "Their projects are well-managed and their impact is clear. It's a privilege to support an organization that genuinely makes a difference.", name: "John Doe", role: "Sustainable Investor", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-farmer-with-organic-vegetables-garden-mixed-organic-vegetable-man-s-hands_1157-41469.jpg", imageAlt: "John Doe"},
{
id: "3",
title: "Educating the Next Generation",
quote: "The educational programs by Nature's Harmony are fantastic. My children learned so much about nature and why it's important to protect it.",
name: "Emily White",
role: "Parent & Educator",
imageSrc: "http://img.b2bpic.net/free-photo/kid-potting-plant-home-as-hobby_53876-129305.jpg",
imageAlt: "Emily White",
},
id: "3", title: "Educating the Next Generation", quote: "The educational programs by Nature's Harmony are fantastic. My children learned so much about nature and why it's important to protect it.", name: "Emily White", role: "Parent & Educator", imageSrc: "http://img.b2bpic.net/free-photo/kid-potting-plant-home-as-hobby_53876-129305.jpg", imageAlt: "Emily White"},
{
id: "4",
title: "Hope for Our Planet",
quote: "In a world facing environmental challenges, Nature's Harmony brings hope. Their work shows that positive change is possible with collective effort.",
name: "Robert Green",
role: "Retired Conservationist",
imageSrc: "http://img.b2bpic.net/free-photo/love-concept-with-happy-couple-spending-time-together_23-2149068853.jpg",
imageAlt: "Robert Green",
},
id: "4", title: "Hope for Our Planet", quote: "In a world facing environmental challenges, Nature's Harmony brings hope. Their work shows that positive change is possible with collective effort.", name: "Robert Green", role: "Retired Conservationist", imageSrc: "http://img.b2bpic.net/free-photo/love-concept-with-happy-couple-spending-time-together_23-2149068853.jpg", imageAlt: "Robert Green"},
{
id: "5",
title: "Empowering Action",
quote: "Joining as a volunteer has been incredibly rewarding. Nature's Harmony empowers individuals to take meaningful action for the environment.",
name: "Sophie Lee",
role: "Volunteer",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-multicultural-couple-holding-hands_23-2148212346.jpg",
imageAlt: "Sophie Lee",
},
id: "5", title: "Empowering Action", quote: "Joining as a volunteer has been incredibly rewarding. Nature's Harmony empowers individuals to take meaningful action for the environment.", name: "Sophie Lee", role: "Volunteer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-multicultural-couple-holding-hands_23-2148212346.jpg", imageAlt: "Sophie Lee"},
]}
title="Voices from Our Community"
description="Hear from individuals who have experienced the positive impact of Nature's Harmony and our collective efforts."
@@ -260,15 +164,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Global Green Fund",
"Eco Alliance",
"Wildlife Trust International",
"Forest Keepers",
"Ocean Stewards",
"Clean Earth Coalition",
"Sustainable Futures",
"Green Planet Initiative",
]}
"Global Green Fund", "Eco Alliance", "Wildlife Trust International", "Forest Keepers", "Ocean Stewards", "Clean Earth Coalition", "Sustainable Futures", "Green Planet Initiative"]}
title="Trusted by Leading Environmental Organizations"
description="We proudly collaborate with a network of committed partners dedicated to global conservation and ecological sustainability."
/>
@@ -283,28 +179,13 @@ export default function LandingPage() {
description="Stay informed about critical conservation topics, project updates, and inspiring stories from the front lines of nature protection."
blogs={[
{
id: "1",
category: "Conservation",
title: "Protecting Ancient Forests: Our Ongoing Battle",
excerpt: "Discover the challenges and triumphs in our mission to save the world's most vital ancient forest ecosystems.",
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-scene-mystery-tropical-rainforest-generated-by-ai_188544-38696.jpg",
imageAlt: "Ancient forest with mist",
id: "1", category: "Conservation", title: "Protecting Ancient Forests: Our Ongoing Battle", excerpt: "Discover the challenges and triumphs in our mission to save the world's most vital ancient forest ecosystems.", imageSrc: "http://img.b2bpic.net/free-photo/tranquil-scene-mystery-tropical-rainforest-generated-by-ai_188544-38696.jpg", imageAlt: "Ancient forest with mist", authorName: "Nature's Harmony Team", authorAvatar: "http://img.b2bpic.net/free-photo/asian-woman-enjoying-outdoor-trip_53876-14396.jpg", date: "October 26, 2023"
},
{
id: "2",
category: "Marine Life",
title: "The Silent Crisis: Saving Our Coral Reefs",
excerpt: "An in-depth look at the threats facing coral reefs and what Nature's Harmony is doing to restore these underwater cities.",
imageSrc: "http://img.b2bpic.net/free-photo/male-surfer-with-surfboard-coral-reef-sea_181624-597.jpg",
imageAlt: "Vibrant coral reef",
id: "2", category: "Marine Life", title: "The Silent Crisis: Saving Our Coral Reefs", excerpt: "An in-depth look at the threats facing coral reefs and what Nature's Harmony is doing to restore these underwater cities.", imageSrc: "http://img.b2bpic.net/free-photo/male-surfer-with-surfboard-coral-reef-sea_181624-597.jpg", imageAlt: "Vibrant coral reef", authorName: "Nature's Harmony Team", authorAvatar: "http://img.b2bpic.net/free-photo/asian-woman-enjoying-outdoor-trip_53876-14396.jpg", date: "October 20, 2023"
},
{
id: "3",
category: "Biodiversity",
title: "Pollinators in Peril: Why Every Bee Counts",
excerpt: "Understanding the crucial role of pollinators in our ecosystem and how you can help protect these essential workers of nature.",
imageSrc: "http://img.b2bpic.net/free-photo/female-friends-training-together-by-lake_23-2148730662.jpg",
imageAlt: "Bee on a flower",
id: "3", category: "Biodiversity", title: "Pollinators in Peril: Why Every Bee Counts", excerpt: "Understanding the crucial role of pollinators in our ecosystem and how you can help protect these essential workers of nature.", imageSrc: "http://img.b2bpic.net/free-photo/female-friends-training-together-by-lake_23-2148730662.jpg", imageAlt: "Bee on a flower", authorName: "Nature's Harmony Team", authorAvatar: "http://img.b2bpic.net/free-photo/asian-woman-enjoying-outdoor-trip_53876-14396.jpg", date: "October 15, 2023"
},
]}
/>
@@ -314,8 +195,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get Involved"
title="Join Our Mission for Nature"
description="Subscribe to our newsletter for updates, volunteer opportunities, and ways to contribute to conservation."
@@ -329,13 +209,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Nature's Harmony"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>