241 lines
13 KiB
TypeScript
241 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Heart, Paw, Sparkles, CheckCircle, Star } from 'lucide-react';
|
|
|
|
export default function PetShelterPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="sharp"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="PawsCare"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About Us", id: "about" },
|
|
{ name: "Available Pets", id: "pets" },
|
|
{ name: "Adopt", id: "contact" },
|
|
{ name: "Donate", id: "involved" }
|
|
]}
|
|
bottomLeftText="Save a Life Today"
|
|
bottomRightText="contact@pawscare.org"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Give a Pet a Second Chance"
|
|
description="Every pet deserves a loving home. Discover your perfect companion and make a difference today. Browse our available animals and start the adoption journey."
|
|
background={{ variant: "glowing-orb" }}
|
|
tag="Find Your Best Friend"
|
|
tagIcon={Heart}
|
|
buttons={[
|
|
{ text: "Browse Available Pets", href: "pets" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/two-dogs-playing-with-flying-disc-park_342744-939.jpg"
|
|
imageAlt="Happy dogs playing together at the shelter"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Mission"
|
|
tagIcon={Paw}
|
|
title="Dedicated to Rescuing and Rehoming Animals"
|
|
description="PawsCare Shelter has been serving our community for over 15 years, providing shelter, medical care, and loving homes for abandoned and neglected animals. We believe every creature deserves compassion, safety, and a chance at a happy life with a caring family."
|
|
metrics={[
|
|
{ value: "2,500+", title: "Animals Rescued" },
|
|
{ value: "95%", title: "Successful Adoptions" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/person-reaching-dogs-through-fence-shelter_23-2148682945.jpg"
|
|
imageAlt="PawsCare Shelter building and grounds"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pets" data-section="pets">
|
|
<ProductCardOne
|
|
title="Meet Our Adoptable Pets"
|
|
description="Browse our current collection of amazing animals waiting for their forever homes. Each pet is fully vetted, vaccinated, and ready to join your family."
|
|
tag="Available Now"
|
|
tagIcon={Sparkles}
|
|
products={[
|
|
{
|
|
id: "pet-1", name: "Max - Golden Retriever", price: "Adoption Fee: $150", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-walking-out-her-dogs-field_1303-17273.jpg", imageAlt: "Max, a friendly golden retriever"
|
|
},
|
|
{
|
|
id: "pet-2", name: "Luna - Orange Tabby", price: "Adoption Fee: $75", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-labrador-retriever-puppies-mother-green-grass_181624-57165.jpg", imageAlt: "Luna, a playful orange tabby kitten"
|
|
},
|
|
{
|
|
id: "pet-3", name: "Charlie - Beagle Puppy", price: "Adoption Fee: $200", imageSrc: "https://img.b2bpic.net/free-photo/closeup-adorable-five-purebred-italian-bracco-puppy-dogs-basket-meadow_181624-53406.jpg", imageAlt: "Charlie, an adorable beagle puppy"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "View All Pets", href: "https://pawscare.org/pets" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
title="The Adoption Process"
|
|
description="We make it easy to welcome a new family member. Follow these simple steps to adopt from PawsCare."
|
|
tag="Simple & Transparent"
|
|
tagIcon={CheckCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Complete Application", description: "Fill out our brief adoption application to help us find the right match for your lifestyle and home environment.", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-hand-holding-pen-close-up_23-2149191369.jpg", imageAlt: "Adoption application process"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Meet & Greet", description: "Spend time with your potential new pet to ensure compatibility and answer any questions our team has.", imageSrc: "https://img.b2bpic.net/free-photo/adoption-application-family-guardianship-support-concept_53876-122724.jpg", imageAlt: "Meet and greet with pets"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Health Check & Setup", description: "All animals receive a veterinary examination, vaccinations, and microchipping before adoption.", imageSrc: "https://img.b2bpic.net/free-photo/adoption-application-family-guardianship-support-concept_53876-122724.jpg", imageAlt: "Veterinary health check"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Bring Home Your New Friend", description: "Complete final paperwork and take your new companion home with care instructions and ongoing support.", imageSrc: "https://img.b2bpic.net/free-photo/application-form-document-page-concept_53876-92923.jpg", imageAlt: "Happy family with adopted pet"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Stories from Happy Families"
|
|
description="Hear from people whose lives have been changed by adopting from PawsCare Shelter."
|
|
tag="Real Stories"
|
|
tagIcon={Star}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", handle: "@sarahj_paws", testimonial: "Adopting Max was the best decision we ever made. The team at PawsCare made the entire process smooth and welcoming. Max has brought so much joy to our family!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150168137.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", handle: "@mikethecat", testimonial: "We came in looking for one cat and left with Luna. The shelter staff really helped us find the perfect match. Luna is healthy, happy, and so affectionate!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186122.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Williams", handle: "@emmawills", testimonial: "The adoption process was transparent and caring. They made sure Charlie was going to a loving home. We couldn't imagine life without him now!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-with-curly-blonde-hair-smiling_23-2148911874.jpg", imageAlt: "Emma Williams"
|
|
},
|
|
{
|
|
id: "4", name: "The Martinez Family", handle: "@martinezmom", testimonial: "PawsCare didn't just help us adopt a pet—they helped us become a better family. The ongoing support and resources are invaluable. Thank you!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-person-barbeque_23-2149271990.jpg", imageAlt: "Martinez Family"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="involved" data-section="involved">
|
|
<FaqSplitText
|
|
sideTitle="Get Involved & Make a Difference"
|
|
sideDescription="There are many ways to support PawsCare and help animals in need. Whether you adopt, volunteer, or donate, you're making a real impact."
|
|
textPosition="left"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Volunteer Today", href: "https://pawscare.org/volunteer" },
|
|
{ text: "Make a Donation", href: "https://pawscare.org/donate" }
|
|
]}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How can I volunteer at PawsCare?", content: "We welcome volunteers of all skill levels! Visit our volunteer page to learn about available positions—from animal care to administrative support. Training is provided for all roles."
|
|
},
|
|
{
|
|
id: "2", title: "Can I foster a pet before adopting?", content: "Absolutely! Our foster program allows you to care for an animal at home while it awaits adoption. It's a wonderful way to see if a pet is the right fit for your family."
|
|
},
|
|
{
|
|
id: "3", title: "What if I can't adopt right now?", content: "You can still help! Donate supplies, sponsor an animal's care, or share our social media posts. Every contribution makes a difference in an animal's life."
|
|
},
|
|
{
|
|
id: "4", title: "Are donations tax-deductible?", content: "Yes! PawsCare is a registered 501(c)(3) nonprofit organization. All donations are tax-deductible. You'll receive a receipt for your records."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to open your heart and home to a furry friend? Start your adoption journey today and give a deserving pet the second chance they deserve."
|
|
animationType="entrance-slide"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Start Adoption", href: "pets" },
|
|
{ text: "Contact Us", href: "https://pawscare.org/contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="PawsCare"
|
|
columns={[
|
|
{
|
|
title: "Adopt", items: [
|
|
{ label: "Available Pets", href: "pets" },
|
|
{ label: "Adoption Process", href: "features" },
|
|
{ label: "Success Stories", href: "testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Volunteer", href: "https://pawscare.org/volunteer" },
|
|
{ label: "Donate", href: "https://pawscare.org/donate" },
|
|
{ label: "Foster Program", href: "https://pawscare.org/foster" }
|
|
]
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Mission", href: "about" },
|
|
{ label: "Meet the Team", href: "https://pawscare.org/team" },
|
|
{ label: "Contact Us", href: "https://pawscare.org/contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Email: hello@pawscare.org", href: "mailto:hello@pawscare.org" },
|
|
{ label: "Phone: (555) 123-4567", href: "tel:5551234567" },
|
|
{ label: "Hours: Mon-Sat 9AM-5PM", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 PawsCare Shelter. All rights reserved. | Saving lives, one paw at a time."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |