From b028685b71a9d103fae5dc17d274105362f91149 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 20 Mar 2026 14:44:42 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 197 +++++++++++------------------------------------ 1 file changed, 44 insertions(+), 153 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index a3df598..9361a66 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,25 +33,15 @@ export default function LandingPage() { @@ -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() {