269 lines
9.1 KiB
TypeScript
269 lines
9.1 KiB
TypeScript
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
|
|
import FooterBasic from '@/components/sections/footer/FooterBasic';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import NavbarCentered from '@/components/ui/NavbarCentered';
|
|
import ProductMediaCards from '@/components/sections/product/ProductMediaCards';
|
|
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
|
|
|
export default function App() {
|
|
return (
|
|
<>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarCentered
|
|
logo="PawsHome"
|
|
navItems={[
|
|
{
|
|
name: "About",
|
|
href: "#about",
|
|
},
|
|
{
|
|
name: "Pets",
|
|
href: "#pets",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
href: "#testimonials",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
]}
|
|
ctaButton={{
|
|
text: "Adopt Now",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
tag="Rescue & Love"
|
|
title="Find Your Forever Friend"
|
|
description="Give a second chance to animals in need. Discover your new family member today."
|
|
primaryButton={{
|
|
text: "See Available Pets",
|
|
href: "#pets",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Donate Now",
|
|
href: "#contact",
|
|
}}
|
|
items={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hand-stroking-red-headed-cat_661209-500.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-pretty-woman-park-running-with-boston-terrier-dog-smiling-positive-mood-trendy-summer-style-wearing-orange-dress-playing-with-pet-having-fun-colorful-active-weekend-vacation-sneakers_285396-5216.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-white-curly-fox-terrier-dog-sitting-front-burning-fireplace_181624-43385.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-petting-her-dog_23-2148740455.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sleeping-cat-lying-down_181624-28780.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-cute-persian-cat-sitting-wooden-floor_181624-23838.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutTextSplit
|
|
title="Our Mission"
|
|
descriptions={[
|
|
"PawsHome is dedicated to rescuing and rehoming abandoned pets in our community. We believe every animal deserves a safe, loving, and permanent home.",
|
|
"Since our founding, we have helped over 500 animals find their new families. We focus on providing medical care, socialization, and a gentle transition period for every rescue.",
|
|
"Your support keeps our doors open and our bowls full. From volunteering to adopting or donating, every bit of help makes a difference.",
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pets" data-section="pets">
|
|
<ProductMediaCards
|
|
tag="Available Pets"
|
|
title="Meet Your New Best Friend"
|
|
description="Our current residents are waiting to meet you. Browse their profiles below."
|
|
products={[
|
|
{
|
|
name: "Buddy",
|
|
price: "Adoption Ready",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-adorable-chihuahua-dog-coming-out-torn-paper_23-2149880041.jpg",
|
|
},
|
|
{
|
|
name: "Luna",
|
|
price: "Available",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-holds-black-white-kitty-his-shoulder_8353-8634.jpg",
|
|
},
|
|
{
|
|
name: "Cooper",
|
|
price: "Needs a Home",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-view-man-holding-dog-his-arms_1268-20552.jpg",
|
|
},
|
|
{
|
|
name: "Max",
|
|
price: "Ready",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/adorable-golden-retriever-outdoors_181624-37825.jpg",
|
|
},
|
|
{
|
|
name: "Chloe",
|
|
price: "Available",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-stray-cat-walking-streets-rabat-morocco_181624-14450.jpg",
|
|
},
|
|
{
|
|
name: "Bella",
|
|
price: "Adoption Ready",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tired-staffordshire-bull-terrier-sitting-ground-daylight_181624-11650.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialMarqueeCards
|
|
tag="Happy Tails"
|
|
title="Stories from Forever Homes"
|
|
description="Read about the joy our rescues have brought into their owners' lives."
|
|
testimonials={[
|
|
{
|
|
name: "Sarah J.",
|
|
role: "Adoptive Parent",
|
|
quote: "Buddy brought so much light back into our house. The process was smooth and supportive.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-summer-forest-playing-with-dog_1157-32789.jpg",
|
|
},
|
|
{
|
|
name: "Mark D.",
|
|
role: "Pet Owner",
|
|
quote: "Couldn't be happier with our new cat Luna. She adjusted so quickly thanks to the staff.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-laying-bed-with-cats_23-2149879717.jpg",
|
|
},
|
|
{
|
|
name: "Elena R.",
|
|
role: "Adoptive Parent",
|
|
quote: "Our family feels complete now. Cooper is such a wonderful addition to our home.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-family-playing-with-dog-smiling-into-front_496169-2466.jpg",
|
|
},
|
|
{
|
|
name: "Tom K.",
|
|
role: "Happy Owner",
|
|
quote: "The shelter staff cares deeply about these animals. We felt guided every step of the way.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-hoodie-hugging-her-dog-pink-background-cheerful-lady-grey-sweatshirt-widely-smiles-poses-with-corgi-isolated_197531-18538.jpg",
|
|
},
|
|
{
|
|
name: "Jessica M.",
|
|
role: "New Parent",
|
|
quote: "Adopting Bella was the best decision we've ever made. She is the sweetest companion.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/image-happy-man-pet-owner-holding-cute-black-pug-dog-poop-bag-standing-white-background_1258-145633.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqTwoColumn
|
|
tag="Common Questions"
|
|
title="Adoption Guide"
|
|
description="Have questions about the process? We've got answers."
|
|
items={[
|
|
{
|
|
question: "What is the adoption process?",
|
|
answer: "The process includes an application form, a brief interview, and a home visit to ensure safety for our pets.",
|
|
},
|
|
{
|
|
question: "Are your animals vaccinated?",
|
|
answer: "Yes, all animals arriving at PawsHome receive full vet checks, vaccinations, and are microchipped before adoption.",
|
|
},
|
|
{
|
|
question: "Can I volunteer?",
|
|
answer: "Absolutely! We rely on our volunteers for daily care, dog walking, and helping with adoption events.",
|
|
},
|
|
{
|
|
question: "Are there adoption fees?",
|
|
answer: "Yes, fees cover our medical costs and care services. Contact us for detailed pricing.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
tag="Get in Touch"
|
|
title="Adopt, Volunteer, or Donate"
|
|
description="Reach out to us if you have questions or want to help our shelter mission."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Email Address",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "interest",
|
|
type: "text",
|
|
placeholder: "Area of Interest (Adoption, Volunteering, etc.)",
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Your Message",
|
|
rows: 4,
|
|
}}
|
|
buttonText="Submit Inquiry"
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-interacting-with-rescue-dogs-shelter_23-2148682952.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBasic
|
|
columns={[
|
|
{
|
|
title: "Links",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Pets",
|
|
href: "#pets",
|
|
},
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "Donate",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Volunteer",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
leftText="© 2024 PawsHome Shelter."
|
|
rightText="Designed with care for animals."
|
|
/>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|