280 lines
14 KiB
TypeScript
280 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Heart, PawPrint, Award, Users } from "lucide-react";
|
|
|
|
export default function PawSanctuaryPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="sharp"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="neon-glow"
|
|
primaryButtonStyle="layered-depth"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="PawSanctuary"
|
|
button={{
|
|
text: "Adopt Now", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Every Paw Deserves a Loving Home"
|
|
description="Welcome to PawSanctuary, where rescue animals find second chances. We care for dogs, cats, and other animals, providing shelter, medical care, and love until they find their perfect families."
|
|
tag="Where Paws Meet Hearts"
|
|
tagIcon={Heart}
|
|
kpis={[
|
|
{
|
|
value: "1,250+", label: "Animals Rescued"
|
|
},
|
|
{
|
|
value: "92%", label: "Successful Adoptions"
|
|
},
|
|
{
|
|
value: "500+", label: "Happy Families"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Meet Our Animals", href: "#animals"
|
|
},
|
|
{
|
|
text: "Learn More", href: "#about"
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781049238-04yfn5er.jpg"
|
|
imageAlt="Happy rescued animals at the shelter"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Our Mission: Rescue, Care, and Love"
|
|
description="For over a decade, PawSanctuary has been dedicated to rescuing abandoned and neglected animals. Our compassionate team provides medical treatment, behavioral rehabilitation, and loving care until each animal is ready for adoption. We believe every creature deserves a safe, warm home."
|
|
tag="About Us"
|
|
buttons={[
|
|
{
|
|
text: "Support Our Mission", href: "#contact"
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781053223-zo7r4xyu.jpg"
|
|
imageAlt="Dedicated shelter team caring for animals"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="animals" data-section="animals">
|
|
<FeatureCardNine
|
|
title="Animals We Care For"
|
|
description="Our sanctuary is home to a diverse family of animals, each with their own unique story and personality."
|
|
tag="Available for Adoption"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Dogs", description: "From playful puppies to gentle seniors, our dogs range from small breeds to large loving companions. Each dog receives training, socialization, and medical care to prepare them for their new homes.", phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781054580-l7gbalzv.jpg"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781054580-l7gbalzv.jpg"
|
|
}
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Cats", description: "Our feline friends are affectionate, quirky, and full of personality. From lap cats to independent explorers, we have the perfect match for any cat lover seeking a furry companion.", phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781055708-8xl64tiz.jpg"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781055708-8xl64tiz.jpg"
|
|
}
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Other Animals", description: "We also care for rabbits, guinea pigs, and other small animals. These gentle creatures make wonderful pets and deserve loving homes too.", phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781056738-3k0t0ih7.jpg"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781056738-3k0t0ih7.jpg"
|
|
}
|
|
}
|
|
]}
|
|
showStepNumbers={false}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Our Impact"
|
|
description="Year after year, we continue to grow our mission of rescue and care."
|
|
metrics={[
|
|
{
|
|
id: "1", value: "1250", title: "Animals Rescued", description: "Provided safety and care to rescued animals", icon: PawPrint
|
|
},
|
|
{
|
|
id: "2", value: "92", title: "% Adoption Success", description: "Animals placed in loving forever homes", icon: Heart
|
|
},
|
|
{
|
|
id: "3", value: "15", title: "Years Strong", description: "Dedicated to animal welfare and rescue", icon: Award
|
|
},
|
|
{
|
|
id: "4", value: "50", title: "Volunteers", description: "Compassionate people making a difference", icon: Users
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertCard"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Adoption Success Stories"
|
|
description="Hear from families whose lives have been transformed by their rescue pets."
|
|
tag="Real Stories"
|
|
tagIcon={Heart}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah & Michael Johnson", handle: "The Rescue Story", testimonial: "When we adopted Max, a shy golden retriever, we never imagined how much love he would bring into our lives. He's now the heart of our family, and we couldn't imagine life without him.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781058296-mk3ugrth.jpg", imageAlt: "Sarah and Michael with their dog Max"
|
|
},
|
|
{
|
|
id: "2", name: "Emma & Liam", handle: "Cat Parents", testimonial: "Luna came to us as a frightened kitten, but with patience and love from PawSanctuary's care, she blossomed into the sweetest, most affectionate companion. Thank you for everything!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781059765-dkjo5phm.jpg", imageAlt: "Emma and Liam with their cat Luna"
|
|
},
|
|
{
|
|
id: "3", name: "Jessica & Tom Chen", handle: "Forever Home Finders", testimonial: "We adopted two rescue dogs and couldn't be happier. The staff at PawSanctuary provided excellent guidance, and both our dogs have integrated beautifully into our family.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781061149-gnkqhji7.jpg", imageAlt: "Jessica and Tom with their adopted dogs"
|
|
},
|
|
{
|
|
id: "4", name: "Maria Rodriguez", handle: "Solo Pet Parent", testimonial: "As someone living alone, adopting Whiskers, a senior cat, was the best decision. She's brought so much comfort and companionship into my home. PawSanctuary made the adoption process so smooth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781062293-21ycyt7d.jpg", imageAlt: "Maria with her cat Whiskers"
|
|
},
|
|
{
|
|
id: "5", name: "David & Sophie Lee", handle: "Growing Family", testimonial: "Our kids have learned so much about compassion from caring for Buddy, our rescue rabbit. PawSanctuary's education program made the adoption experience wonderful for our whole family.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781063698-rb6eelaz.jpg", imageAlt: "David, Sophie, and their children with their rabbit"
|
|
},
|
|
{
|
|
id: "6", name: "Robert Matthews", handle: "Golden Years, Golden Companion", testimonial: "Adopting Bailey, an older dog, was perfect for me. She's calm, loving, and the staff ensured she was a great match for my lifestyle. Best companion a retiree could ask for!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781064750-loy34z3k.jpg", imageAlt: "Robert with his dog Bailey"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
speed={30}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Start Your Adoption Journey"
|
|
description="Ready to give a rescue animal a loving home? Fill out our adoption inquiry form, and our team will help match you with the perfect companion."
|
|
inputs={[
|
|
{
|
|
name: "fullName", type: "text", placeholder: "Your Full Name", required: true
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email Address", required: true
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true
|
|
},
|
|
{
|
|
name: "animalInterest", type: "text", placeholder: "What animal are you interested in? (Dog, Cat, etc.)", required: true
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about yourself and your home environment. This helps us find the perfect match!", rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground="invertDefault"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781051475-ednvq35h.jpg"
|
|
imageAlt="Adoption process at our sanctuary"
|
|
mediaPosition="right"
|
|
buttonText="Submit Adoption Inquiry"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="PawSanctuary"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Available Animals", href: "#animals"
|
|
},
|
|
{
|
|
label: "About Us", href: "#about"
|
|
},
|
|
{
|
|
label: "Success Stories", href: "#testimonials"
|
|
},
|
|
{
|
|
label: "Adopt Now", href: "#contact"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Get Involved", items: [
|
|
{
|
|
label: "Volunteer", href: "#contact"
|
|
},
|
|
{
|
|
label: "Donate", href: "#contact"
|
|
},
|
|
{
|
|
label: "Foster Program", href: "#contact"
|
|
},
|
|
{
|
|
label: "Events", href: "#contact"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "Phone: (555) 123-PAWS", href: "tel:5551239727"
|
|
},
|
|
{
|
|
label: "Email: info@pawsanctuary.org", href: "mailto:info@pawsanctuary.org"
|
|
},
|
|
{
|
|
label: "Visit Us", href: "#contact"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Follow Us", items: [
|
|
{
|
|
label: "Facebook", href: "https://facebook.com"
|
|
},
|
|
{
|
|
label: "Instagram", href: "https://instagram.com"
|
|
},
|
|
{
|
|
label: "Twitter", href: "https://twitter.com"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 PawSanctuary | Dedicated to animal rescue and welfare"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |