bender/9fdf5b87-ae3b-4ece-af95-3cf3b33d9f89
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add src/app/about/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 14:01:51 +00:00
parent 404382e516
commit 32974b5498
1 changed files with 199 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

199
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,199 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Heart, Users, Globe, Home, Mail, Sparkles } from 'lucide-react';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Paws Haven"
navItems={[
{ name: "About", id: "/about" },
{ name: "Pets", id: "pets" },
{ name: "Adopt", id: "adopt" },
{ name: "Get Involved", id: "involved" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Our Story"
description="Paws Haven: 15+ Years of Rescue, Rehabilitation, and Rehoming"
tag="About Us"
tagIcon={Heart}
tagAnimation="slide-up"
buttons={[
{ text: "Get Involved", href: "involved" },
{ text: "Contact Us", href: "contact" }
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/cage-full-dog-puppies_329181-14496.jpg"
imageAlt="Paws Haven shelter animals"
textPosition="bottom-left"
showBlur={true}
showDimOverlay={true}
/>
</div>
<div id="mission" data-section="mission">
<SplitAbout
title="Our Mission & Vision"
description="At Paws Haven, we are dedicated to rescuing, rehabilitating, and rehoming abandoned and neglected animals. We believe every creature deserves love, care, and a second chance at a happy life."
tag="Core Values"
tagIcon={Heart}
tagAnimation="slide-up"
bulletPoints={[
{
title: "Rescue & Rehabilitation", description: "We rescue animals in crisis and provide comprehensive medical care, behavioral training, and emotional support to help them heal and thrive.", icon: Heart
},
{
title: "Compassionate Adoption", description: "Through careful matching and thorough screening, we ensure every adoption creates a lasting, loving bond between animal and family.", icon: Home
},
{
title: "Community Education", description: "We educate pet owners about responsible animal care, welfare rights, and the rewards of adoption to create a more compassionate society.", icon: Globe
},
{
title: "Advocacy & Support", description: "We advocate for animal welfare policies and provide ongoing support to families after adoption to ensure success and happiness.", icon: Users
}
]}
buttons={[
{ text: "Our Impact", href: "#impact" },
{ text: "Donate", href: "#" }
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/woman-playing-with-rescue-dogs-shelter_23-2148682984.jpg"
imageAlt="Volunteers caring for shelter animals"
mediaAnimation="slide-up"
imagePosition="right"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
title="Meet Our Dedicated Team"
tag="Our People"
tagAnimation="slide-up"
membersAnimation="slide-up"
members={[
{
id: "1", name: "Dr. Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-outdoors_23-2149078315.jpg"
},
{
id: "2", name: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-outdoors_23-2149078310.jpg"
},
{
id: "3", name: "Emma Chen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-with-pets_23-2149078320.jpg"
},
{
id: "4", name: "James Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/man-with-dog-outdoors_23-2149078305.jpg"
}
]}
memberVariant="card"
useInvertedBackground={false}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
faqs={[
{
id: "1", title: "How long has Paws Haven been operating?", content: "Paws Haven was founded over 15 years ago with a simple mission: to give abandoned animals a second chance. From a small shelter, we've grown into a comprehensive rescue and rehabilitation center serving our entire community."
},
{
id: "2", title: "How many animals do you rescue annually?", content: "We rescue and rehabilitate over 800 animals each year. Our success rate for finding permanent homes is 94%, making us one of the most effective shelters in the region. Every animal that comes through our doors receives individualized care and attention."
},
{
id: "3", title: "What types of animals do you rescue?", content: "While we primarily focus on dogs and cats, we also rescue small mammals, rabbits, and occasionally other animals in need. Our team has expertise in handling various animal species and behavioral challenges."
},
{
id: "4", title: "Are you a no-kill shelter?", content: "Yes, Paws Haven is a no-kill shelter. We are committed to finding homes or sanctuary for every animal that arrives at our facility. We never euthanize animals for space or convenience."
},
{
id: "5", title: "How is Paws Haven funded?", content: "As a registered 501(c)(3) nonprofit organization, we rely on individual donations, grants, fundraising events, and volunteer support. We operate transparently and reinvest all funds directly into animal care and shelter operations."
},
{
id: "6", title: "Can I volunteer at Paws Haven?", content: "Absolutely! We have numerous volunteer opportunities ranging from animal care and socialization to administrative support and event coordination. Visit our website or call us to learn about current opportunities and training programs."
}
]}
title="Frequently Asked Questions"
description="Learn more about Paws Haven, our work, and how we can help"
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Stay Updated"
title="Join Our Newsletter"
description="Get updates about adoptable animals, special events, and ways you can make a difference at Paws Haven."
tagIcon={Mail}
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/happy-family-with-their-dog_23-2149078340.jpg"
imageAlt="Happy family with adopted dog"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="your@email.com"
buttonText="Subscribe"
termsText="We respect your privacy. Unsubscribe anytime. We send updates about animals, events, and rescue stories."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "About", items: [
{ label: "Our Mission", href: "/about" },
{ label: "Our Team", href: "/about" },
{ label: "Meet Our Pets", href: "/" }
]
},
{
title: "Get Involved", items: [
{ label: "Adopt a Pet", href: "/" },
{ label: "Volunteer", href: "/" },
{ label: "Donate", href: "#" }
]
},
{
title: "Resources", items: [
{ label: "Pet Care Tips", href: "#" },
{ label: "FAQ", href: "/about" },
{ label: "Contact Us", href: "/" }
]
}
]}
copyrightText="© 2025 Paws Haven. All animals deserve love. Registered nonprofit 501(c)(3)."
/>
</div>
</ThemeProvider>
);
}