Merge version_1 into main #1
180
src/app/page.tsx
180
src/app/page.tsx
@@ -32,86 +32,57 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NatureHaven"
|
||||
button={{
|
||||
text: "Get Involved", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Reconnect With The Wilderness"
|
||||
description="Discover the tranquility of pristine nature, protected by those who cherish it. Embark on a journey to preserve our planet's most beautiful landscapes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Involved",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Involved", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-green-leaves-with-blurred-background_23-2148245286.jpg"
|
||||
imageAlt="Lush forest landscape"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-large-plants-leaves-forest_181624-3383.jpg",
|
||||
alt: "Forest canopy",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-large-plants-leaves-forest_181624-3383.jpg", alt: "Forest canopy"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/botanical-leaves_23-2148121716.jpg",
|
||||
alt: "Botanical leaf",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/botanical-leaves_23-2148121716.jpg", alt: "Botanical leaf"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plant-with-green-leaves_395237-227.jpg",
|
||||
alt: "Green plant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plant-with-green-leaves_395237-227.jpg", alt: "Green plant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/branch-tree-with-defocused-background_1259-126.jpg",
|
||||
alt: "Tree branch",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/branch-tree-with-defocused-background_1259-126.jpg", alt: "Tree branch"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-green-leaves-with-blurred-background_23-2148245286.jpg",
|
||||
alt: "Lush forest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-green-leaves-with-blurred-background_23-2148245286.jpg", alt: "Lush forest"},
|
||||
]}
|
||||
avatarText="Join 10,000+ protectors"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainability First",
|
||||
},
|
||||
type: "text", text: "Sustainability First"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Wildlife Protection",
|
||||
},
|
||||
type: "text", text: "Wildlife Protection"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Habitat Restoration",
|
||||
},
|
||||
type: "text", text: "Habitat Restoration"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Outreach",
|
||||
},
|
||||
type: "text", text: "Community Outreach"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Living",
|
||||
},
|
||||
type: "text", text: "Eco-Friendly Living"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,17 +94,11 @@ export default function LandingPage() {
|
||||
description="For over two decades, we have dedicated ourselves to restoring natural habitats and educating communities about the importance of ecological balance."
|
||||
metrics={[
|
||||
{
|
||||
value: "15k+",
|
||||
title: "Acres Restored",
|
||||
},
|
||||
value: "15k+", title: "Acres Restored"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Species Protected",
|
||||
},
|
||||
value: "50+", title: "Species Protected"},
|
||||
{
|
||||
value: "20+",
|
||||
title: "Global Projects",
|
||||
},
|
||||
value: "20+", title: "Global Projects"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/path-garden_26085-6.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -148,32 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Habitat Restoration",
|
||||
tags: [
|
||||
"Ecology",
|
||||
"Action",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moss-sporangia-stone-pillar-closeup-selective-focus-moss-care-ecology-environment_166373-3596.jpg",
|
||||
},
|
||||
id: "f1", title: "Habitat Restoration", tags: [
|
||||
"Ecology", "Action"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moss-sporangia-stone-pillar-closeup-selective-focus-moss-care-ecology-environment_166373-3596.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wildlife Protection",
|
||||
tags: [
|
||||
"Safety",
|
||||
"Species",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-little-girl-with-save-our-planet-poster-against-illegal-dumping_482257-90983.jpg",
|
||||
},
|
||||
id: "f2", title: "Wildlife Protection", tags: [
|
||||
"Safety", "Species"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-little-girl-with-save-our-planet-poster-against-illegal-dumping_482257-90983.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Nature Education",
|
||||
tags: [
|
||||
"Awareness",
|
||||
"Community",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hiker-sitting-big-rock_23-2147683061.jpg",
|
||||
},
|
||||
id: "f3", title: "Nature Education", tags: [
|
||||
"Awareness", "Community"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hiker-sitting-big-rock_23-2147683061.jpg"},
|
||||
]}
|
||||
title="What We Champion"
|
||||
description="Our core initiatives focus on restoring ecosystems and protecting endangered wildlife through science-backed conservation practices."
|
||||
@@ -188,20 +138,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
description: "Success Rate",
|
||||
},
|
||||
id: "m1", value: "98%", description: "Success Rate"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.2M",
|
||||
description: "Trees Planted",
|
||||
},
|
||||
id: "m2", value: "4.2M", description: "Trees Planted"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "120",
|
||||
description: "Partner Cities",
|
||||
},
|
||||
id: "m3", value: "120", description: "Partner Cities"},
|
||||
]}
|
||||
title="Our Impact at a Glance"
|
||||
description="Real, measurable change driven by collective passion and commitment to our earth."
|
||||
@@ -216,25 +157,15 @@ export default function LandingPage() {
|
||||
author="Elena M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-outdoors_23-2148970111.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-outdoors_23-2148970111.jpg", alt: "Elena"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/love-concept-with-happy-couple-spending-time-together_23-2149068854.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/love-concept-with-happy-couple-spending-time-together_23-2149068854.jpg", alt: "John"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-wearing-messy-bun-hairstyle_23-2149417446.jpg",
|
||||
alt: "Sara",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-wearing-messy-bun-hairstyle_23-2149417446.jpg", alt: "Sara"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-girl-checkered-shirt-posing-nature-cheerful-caucasian-lady-glasses-spending-time-park_197531-20071.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-girl-checkered-shirt-posing-nature-cheerful-caucasian-lady-glasses-spending-time-park_197531-20071.jpg", alt: "David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12419.jpg",
|
||||
alt: "Anna",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12419.jpg", alt: "Anna"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -246,14 +177,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"EcoEarth Corp",
|
||||
"GreenField Org",
|
||||
"NatureForce",
|
||||
"WildRestore",
|
||||
"BioSphere Inc",
|
||||
"PlanetKeeper",
|
||||
"TerraLife",
|
||||
]}
|
||||
"EcoEarth Corp", "GreenField Org", "NatureForce", "WildRestore", "BioSphere Inc", "PlanetKeeper", "TerraLife"]}
|
||||
title="Proudly Supported By"
|
||||
description="Collaborating with globally recognized leaders dedicated to a greener, healthier future."
|
||||
/>
|
||||
@@ -265,20 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How can I volunteer?",
|
||||
content: "You can sign up via our portal and join our local field projects.",
|
||||
},
|
||||
id: "q1", title: "How can I volunteer?", content: "You can sign up via our portal and join our local field projects."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where do donations go?",
|
||||
content: "All donations directly support habitat restoration and wildlife research.",
|
||||
},
|
||||
id: "q2", title: "Where do donations go?", content: "All donations directly support habitat restoration and wildlife research."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you accept international support?",
|
||||
content: "Absolutely, our network spans globally to protect diverse environments.",
|
||||
},
|
||||
id: "q3", title: "Do you accept international support?", content: "Absolutely, our network spans globally to protect diverse environments."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about getting involved with our conservation programs."
|
||||
@@ -290,8 +205,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Connect With Us"
|
||||
title="Be A Force For Nature"
|
||||
description="Sign up for our newsletter to receive updates on conservation events, wildlife reports, and how you can make a difference today."
|
||||
@@ -305,13 +219,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="NatureHaven"
|
||||
leftLink={{
|
||||
text: "Terms of Use",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Use", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user