Merge version_1 into main #1
197
src/app/page.tsx
197
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Adopt",
|
||||
id: "adopt",
|
||||
},
|
||||
name: "Adopt", id: "adopt"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Help",
|
||||
id: "help",
|
||||
},
|
||||
name: "Help", id: "help"},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "impact",
|
||||
},
|
||||
name: "Impact", id: "impact"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Paws & Hearts Shelter"
|
||||
/>
|
||||
@@ -63,27 +53,17 @@ export default function LandingPage() {
|
||||
description="Giving every paw a loving home. Join us in our mission to rescue, rehabilitate, and rehome animals in need."
|
||||
buttons={[
|
||||
{
|
||||
text: "Adopt a Pet",
|
||||
href: "/adopt",
|
||||
},
|
||||
text: "Adopt a Pet", href: "/adopt"},
|
||||
{
|
||||
text: "How You Can Help",
|
||||
href: "#help",
|
||||
},
|
||||
text: "How You Can Help", href: "#help"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g026dc9b8b50a1b1a6ca36d20a8b73db871fd6e7be015a1b38a99466dbf9967e3f5b9a24c0c5815fd8d1bb13fc69fa4fdb54dabb1fa105315a4c927af9b11e623_1280.jpg",
|
||||
imageAlt: "Happy dog and cat playing together",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g026dc9b8b50a1b1a6ca36d20a8b73db871fd6e7be015a1b38a99466dbf9967e3f5b9a24c0c5815fd8d1bb13fc69fa4fdb54dabb1fa105315a4c9277af9b11e623_1280.jpg", imageAlt: "Happy dog and cat playing together"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/ga10e376f5bc5a9744e1aa5ecc78a83a3bd3908fd2eb507500dc79fc4033ec79ca6338155216b11262bac57894c193dc3e3cb7790ccb954d75bd054aa2fc8bda0_1280.jpg",
|
||||
imageAlt: "Dog owner hugging pet outdoors",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/ga10e376f5bc5a9744e1aa5ecc78a83a3bd3908fd2eb507500dc79fc4033ec79ca6338155216b11262bac57894c193dc3e3cb7790ccb954d75bd054aa2fc8bda0_1280.jpg", imageAlt: "Dog owner hugging pet outdoors"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/ge2a7edf1a5610eb6e4a530f755fd375a636057150136b027f5af5cd97d67ef915d76ccecd90f0e06ce05afed9df440e7b9bec2389172ec8be8d89b31de969c34_1280.jpg",
|
||||
imageAlt: "Person petting a grateful cat",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/ge2a7edf1a5610eb6e4a530f755fd375a636057150136b027f5af5cd97d67ef915d76ccecd90f0e06ce05afed9df440e7b9bec2389172ec8be8d89b31de969c34_1280.jpg", imageAlt: "Person petting a grateful cat"},
|
||||
]}
|
||||
autoplayDelay={5000}
|
||||
showDimOverlay={true}
|
||||
@@ -111,25 +91,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Adopt a Friend",
|
||||
description: "Open your heart and home to a deserving animal. Our adoption process is simple and transparent, ensuring a perfect match for both you and your new companion.",
|
||||
imageSrc: "https://pixabay.com/get/g6a3181aca7d3a4f0b5dad5e789aa31f818a331f31972013db7119be57189e7be822e8671ed90d7c0b4a1c89f7ccd54a5ca22284d7ee222feafa3dfc81534cda3_1280.jpg",
|
||||
imageAlt: "Woman signing adoption papers with a dog",
|
||||
},
|
||||
title: "Adopt a Friend", description: "Open your heart and home to a deserving animal. Our adoption process is simple and transparent, ensuring a perfect match for both you and your new companion.", imageSrc: "https://pixabay.com/get/g6a3181aca7d3a4f0b5dad5e789aa31f818a331f31972013db7119be57189e7be822e8671ed90d7c0b4a1c89f7ccd54a5ca22284d7ee222feafa3dfc81534cda3_1280.jpg", imageAlt: "Woman signing adoption papers with a dog"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Volunteer Your Time",
|
||||
description: "Make a difference in the lives of shelter animals. Whether it's walking dogs, cuddling cats, or assisting with events, your time and effort are invaluable.",
|
||||
imageSrc: "https://pixabay.com/get/g05f0e231a76fe64f492e8969fe6ac99c8ebfdbd461e9068e6996509c6284d104d3d0df6d873e26ef51c1869bd1b35aee34a11b63920a041f243877253086fa48_1280.jpg",
|
||||
imageAlt: "Volunteer walking a shelter dog",
|
||||
},
|
||||
title: "Volunteer Your Time", description: "Make a difference in the lives of shelter animals. Whether it's walking dogs, cuddling cats, or assisting with events, your time and effort are invaluable.", imageSrc: "https://pixabay.com/get/g05f0e231a76fe64f492e8969fe6ac99c8ebfdbd461e9068e6996509c6284d104d3d0df6d873e26ef51c1869bd1b35aee34a11b63920a041f243877253086fa48_1280.jpg", imageAlt: "Volunteer walking a shelter dog"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Donate & Support",
|
||||
description: "Your generous contributions directly impact the welfare of our animals, providing food, medical care, and safe shelter. Every donation, big or small, counts.",
|
||||
imageSrc: "https://pixabay.com/get/g44a2f2138267c6c0aa7354ac657920faa857199ac478aca9e50f8a20bf3f70d29b287822c5b2e5f83c496555ef6cc280d6f02c5d1d7a57e37eb78f5949a61655_1280.jpg",
|
||||
imageAlt: "Donation box for pet food",
|
||||
},
|
||||
title: "Donate & Support", description: "Your generous contributions directly impact the welfare of our animals, providing food, medical care, and safe shelter. Every donation, big or small, counts.", imageSrc: "https://pixabay.com/get/g44a2f2138267c6c0aa7354ac657920faa857199ac478aca9e50f8a20bf3f70d29b287822c5b2e5f83c496555ef6cc280d6f02c5d1d7a57e37eb78f5949a61655_1280.jpg", imageAlt: "Donation box for pet food"},
|
||||
]}
|
||||
title="How You Can Help"
|
||||
description="There are many ways to support our mission and make a positive impact on the lives of animals."
|
||||
@@ -146,26 +114,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "max-dog",
|
||||
name: "Max",
|
||||
price: "Adoption Fee: $250",
|
||||
imageSrc: "https://pixabay.com/get/gc5dea11d789a5e1593119ca9708fa93ef61c1da0c2a66c88a4089b9cb7f468d40d21125344afdb0425b02014417a2635356ab650e2aaa0d0769721eab1180d46_1280.jpg",
|
||||
imageAlt: "Max, a friendly golden retriever dog",
|
||||
},
|
||||
id: "max-dog", name: "Max", price: "Adoption Fee: $250", imageSrc: "https://pixabay.com/get/gc5dea11d789a5e1593119ca9708fa93ef61c1da0c2a66c88a4089b9cb7f468d40d21125344afdb0425b02014417a2635356ab650e2aaa0d0769721eab1180d46_1280.jpg", imageAlt: "Max, a friendly golden retriever dog"},
|
||||
{
|
||||
id: "luna-cat",
|
||||
name: "Luna",
|
||||
price: "Adoption Fee: $150",
|
||||
imageSrc: "https://pixabay.com/get/gccc7b6aecf2140c9a96e64053105b756ccce5b0ee0bcd4754dfabd294ce4ac81178ed293e36df860297dafdf63a331041a5e1e9b1cfbe7f00092b10589b10406_1280.jpg",
|
||||
imageAlt: "Luna, a playful tabby cat",
|
||||
},
|
||||
id: "luna-cat", name: "Luna", price: "Adoption Fee: $150", imageSrc: "https://pixabay.com/get/gccc7b6aecf2140c9a96e64053105b756ccce5b0ee0bcd4754dfabd294ce4ac81178ed293e36df860297dafdf63a331041a5e1e9b1cfbe7f00092b10589b10406_1280.jpg", imageAlt: "Luna, a playful tabby cat"},
|
||||
{
|
||||
id: "biscuit-bunny",
|
||||
name: "Biscuit",
|
||||
price: "Adoption Fee: $80",
|
||||
imageSrc: "https://pixabay.com/get/g998da331396d4366333e695b6e0a9349de16cfec5c8fb1a10afda99702042d09c21116d45f7230ab4f44d8b0fe5696f8172ab827a57a71bda38100da42a911cb_1280.jpg",
|
||||
imageAlt: "Biscuit, an adorable white bunny",
|
||||
},
|
||||
id: "biscuit-bunny", name: "Biscuit", price: "Adoption Fee: $80", imageSrc: "https://pixabay.com/get/g998da331396d4366333e695b6e0a9349de16cfec5c8fb1a10afda99702042d09c21116d45f7230ab4f44d8b0fe5696f8172ab827a57a71bda38100da42a911cb_1280.jpg", imageAlt: "Biscuit, an adorable white bunny"},
|
||||
]}
|
||||
title="Meet Our Adoptable Pets"
|
||||
description="Browse our furry, feathered, and scaled friends eagerly waiting for their forever families. Each pet has a unique story and is ready to bring joy to your home."
|
||||
@@ -177,27 +130,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "animals-rescued",
|
||||
value: "5000+",
|
||||
title: "Animals Rescued",
|
||||
description: "From difficult situations and given a second chance at life.",
|
||||
icon: Home,
|
||||
id: "animals-rescued", value: "5000+", title: "Animals Rescued", description: "From difficult situations and given a second chance at life.", icon: Home,
|
||||
},
|
||||
{
|
||||
id: "successful-adoptions",
|
||||
value: "4500+",
|
||||
title: "Successful Adoptions",
|
||||
description: "Pets matched with loving families, finding their forever homes.",
|
||||
icon: Home,
|
||||
id: "successful-adoptions", value: "4500+", title: "Successful Adoptions", description: "Pets matched with loving families, finding their forever homes.", icon: Home,
|
||||
},
|
||||
{
|
||||
id: "volunteer-hours",
|
||||
value: "100K+",
|
||||
title: "Volunteer Hours",
|
||||
description: "Dedicated individuals providing care and companionship.",
|
||||
icon: Clock,
|
||||
id: "volunteer-hours", value: "100K+", title: "Volunteer Hours", description: "Dedicated individuals providing care and companionship.", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Our Impact at a Glance"
|
||||
@@ -213,21 +155,13 @@ export default function LandingPage() {
|
||||
author="Sarah J."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://pixabay.com/get/g87c6ed067a7459d71ece5f7eddfa1a041e33d471d55796294734a4a1af33378e485e1595877e415b2c61974581ddae6b9998a6a3da42eda51fc21b6ab935eee0_1280.jpg",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
src: "https://pixabay.com/get/g87c6ed067a7459d71ece5f7eddfa1a041e33d471d55796294734a4a1af33378e485e1595877e415b2c61974581ddae6b9998a6a3da42eda51fc21b6ab935eee0_1280.jpg", alt: "Sarah J."},
|
||||
{
|
||||
src: "https://pixabay.com/get/g7806bc200b419d20dbfcf86d709f18cd1a2d049356a16b0f98d4c6c02d079fe4e7a6b7c2eab8e013bb5b281bb55b3e6da62d2f906e0f0c18c9e31a160d22e473_1280.jpg",
|
||||
alt: "John P.",
|
||||
},
|
||||
src: "https://pixabay.com/get/g7806bc200b419d20dbfcf86d709f18cd1a2d049356a16b0f98d4c6c02d079fe4e7a6b7c2eab8e013bb5b281bb55b3e6da62d2f906e0f0c18c9e31a160d22e473_1280.jpg", alt: "John P."},
|
||||
{
|
||||
src: "https://pixabay.com/get/g36e423bb93c613ef16e99e5a60b37aa62d58bdbf50e5c12b52d383485d79c009d8df35cc05638cfe37f837956f72a6cab313254499a178233e26e360c84b600b_1280.jpg",
|
||||
alt: "Emily R.",
|
||||
},
|
||||
src: "https://pixabay.com/get/g36e423bb93c613ef16e99e5a60b37aa62d58bdbf50e5c12b52d383485d79c009d8df35cc05638cfe37f837956f72a6cab313254499a178233e26e360c84b600b_1280.jpg", alt: "Emily R."},
|
||||
{
|
||||
src: "https://pixabay.com/get/g06f36a53411c31e693ba2ef64411aa1521d042f3932e88601c2e0753a92d18af95912bfe3a9ae76ab1bbe751b6d28f4087b6ae83467d6a2b3f20b04587efb36c_1280.jpg",
|
||||
alt: "David K.",
|
||||
},
|
||||
src: "https://pixabay.com/get/g06f36a53411c31e693ba2ef64411aa1521d042f3932e88601c2e0753a92d18af95912bfe3a9ae76ab1bbe751b6d28f4087b6ae83467d6a2b3f20b04587efb36c_1280.jpg", alt: "David K."},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="opacity"
|
||||
@@ -239,28 +173,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What is the adoption process?",
|
||||
content: "Our adoption process typically involves an application, a brief interview, and a home visit to ensure a safe and loving environment for the pet. We aim to make it as smooth as possible!",
|
||||
},
|
||||
id: "faq-1", title: "What is the adoption process?", content: "Our adoption process typically involves an application, a brief interview, and a home visit to ensure a safe and loving environment for the pet. We aim to make it as smooth as possible!"},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How can I volunteer?",
|
||||
content: "Volunteering is easy! Simply fill out our online volunteer application form, and our coordinator will contact you to discuss available opportunities and training sessions.",
|
||||
},
|
||||
id: "faq-2", title: "How can I volunteer?", content: "Volunteering is easy! Simply fill out our online volunteer application form, and our coordinator will contact you to discuss available opportunities and training sessions."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "What types of donations do you accept?",
|
||||
content: "We gratefully accept monetary donations, pet food (unopened), blankets, toys, and cleaning supplies. Please check our website for a detailed list of needs.",
|
||||
},
|
||||
id: "faq-3", title: "What types of donations do you accept?", content: "We gratefully accept monetary donations, pet food (unopened), blankets, toys, and cleaning supplies. Please check our website for a detailed list of needs."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Find quick answers to the most frequently asked questions about adoption, volunteering, and supporting our shelter."
|
||||
buttons={[
|
||||
{
|
||||
text: "View All FAQs",
|
||||
href: "/faq",
|
||||
},
|
||||
text: "View All FAQs", href: "/faq"},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
@@ -274,27 +197,16 @@ export default function LandingPage() {
|
||||
description="Have questions or want to learn more about our shelter? Reach out to us, and we'll be happy to assist you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Your Phone Number"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="https://pixabay.com/get/g6f1488c074a3c8365904544727ec31dd5a622439b824ee4bc7fd1f0b2f9f687dd42a600ff18cf09687e10a0dc072242c9780b736bb48e478a7e85da61c374906_1280.jpg"
|
||||
@@ -309,54 +221,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Adopt",
|
||||
href: "/adopt",
|
||||
},
|
||||
label: "Adopt", href: "/adopt"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Volunteer",
|
||||
href: "/volunteer",
|
||||
},
|
||||
label: "Volunteer", href: "/volunteer"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Donate",
|
||||
href: "/donate",
|
||||
},
|
||||
label: "Donate", href: "/donate"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/faq",
|
||||
},
|
||||
label: "FAQs", href: "/faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
label: "Twitter", href: "https://twitter.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user