271 lines
14 KiB
TypeScript
271 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Facebook, Instagram, Twitter, Mail, Heart, Home, Users } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="fluid"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="PawHaven"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Adopt", id: "adopt" },
|
|
{ name: "Support Us", id: "support" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="PawHaven"
|
|
description="Give a loving pet a second chance at happiness. Adopt, foster, or support our mission to rescue and care for animals in need."
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-owner-hugging-dog-bed_23-2148935401.jpg", imageAlt: "happy dog playing outdoors"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-petting-smiley-dog_23-2148699706.jpg", imageAlt: "cat sitting on lap"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/adorable-dog-being-curious-fence-shelter_23-2148682946.jpg", imageAlt: "group of shelter animals"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Browse Adoptable Pets", href: "#adopt" },
|
|
{ text: "Support Our Mission", href: "#support" }
|
|
]}
|
|
autoplayDelay={3000}
|
|
showDimOverlay={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About PawHaven"
|
|
description={[
|
|
"For over 15 years, PawHaven has been dedicated to rescuing abandoned and neglected animals, providing them with medical care, rehabilitation, and loving homes. Our team of passionate volunteers and staff work tirelessly to ensure every animal receives the attention and care they deserve.", "We believe every animal deserves a chance at a better life. Our comprehensive adoption program, foster network, and community outreach have helped thousands of pets find their forever families. From puppies to senior companions, we match each animal with the perfect adoptive family."
|
|
]}
|
|
buttons={[
|
|
{ text: "Learn More About Our Story", href: "#story" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={false}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="adoptable-pets" data-section="adoptable-pets">
|
|
<ProductCardOne
|
|
title="Meet Our Adoptable Friends"
|
|
description="Each pet in our care is waiting for their forever home. Browse our current roster of lovable companions looking for their perfect match."
|
|
products={[
|
|
{
|
|
id: "pet-001", name: "Max", price: "Adoption Fee: $150", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-australian-shepherd-puppy-blurred-background_181624-56725.jpg", imageAlt: "Max, a friendly brown dog"
|
|
},
|
|
{
|
|
id: "pet-002", name: "Luna", price: "Adoption Fee: $100", imageSrc: "http://img.b2bpic.net/free-photo/bengal-tiger-staring-beauty-nature-captured-generated-by-ai_188544-44525.jpg", imageAlt: "Luna, a sweet white cat"
|
|
},
|
|
{
|
|
id: "pet-003", name: "Shadow", price: "Adoption Fee: $175", imageSrc: "http://img.b2bpic.net/free-photo/brown-white-basenji-dog-black-hoodie-with-metal-zipper-squints-disdainfully-isolated-white_346278-415.jpg", imageAlt: "Shadow, a loyal black dog"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "View All Adoptable Pets", href: "#all-pets" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFive
|
|
title="How We Help"
|
|
description="PawHaven provides comprehensive services to rescue, rehabilitate, and rehome animals. Our integrated approach ensures every pet gets the care they need."
|
|
features={[
|
|
{
|
|
title: "Animal Rescue & Rehabilitation", description: "We rescue animals from difficult situations and provide medical care, behavioral training, and rehabilitation to prepare them for adoption.", icon: Heart,
|
|
mediaItems: [
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-owner-hugging-dog-bed_23-2148935401.jpg"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-hand-petting-smiley-dog_23-2148699706.jpg"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Adoption Program", description: "Our thorough adoption process ensures perfect matches between pets and families. We provide support before, during, and after adoption.", icon: Home,
|
|
mediaItems: [
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/closeup-shot-australian-shepherd-puppy-blurred-background_181624-56725.jpg"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/bengal-tiger-staring-beauty-nature-captured-generated-by-ai_188544-44525.jpg"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Foster Network", description: "Our foster program provides temporary homes for animals while they wait for adoption, reducing shelter stress and building confidence.", icon: Users,
|
|
mediaItems: [
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-happy-parent-with-kid-home_23-2150231652.jpg"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-owners-with-cute-dog_23-2149027305.jpg"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
buttons={[
|
|
{ text: "Become a Foster", href: "#foster" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="Our Impact"
|
|
tag="Lives Changed"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{ id: "metric-1", value: "3,500+", description: "Animals Rescued" },
|
|
{ id: "metric-2", value: "92%", description: "Adoption Success Rate" },
|
|
{ id: "metric-3", value: "450+", description: "Active Volunteers" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Adoption Stories"
|
|
description="Hear from families whose lives have been transformed by adopting through PawHaven. Their stories inspire us every day."
|
|
testimonials={[
|
|
{
|
|
id: "testi-1", name: "Sarah & Tom", role: "Pet Parents", company: "Max's Family", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-parent-with-kid-home_23-2150231652.jpg", imageAlt: "family with adopted dog"
|
|
},
|
|
{
|
|
id: "testi-2", name: "Emma", role: "First-time Adopter", company: "Luna's Home", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-owners-with-cute-dog_23-2149027305.jpg", imageAlt: "child hugging dog"
|
|
},
|
|
{
|
|
id: "testi-3", name: "Michael", role: "Cat Lover", company: "Whiskers Forever", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pet-lifestyle_23-2149180530.jpg", imageAlt: "person with cat"
|
|
},
|
|
{
|
|
id: "testi-4", name: "Linda", role: "Senior Companion", company: "Shadow & Me", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-cup-goat-milk-while-playing-with-dog_23-2148673071.jpg", imageAlt: "senior person dog"
|
|
},
|
|
{
|
|
id: "testi-5", name: "Jake & Alex", role: "Adventure Couple", company: "Buddy's Parents", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-couple-walking-with-dog-street-man-woman-happy-together-with-husky-breed_285396-1635.jpg", imageAlt: "young couple dog outdoor"
|
|
},
|
|
{
|
|
id: "testi-6", name: "Rachel", role: "Volunteer Turned Adopter", company: "PawHaven Hero", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-happy-man-petting-his-cute-dog-petfriendly-cafe-coffee-shop_1258-245434.jpg", imageAlt: "shelter volunteer dog"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "5,000+", description: "Happy Families" },
|
|
{ value: "98%", description: "Customer Satisfaction" },
|
|
{ value: "15+", description: "Years of Service" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Make a Difference?"
|
|
ctaDescription="Whether you're ready to adopt, foster, volunteer, or donate, we'd love to hear from you. Get in touch with our team today."
|
|
ctaButton={{
|
|
text: "Contact PawHaven", href: "mailto:info@pawhaven.org"
|
|
}}
|
|
ctaIcon={Heart}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "What is the adoption process?", content: "Our adoption process begins with an application form. We review applications carefully to ensure the right match. Once approved, you'll meet your potential pet, discuss care requirements, and finalize the adoption. We follow up after adoption to ensure everything is going well."
|
|
},
|
|
{
|
|
id: "faq-2", title: "How can I become a foster?", content: "Fostering is a wonderful way to help! Visit our Foster Program page, complete an application, and attend a brief orientation. We provide all necessary supplies and support. Fosters care for animals in their homes until they're ready for adoption."
|
|
},
|
|
{
|
|
id: "faq-3", title: "What are your adoption fees?", content: "Adoption fees vary by animal type and age, ranging from $75 to $250. Fees cover medical care, vaccinations, microchipping, and behavioral assessment. All fees support our rescue mission."
|
|
},
|
|
{
|
|
id: "faq-4", title: "Do you accept donations?", content: "Yes! Donations are vital to our mission. You can donate online, by mail, or through planned giving. All donations are tax-deductible. We use funds for medical care, food, shelter supplies, and staff."
|
|
},
|
|
{
|
|
id: "faq-5", title: "What animals do you rescue?", content: "We primarily rescue dogs and cats, but also assist with rabbits, guinea pigs, and other small animals as resources allow. Visit our website to see current animals available."
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
accordionAnimationType="smooth"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="PawHaven"
|
|
copyrightText="© 2025 PawHaven Pet Rescue. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/pawhaven", ariaLabel: "Visit PawHaven on Facebook"
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/pawhaven", ariaLabel: "Follow PawHaven on Instagram"
|
|
},
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com/pawhaven", ariaLabel: "Follow PawHaven on Twitter"
|
|
},
|
|
{
|
|
icon: Mail,
|
|
href: "mailto:info@pawhaven.org", ariaLabel: "Email PawHaven"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |