Initial commit
This commit is contained in:
138
src/app/adopt/page.tsx
Normal file
138
src/app/adopt/page.tsx
Normal file
@@ -0,0 +1,138 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function AdoptPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="PawsHome Shelter"
|
||||
navItems={[
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Adopt", id: "/adopt" },
|
||||
{ name: "Donate", id: "/donate" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pets" data-section="pets">
|
||||
<ProductCardThree
|
||||
title="Find Your Perfect Companion"
|
||||
description="Each of our animals has been lovingly cared for and is ready to become part of your family. Browse our available pets and start your adoption journey today."
|
||||
products={[
|
||||
{
|
||||
id: "dog-golden",
|
||||
name: "Buddy - Golden Retriever",
|
||||
price: "Adoption Fee: $150",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/local-labrador-beige-puppy-chilling-grass-looking-camera-with-sad-droopy-eyes_1268-20171.jpg",
|
||||
imageAlt: "Golden Retriever available for adoption"
|
||||
},
|
||||
{
|
||||
id: "dog-lab",
|
||||
name: "Max - Labrador Mix",
|
||||
price: "Adoption Fee: $120",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-280.jpg",
|
||||
imageAlt: "Labrador mix ready for adoption"
|
||||
},
|
||||
{
|
||||
id: "cat-tabby",
|
||||
name: "Whiskers - Tabby Cat",
|
||||
price: "Adoption Fee: $50",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-cute-golden-retriever-puppy-curiously-looking-camera_181624-15694.jpg",
|
||||
imageAlt: "Tabby cat looking for a home"
|
||||
},
|
||||
{
|
||||
id: "dog-senior",
|
||||
name: "Luna - Senior Mix",
|
||||
price: "Adoption Fee: $75",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-280.jpg",
|
||||
imageAlt: "Senior dog seeking loving retirement home"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardNine
|
||||
title="Your Adoption Journey"
|
||||
description="We've designed our adoption process to be thorough yet straightforward, ensuring the best match between you and your new pet"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Meet & Greet",
|
||||
description: "Visit our shelter to meet available pets. Spend time getting to know their personalities and see who connects with you.",
|
||||
phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/colleagues-interviewing-new-candidate-job-interview-concept_329181-12058.jpg" },
|
||||
phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/colleagues-interviewing-new-candidate-job-interview-concept_329181-12058.jpg" }
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Application Review",
|
||||
description: "Complete our comprehensive application. We'll review your information and contact references to ensure a great match.",
|
||||
phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/colleagues-interviewing-new-candidate-job-interview-concept_329181-12058.jpg" },
|
||||
phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/colleagues-interviewing-new-candidate-job-interview-concept_329181-12058.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
|
||||
imageAlt="PawsHome Shelter volunteers caring for animals"
|
||||
logoText="PawsHome Shelter"
|
||||
copyrightText="© 2025 PawsHome Shelter. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Adopt",
|
||||
items: [
|
||||
{ label: "Browse Pets", href: "/adopt" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Success Stories", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Donate", href: "/donate" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Volunteer", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{ label: "info@pawshome.org", href: "mailto:info@pawshome.org" },
|
||||
{ label: "(555) 123-4567", href: "tel:+15551234567" },
|
||||
{ label: "Tue-Sun 10am-6pm", href: "" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user