Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
415
src/app/page.tsx
415
src/app/page.tsx
@@ -28,298 +28,145 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Our Impact",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Get Involved",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="ChimpRescue"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Our Impact", id: "metrics" },
|
||||
{ name: "Get Involved", id: "contact" },
|
||||
]}
|
||||
brandName="ChimpRescue"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
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."
|
||||
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/bonnet-macaque-sitting-railing-holding-green-coconut_181624-4725.jpg",
|
||||
imageAlt: "chimpanzee resting in nature",
|
||||
},
|
||||
{
|
||||
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="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ 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."
|
||||
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/bonnet-macaque-sitting-railing-holding-green-coconut_181624-4725.jpg", imageAlt: "chimpanzee resting in nature"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Rated 5 stars by our supporters"
|
||||
tagIcon={Shield}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Dedicated Rescue Mission",
|
||||
},
|
||||
{
|
||||
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="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Dedicated Rescue Mission" },
|
||||
{ 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">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Rehabilitation",
|
||||
title: "Healing Traumatized Souls",
|
||||
items: [
|
||||
"Specialized medical care",
|
||||
"Nutritional support",
|
||||
"Social integration programs",
|
||||
],
|
||||
},
|
||||
{
|
||||
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="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", label: "Rehabilitation", title: "Healing Traumatized Souls", items: ["Specialized medical care", "Nutritional support", "Social integration programs"] },
|
||||
{ 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">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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: "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="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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: "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">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
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: "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",
|
||||
},
|
||||
{
|
||||
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="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
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: "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" },
|
||||
{ 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">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How can I support you?",
|
||||
content: "You can donate, volunteer, or adopt a chimpanzee.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the sanctuary open?",
|
||||
content: "We offer guided visits by appointment only to minimize stress.",
|
||||
},
|
||||
{
|
||||
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="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How can I support you?", content: "You can donate, volunteer, or adopt a chimpanzee." },
|
||||
{ id: "q2", title: "Is the sanctuary open?", content: "We offer guided visits by appointment only to minimize stress." },
|
||||
{ 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">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get Involved Today"
|
||||
description="Ready to make a difference? Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
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="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get Involved Today"
|
||||
description="Ready to make a difference? Send us a message."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your name", required: true },
|
||||
{ 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">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/look-from-afar-lovely-couple-standing-wooden-porch-mountain-lake_1304-2959.jpg"
|
||||
logoText="ChimpRescue"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Donate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/look-from-afar-lovely-couple-standing-wooden-porch-mountain-lake_1304-2959.jpg"
|
||||
logoText="ChimpRescue"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Donate", href: "#contact" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user