Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-05-13 02:13:43 +00:00

View File

@@ -28,298 +28,145 @@ export default function LandingPage() {
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "About", id: "about" },
id: "hero", { name: "Our Impact", id: "metrics" },
}, { name: "Get Involved", id: "contact" },
{ ]}
name: "About", brandName="ChimpRescue"
id: "about", />
}, </div>
{
name: "Our Impact",
id: "metrics",
},
{
name: "Get Involved",
id: "contact",
},
]}
brandName="ChimpRescue"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{ variant: "plain" }}
variant: "plain", title="Saving Chimpanzees, One Life at a Time"
}} description="Join our mission to rescue, rehabilitate, and protect chimpanzees in their natural habitats. Your support provides sanctuary and hope."
title="Saving Chimpanzees, One Life at a Time" tag="Conservation Mission"
description="Join our mission to rescue, rehabilitate, and protect chimpanzees in their natural habitats. Your support provides sanctuary and hope." mediaItems={[
tag="Conservation Mission" {
mediaItems={[ imageSrc: "http://img.b2bpic.net/free-photo/funny-monkey-with-funny-smile-zoo_169016-20541.jpg", imageAlt: "chimpanzee looking curious forest"},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/funny-monkey-with-funny-smile-zoo_169016-20541.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bonnet-macaque-sitting-railing-holding-green-coconut_181624-4725.jpg", imageAlt: "chimpanzee resting in nature"}
imageAlt: "chimpanzee looking curious forest", ]}
}, mediaAnimation="slide-up"
{ rating={5}
imageSrc: "http://img.b2bpic.net/free-photo/bonnet-macaque-sitting-railing-holding-green-coconut_181624-4725.jpg", ratingText="Rated 5 stars by our supporters"
imageAlt: "chimpanzee resting in nature", tagIcon={Shield}
}, />
{ </div>
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-small-black-monkey-resting-tree-branch-forest_181624-4820.jpg",
imageAlt: "Closeup shot of a small black monkey resting a tree branch in a forest",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/gorilla_23-2148167396.jpg",
imageAlt: "Gorilla",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/siamang-monkey_181624-21098.jpg",
imageAlt: "Siamang monkey",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Rated 5 stars by our supporters"
tagIcon={Shield}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<InlineImageSplitTextAbout <InlineImageSplitTextAbout
useInvertedBackground={true} useInvertedBackground={true}
heading={[ heading={[
{ { type: "text", content: "Our Dedicated Rescue Mission" },
type: "text", { type: "image", src: "http://img.b2bpic.net/free-photo/orangutans-with-their-children-orang-utan-family_488145-1854.jpg", alt: "sanctuary caregiver interacting chimp" },
content: "Our Dedicated Rescue Mission", ]}
}, />
{ </div>
type: "image",
src: "http://img.b2bpic.net/free-photo/orangutans-with-their-children-orang-utan-family_488145-1854.jpg",
alt: "sanctuary caregiver interacting chimp",
},
]}
/>
</div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwelve <FeatureCardTwelve
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { id: "f1", label: "Rehabilitation", title: "Healing Traumatized Souls", items: ["Specialized medical care", "Nutritional support", "Social integration programs"] },
id: "f1", { id: "f2", label: "Habitat", title: "Protecting Their Homes", items: ["Forest restoration efforts", "Anti-poaching patrols", "Community engagement"] },
label: "Rehabilitation", { id: "f3", label: "Future", title: "Raising Future Advocates", items: ["Local education outreach", "Global awareness campaigns", "Sustainable development support"] },
title: "Healing Traumatized Souls", ]}
items: [ title="Why Chimpanzee Conservation Matters"
"Specialized medical care", description="Protecting chimpanzees is vital for the health of our forests and biodiversity."
"Nutritional support", />
"Social integration programs", </div>
],
},
{
id: "f2",
label: "Habitat",
title: "Protecting Their Homes",
items: [
"Forest restoration efforts",
"Anti-poaching patrols",
"Community engagement",
],
},
{
id: "f3",
label: "Future",
title: "Raising Future Advocates",
items: [
"Local education outreach",
"Global awareness campaigns",
"Sustainable development support",
],
},
]}
title="Why Chimpanzee Conservation Matters"
description="Protecting chimpanzees is vital for the health of our forests and biodiversity."
/>
</div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardEleven <MetricCardEleven
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ { id: "m1", value: "150+", title: "Chimpanzees Rescued", description: "Safe in our sanctuary", imageSrc: "http://img.b2bpic.net/free-photo/monkeys-animal-mammal-nature-tropical_53876-14069.jpg" },
id: "m1", { id: "m2", value: "24/7", title: "Expert Care", description: "Medical and social monitoring", imageSrc: "http://img.b2bpic.net/free-photo/woman-feeding-her-chicken-farm_23-2147907329.jpg" },
value: "150+", { id: "m3", value: "5k+", title: "Trees Planted", description: "Restoring natural forest homes", imageSrc: "http://img.b2bpic.net/free-photo/high-view-surfer-his-surfboard_23-2148823810.jpg" },
title: "Chimpanzees Rescued", ]}
description: "Safe in our sanctuary", title="Our Impact in Numbers"
imageSrc: "http://img.b2bpic.net/free-photo/monkeys-animal-mammal-nature-tropical_53876-14069.jpg", description="Real change through collective action and community support."
}, />
{ </div>
id: "m2",
value: "24/7",
title: "Expert Care",
description: "Medical and social monitoring",
imageSrc: "http://img.b2bpic.net/free-photo/woman-feeding-her-chicken-farm_23-2147907329.jpg",
},
{
id: "m3",
value: "5k+",
title: "Trees Planted",
description: "Restoring natural forest homes",
imageSrc: "http://img.b2bpic.net/free-photo/high-view-surfer-his-surfboard_23-2148823810.jpg",
},
]}
title="Our Impact in Numbers"
description="Real change through collective action and community support."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardOne <TestimonialCardOne
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="one-large-left-three-stacked-right" gridVariant="one-large-left-three-stacked-right"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "t1", name: "Sarah Miller", role: "Volunteer", company: "Global Chimp Aid", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-macaca-sylvanus-berber-monkey-jungle-morocco_181624-17326.jpg" },
id: "t1", { id: "t2", name: "Dr. James Aris", role: "Researcher", company: "Forest Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-looking-eachother-nature_23-2148693721.jpg" },
name: "Sarah Miller", { id: "t3", name: "Emily Chen", role: "Supporter", company: "Nature Charity", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/student-break-lunch_23-2147650641.jpg" },
role: "Volunteer", { id: "t4", name: "Mark Stevens", role: "Lead Activist", company: "Forest Defense", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-taking-care-together-donations_23-2148687307.jpg" },
company: "Global Chimp Aid", { id: "t5", name: "Anna Kowalski", role: "Sanctuary Manager", company: "Wildlife Haven", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-shot-two-chimpanzee-near-each-other-with-blurred-natural-background_181624-3617.jpg" },
rating: 5, ]}
imageSrc: "http://img.b2bpic.net/free-photo/cute-macaca-sylvanus-berber-monkey-jungle-morocco_181624-17326.jpg", title="Voices of the Movement"
}, description="Hear from our passionate community of conservationists."
{ />
id: "t2", </div>
name: "Dr. James Aris",
role: "Researcher",
company: "Forest Lab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-looking-eachother-nature_23-2148693721.jpg",
},
{
id: "t3",
name: "Emily Chen",
role: "Supporter",
company: "Nature Charity",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/student-break-lunch_23-2147650641.jpg",
},
{
id: "t4",
name: "Mark Stevens",
role: "Lead Activist",
company: "Forest Defense",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-care-together-donations_23-2148687307.jpg",
},
{
id: "t5",
name: "Anna Kowalski",
role: "Sanctuary Manager",
company: "Wildlife Haven",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-shot-two-chimpanzee-near-each-other-with-blurred-natural-background_181624-3617.jpg",
},
]}
title="Voices of the Movement"
description="Hear from our passionate community of conservationists."
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitMedia <FaqSplitMedia
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ { id: "q1", title: "How can I support you?", content: "You can donate, volunteer, or adopt a chimpanzee." },
id: "q1", { id: "q2", title: "Is the sanctuary open?", content: "We offer guided visits by appointment only to minimize stress." },
title: "How can I support you?", { id: "q3", title: "How does my money help?", content: "100% of your donations fund direct care and forest protection." },
content: "You can donate, volunteer, or adopt a chimpanzee.", ]}
}, imageSrc="http://img.b2bpic.net/free-photo/mountain-gorillas-gorilla-beringei-beringei_475641-23.jpg"
{ mediaAnimation="slide-up"
id: "q2", title="Frequently Asked Questions"
title: "Is the sanctuary open?", description="Learn more about our operations and how you can help."
content: "We offer guided visits by appointment only to minimize stress.", faqsAnimation="slide-up"
}, />
{ </div>
id: "q3",
title: "How does my money help?",
content: "100% of your donations fund direct care and forest protection.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/mountain-gorillas-gorilla-beringei-beringei_475641-23.jpg"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Learn more about our operations and how you can help."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={false} useInvertedBackground={false}
title="Get Involved Today" title="Get Involved Today"
description="Ready to make a difference? Send us a message." description="Ready to make a difference? Send us a message."
inputs={[ inputs={[
{ { name: "name", type: "text", placeholder: "Your name", required: true },
name: "name", { name: "email", type: "email", placeholder: "Your email address", required: true },
type: "text", ]}
placeholder: "Your name", imageSrc="http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359714.jpg"
required: true, />
}, </div>
{
name: "email",
type: "email",
placeholder: "Your email address",
required: true,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359714.jpg"
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/look-from-afar-lovely-couple-standing-wooden-porch-mountain-lake_1304-2959.jpg" imageSrc="http://img.b2bpic.net/free-photo/look-from-afar-lovely-couple-standing-wooden-porch-mountain-lake_1304-2959.jpg"
logoText="ChimpRescue" logoText="ChimpRescue"
columns={[ columns={[
{ {
title: "Quick Links", title: "Quick Links", items: [
items: [ { label: "Donate", href: "#contact" },
{ { label: "About", href: "#about" },
label: "Donate", ],
href: "#contact", },
}, {
{ title: "Legal", items: [
label: "About", { label: "Privacy Policy", href: "#" },
href: "#about", { label: "Terms", href: "#" },
}, ],
], },
}, ]}
{ />
title: "Legal", </div>
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );