246 lines
13 KiB
TypeScript
246 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import { CheckCircle, Heart, Star, TrendingUp } from "lucide-react";
|
|
|
|
export default function PetShelterPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="sharp"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Happy Paws Shelter"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Pets", id: "featured-pets" },
|
|
{ name: "Adopt", id: "adoption-process" }
|
|
]}
|
|
button={{
|
|
text: "Contact Us", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="Find Your New Best Friend"
|
|
description="Welcome to Happy Paws Shelter. Discover loving pets ready for their forever homes. Every animal deserves a chance to be loved and cherished."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
imageSrc="https://img.b2bpic.net/free-photo/little-puppy-farm-is-enjoying-sunny-day_181624-40643.jpg"
|
|
imageAlt="Adorable puppies and kittens at the pet shelter"
|
|
frameStyle="card"
|
|
logoLineHeight={1.2}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
title="We believe every pet deserves a loving, permanent home. Our mission is to rescue, rehabilitate, and rehome animals in need. With compassion at our core, we provide comprehensive care, medical treatment, and behavioral support to help each animal thrive."
|
|
buttons={[
|
|
{ text: "Learn Our Story", href: "#" },
|
|
{ text: "Support Us", href: "#" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-pets" data-section="featured-pets">
|
|
<ProductCardOne
|
|
title="Meet Our Pets"
|
|
description="Browse our available animals looking for their forever homes. Each pet has been carefully evaluated and is ready to join a loving family."
|
|
tag="Available Now"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground="invertDefault"
|
|
products={[
|
|
{
|
|
id: "1", name: "Luna", price: "Tabby Cat", imageSrc: "https://img.b2bpic.net/free-photo/hipster-woman-smile-enjoy-playing-with-her-puppy-summer-field-vintage-tone-filter_1150-1188.jpg", imageAlt: "Luna, a friendly tabby cat ready for adoption"
|
|
},
|
|
{
|
|
id: "2", name: "Max", price: "Golden Retriever", imageSrc: "https://img.b2bpic.net/free-photo/close-up-dog-smelling-woman-s-hand_23-2147840637.jpg", imageAlt: "Max, an energetic golden retriever"
|
|
},
|
|
{
|
|
id: "3", name: "Whiskers", price: "Holland Lop Rabbit", imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-playing-with-cute-dog-up-adoption_23-2148682991.jpg", imageAlt: "Whiskers, a cute Holland lop rabbit"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="adoption-process" data-section="adoption-process">
|
|
<FeatureCardOne
|
|
title="Our Adoption Process"
|
|
description="Simple, transparent steps to bring your new companion home"
|
|
tag="Easy & Transparent"
|
|
tagIcon={CheckCircle}
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
title: "Browse & Visit", description: "Explore our available pets online and visit in person to meet them. Spend time getting to know their personality and needs.", imageSrc: "https://img.b2bpic.net/free-photo/happy-parents-their-daughters-enjoying-home-having-fun-with-their-dog_637285-2878.jpg", imageAlt: "family children pets happiness adoption dog"
|
|
},
|
|
{
|
|
title: "Application Review", description: "Complete our adoption application to ensure the best match. We verify references and discuss your lifestyle and expectations.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-family-dog_329181-20491.jpg", imageAlt: "volunteer caring animals shelter helping pet"
|
|
},
|
|
{
|
|
title: "Home Ready", description: "Receive adoption support and guidance to prepare your home. We provide care tips and ongoing assistance for your new pet.", imageSrc: "https://img.b2bpic.net/free-photo/happy-parents-their-daughters-enjoying-home-having-fun-with-their-dog_637285-2878.jpg", imageAlt: "family children pets happiness adoption dog"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Stories from Happy Families"
|
|
description="Real people sharing their beautiful journeys with pets from Happy Paws Shelter"
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", handle: "@sarahmakes", testimonial: "Adopting Bella from Happy Paws has been the best decision ever. The staff's care and support made the transition so smooth. Bella is now an integral part of our family!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg", imageAlt: "person portrait smiling happy professional"
|
|
},
|
|
{
|
|
id: "2", name: "James Chen", handle: "@jameschen", testimonial: "The team at Happy Paws truly cares about each animal's wellbeing. They helped us find the perfect match in Max, and the guidance they provided was invaluable.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/full-shot-family-with-cute-dog-outdoors_23-2148996586.jpg", imageAlt: "person portrait friendly face photo"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", handle: "@emmastyle", testimonial: "Professional, compassionate, and dedicated. Happy Paws Shelter exceeded our expectations. Our new cat has brought so much joy to our home!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/three-beautiful-cute-girls-blue-dresses-with-beautiful-hairstyles-make-up-sitting_1157-14080.jpg", imageAlt: "person portrait woman smiling professional"
|
|
},
|
|
{
|
|
id: "4", name: "David Thompson", handle: "@davidtravel", testimonial: "Wonderful experience from start to finish. The staff answered all our questions and made sure we were ready for pet ownership. Highly recommend!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/full-shot-family-having-fun-with-dog_23-2148748724.jpg", imageAlt: "person portrait man happy headshot"
|
|
},
|
|
{
|
|
id: "5", name: "Lisa Anderson", handle: "@lisatravel", testimonial: "Finally found our forever pet! Happy Paws made it so easy and worry-free. Our family can't imagine life without our new furry friend.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-family-autumn_329181-7440.jpg", imageAlt: "person portrait cheerful face professional"
|
|
},
|
|
{
|
|
id: "6", name: "Michael Brooks", handle: "@mikebrooks", testimonial: "Exceptional service. The adoption team's dedication to finding the perfect home for each pet is truly impressive. Thank you, Happy Paws!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/three-beautiful-cute-girls-blue-dresses-with-beautiful-hairstyles-make-up-sitting_1157-14082.jpg", imageAlt: "person portrait smiling professional woman"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="Our Impact"
|
|
description="Making a difference in the lives of animals and families"
|
|
tag="By The Numbers"
|
|
tagIcon={TrendingUp}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "2,500+", title: "Animals Rescued", items: [
|
|
"Dogs, cats, rabbits & more", "All backgrounds welcome", "Full medical care provided"
|
|
]
|
|
},
|
|
{
|
|
id: "2", value: "98%", title: "Adoption Success Rate", items: [
|
|
"Loving homes found", "Lifetime support included", "Happy families created"
|
|
]
|
|
},
|
|
{
|
|
id: "3", value: "500+", title: "Active Volunteers", items: [
|
|
"Dedicated to animal care", "Community driven mission", "Making real impact daily"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch"
|
|
description="Have questions about adoption? Want to volunteer? We'd love to hear from you. Reach out and let's make a difference together."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us how we can help...", rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground="invertDefault"
|
|
imageSrc="https://img.b2bpic.net/free-photo/dog-sitting-near-girl_8353-5282.jpg"
|
|
imageAlt="Happy pets ready to meet their new families"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Adopt", items: [
|
|
{ label: "Browse Pets", href: "#featured-pets" },
|
|
{ label: "Adoption Process", href: "#adoption-process" },
|
|
{ label: "FAQ", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "Our Mission", href: "#about" },
|
|
{ label: "Impact Report", href: "#metrics" }
|
|
]
|
|
},
|
|
{
|
|
title: "Get Involved", items: [
|
|
{ label: "Volunteer", href: "#contact" },
|
|
{ label: "Donate", href: "#" },
|
|
{ label: "Sponsor", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Email Us", href: "#contact" },
|
|
{ label: "Visit Us", href: "#" },
|
|
{ label: "Social Media", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Happy Paws Shelter. All rights reserved."
|
|
bottomRightText="Rescue, Rehabilitate, Rehome"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|