From f5162367ee389ccdc0eb296c95d2d56e794bc4d1 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 20 Mar 2026 15:10:22 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 261 ++++++++++++----------------------------------- 1 file changed, 64 insertions(+), 197 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index cf58d5b..cbff18d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,10 +21,10 @@ export default function LandingPage() { borderRadius="pill" contentWidth="medium" sizing="mediumSizeLargeTitles" - background="circleGradient" - cardStyle="gradient-bordered" - primaryButtonStyle="primary-glow" - secondaryButtonStyle="layered" + background="none" + cardStyle="soft-shadow" + primaryButtonStyle="flat" + secondaryButtonStyle="solid" headingFontWeight="light" > @@ -32,33 +32,19 @@ export default function LandingPage() { @@ -160,48 +119,30 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Adopt a Pet", - description: "Provide a loving home to an animal in need. Our adoption process is simple and ensures a perfect match.", - icon: Heart, + title: "Adopt a Pet", description: "Provide a loving home to an animal in need. Our adoption process is simple and ensures a perfect match.", icon: Heart, mediaItems: [ { - imageSrc: "https://pixabay.com/get/g41b447f864e06e7ff874791de474dea9df118cebdf16d96640a8fc65d53e018e13c086c3ad59183cfa08602c210cf8a91f9a1fc32b66ff95d4cb17f07cf1f4cf_1280.jpg", - imageAlt: "Person petting a dog in a shelter", - }, + imageSrc: "https://pixabay.com/get/g41b447f864e06e7ff874791de474dea9df118cebdf16d96640a8fc65d53e018e13c086c3ad59183cfa08602c210cf8a91f9a1fc32b66ff95d4cb17f07cf1f4cf_1280.jpg", imageAlt: "Person petting a dog in a shelter"}, { - imageSrc: "https://pixabay.com/get/g69ad4f11fd39913fb731ed9b747a0ee484d23f41f52fd438882f6312cdac7282e5d3f267cac5c668b921a374767f804c9f922bd8cb4c895af42c9b7b57969a43_1280.jpg", - imageAlt: "Adoption application form", - }, + imageSrc: "https://pixabay.com/get/g69ad4f11fd39913fb731ed9b747a0ee484d23f41f52fd438882f6312cdac7282e5d3f267cac5c668b921a374767f804c9f922bd8cb4c895af42c9b7b57969a43_1280.jpg", imageAlt: "Adoption application form"}, ], }, { - title: "Volunteer Your Time", - description: "Join our team of dedicated volunteers and help with animal care, walking, and daily shelter operations.", - icon: Users, + title: "Volunteer Your Time", description: "Join our team of dedicated volunteers and help with animal care, walking, and daily shelter operations.", icon: Users, mediaItems: [ { - imageSrc: "https://pixabay.com/get/g4327b93c9e7724c5ae1e90fd31ffc787d77452a35b23346521ab37f3f969081bdd2c5f03c6c5728edabffa3c9b773a030e98db3de76501cb6f877388dcc6533d_1280.jpg", - imageAlt: "Volunteer feeding a cat", - }, + imageSrc: "https://pixabay.com/get/g4327b93c9e7724c5ae1e90fd31ffc787d77452a35b23346521ab37f3f969081bdd2c5f03c6c5728edabffa3c9b773a030e98db3de76501cb6f877388dcc6533d_1280.jpg", imageAlt: "Volunteer feeding a cat"}, { - imageSrc: "https://pixabay.com/get/g11b3343c9f70fa17f8fca6c5418daa0ca6775c3d11548a8aaabd6128ed1fb883d0c6bfc7530dbdebbf3382b475d4517a30f829c474c5315ee7a75810c51db2d8_1280.jpg", - imageAlt: "Volunteer walking a dog in a park", - }, + imageSrc: "https://pixabay.com/get/g11b3343c9f70fa17f8fca6c5418daa0ca6775c3d11548a8aaabd6128ed1fb883d0c6bfc7530dbdebbf3382b475d4517a30f829c474c5315ee7a75810c51db2d8_1280.jpg", imageAlt: "Volunteer walking a dog in a park"}, ], }, { - title: "Donate & Support", - description: "Your generous contributions directly support our efforts in rescuing, rehabilitating, and rehoming animals.", - icon: DollarSign, + title: "Donate & Support", description: "Your generous contributions directly support our efforts in rescuing, rehabilitating, and rehoming animals.", icon: DollarSign, mediaItems: [ { - imageSrc: "https://pixabay.com/get/gd9c0fe3c9134aad7350e6de473c6db3bec84c13be3a34a56699c047b6774891c5ae850eef214b6bfaac742654fa0b33c5b8b269db9107dc65ae1fd3b5fb88a1b_1280.jpg", - imageAlt: "Person putting money in a donation box", - }, + imageSrc: "https://pixabay.com/get/gd9c0fe3c9134aad7350e6de473c6db3bec84c13be3a34a56699c047b6774891c5ae850eef214b6bfaac742654fa0b33c5b8b269db9107dc65ae1fd3b5fb88a1b_1280.jpg", imageAlt: "Person putting money in a donation box"}, { - imageSrc: "https://pixabay.com/get/gd1eadf07eb5e7aa0983cd2bda17f34972b0305811fa0f45e70b804f57cc3900e690b7505e8460dd0b496d077aa5bf468f168ea0a7be8cf0a35862aa7b9c1d47b_1280.jpg", - imageAlt: "Bowl of pet food and toys", - }, + imageSrc: "https://pixabay.com/get/gd1eadf07eb5e7aa0983cd2bda17f34972b0305811fa0f45e70b804f57cc3900e690b7505e8460dd0b496d077aa5bf468f168ea0a7be8cf0a35862aa7b9c1d47b_1280.jpg", imageAlt: "Bowl of pet food and toys"}, ], }, ]} @@ -218,33 +159,13 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "lucy", - name: "Lucy", - price: "Adoption Fee: $150", - imageSrc: "https://pixabay.com/get/g1081f2151e76175884832f3cedfa7659de109f9f7c6145923fb6b3c04df916ba8a083402a423f0e630d884272bb5ccb49a88a92d0cb533764aa632c4c6fcd4bd_1280.jpg", - imageAlt: "Lucy, a friendly brown dog", - }, + id: "lucy", name: "Lucy", price: "Adoption Fee: $150", imageSrc: "https://pixabay.com/get/g1081f2151e76175884832f3cedfa7659de109f9f7c6145923fb6b3c04df916ba8a083402a423f0e630d884272bb5ccb49a88a92d0cb533764aa632c4c6fcd4bd_1280.jpg", imageAlt: "Lucy, a friendly brown dog"}, { - id: "max", - name: "Max", - price: "Adoption Fee: $120", - imageSrc: "https://pixabay.com/get/g8294644436e8476337f44fc9088c8ab7240efa90dd50f404e5df52a8e27875a217c735c019a36a26ba0f5c25e8b455e5f77e7cf9e7b6263e8a88d635a9ae9de8_1280.jpg", - imageAlt: "Max, a playful black and white cat", - }, + id: "max", name: "Max", price: "Adoption Fee: $120", imageSrc: "https://pixabay.com/get/g8294644436e8476337f44fc9088c8ab7240efa90dd50f404e5df52a8e27875a217c735c019a36a26ba0f5c25e8b455e5f77e7cf9e7b6263e8a88d635a9ae9de8_1280.jpg", imageAlt: "Max, a playful black and white cat"}, { - id: "bella", - name: "Bella", - price: "Adoption Fee: $180", - imageSrc: "https://pixabay.com/get/g38f638c36735611c5a6414499495e185b923a739635ddcfa985f03972f3b2f45555f7592d1a236e3551d5ea1969913d55ecaf7b24002006237f183fbc1e783cb_1280.jpg", - imageAlt: "Bella, a small white dog", - }, + id: "bella", name: "Bella", price: "Adoption Fee: $180", imageSrc: "https://pixabay.com/get/g38f638c36735611c5a6414499495e185b923a739635ddcfa985f03972f3b2f45555f7592d1a236e3551d5ea1969913d55ecaf7b24002006237f183fbc1e783cb_1280.jpg", imageAlt: "Bella, a small white dog"}, { - id: "oliver", - name: "Oliver", - price: "Adoption Fee: $100", - imageSrc: "https://pixabay.com/get/gdc5c56000cc90fb67e02831a80aff8398427a866842b99aa8777e0ea4edbde4a91a3eadba601b8d4fc9fc2774da23861982cffa79a7d3bfdd67f2b9dde47ee29_1280.jpg", - imageAlt: "Oliver, a calm ginger cat", - }, + id: "oliver", name: "Oliver", price: "Adoption Fee: $100", imageSrc: "https://pixabay.com/get/gdc5c56000cc90fb67e02831a80aff8398427a866842b99aa8777e0ea4edbde4a91a3eadba601b8d4fc9fc2774da23861982cffa79a7d3bfdd67f2b9dde47ee29_1280.jpg", imageAlt: "Oliver, a calm ginger cat"}, ]} title="Meet Our Adoptable Friends" description="Browse our wonderful pets currently awaiting their forever homes." @@ -259,37 +180,17 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sarah Johnson", - role: "New Pet Parent", - company: "Local Adopter", - rating: 5, - imageSrc: "https://pixabay.com/get/ge93f59724331d13524bde87c839cb664d66f7a6ed7af93fd286d59fb2f423b16a52fd90ae6e88c7ed683aeacc8492f6fad6a970130e60af2404a63147ffbb678_1280.jpg", - }, + id: "1", name: "Sarah Johnson", role: "New Pet Parent", company: "Local Adopter", rating: 5, + imageSrc: "https://pixabay.com/get/ge93f59724331d13524bde87c839cb664d66f7a6ed7af93fd286d59fb2f423b16a52fd90ae6e88c7ed683aeacc8492f6fad6a970130e60af2404a63147ffbb678_1280.jpg"}, { - id: "2", - name: "Michael Chen", - role: "Volunteer", - company: "Community Member", - rating: 5, - imageSrc: "https://pixabay.com/get/gcaf1e54efe40d3df2a37fce85a47b9636256865e7c2a3c5059b03483d392cba866778a53a3d5ac3de110d4b483c80bb5be8d9f1d51aaacc85d747266ae985805_1280.jpg", - }, + id: "2", name: "Michael Chen", role: "Volunteer", company: "Community Member", rating: 5, + imageSrc: "https://pixabay.com/get/gcaf1e54efe40d3df2a37fce85a47b9636256865e7c2a3c5059b03483d392cba866778a53a3d5ac3de110d4b483c80bb5be8d9f1d51aaacc85d747266ae985805_1280.jpg"}, { - id: "3", - name: "Emily Rodriguez", - role: "Foster Parent", - company: "Happy Home", - rating: 5, - imageSrc: "https://pixabay.com/get/g8e1dc4bd633cabecd0c99f9156f11c279d7ae4c1be9657efd65891773031b05c6e3d5541892d15bf3368073360f22e86c28aadce43e156aa4fba609942240a7e_1280.jpg", - }, + id: "3", name: "Emily Rodriguez", role: "Foster Parent", company: "Happy Home", rating: 5, + imageSrc: "https://pixabay.com/get/g8e1dc4bd633cabecd0c99f9156f11c279d7ae4c1be9657efd65891773031b05c6e3d5541892d15bf3368073360f22e86c28aadce43e156aa4fba609942240a7e_1280.jpg"}, { - id: "4", - name: "David Kim", - role: "Adopter", - company: "Grateful Family", - rating: 5, - imageSrc: "https://pixabay.com/get/g4def9d982e714d7aedbf8567225be4685e2788746dcef8125d2ddc34c6423f2f60b247e298b8850980215766b3a5535db837ffbe4180fd46c8f82b52834e2db7_1280.jpg", - }, + id: "4", name: "David Kim", role: "Adopter", company: "Grateful Family", rating: 5, + imageSrc: "https://pixabay.com/get/g4def9d982e714d7aedbf8567225be4685e2788746dcef8125d2ddc34c6423f2f60b247e298b8850980215766b3a5535db837ffbe4180fd46c8f82b52834e2db7_1280.jpg"}, ]} title="Happy Tails, Happy Homes" description="Read stories from our incredible community of adopters and volunteers." @@ -302,25 +203,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "q1", - title: "What is the adoption process?", - content: "Our adoption process involves an application, an interview, and a home visit to ensure a safe and loving environment for our animals.", - }, + id: "q1", title: "What is the adoption process?", content: "Our adoption process involves an application, an interview, and a home visit to ensure a safe and loving environment for our animals."}, { - id: "q2", - title: "How can I volunteer?", - content: "You can sign up to volunteer by filling out our online form. We offer various roles, including animal care, walking, and administrative support.", - }, + id: "q2", title: "How can I volunteer?", content: "You can sign up to volunteer by filling out our online form. We offer various roles, including animal care, walking, and administrative support."}, { - id: "q3", - title: "What types of donations do you accept?", - content: "We accept monetary donations, pet food, blankets, toys, and other supplies. Every contribution helps us care for our animals.", - }, + id: "q3", title: "What types of donations do you accept?", content: "We accept monetary donations, pet food, blankets, toys, and other supplies. Every contribution helps us care for our animals."}, { - id: "q4", - title: "Can I foster an animal?", - content: "Yes, we have a foster program! Fostering provides a temporary home for animals before they find their permanent families. Contact us for details.", - }, + id: "q4", title: "Can I foster an animal?", content: "Yes, we have a foster program! Fostering provides a temporary home for animals before they find their permanent families. Contact us for details."}, ]} title="Frequently Asked Questions" description="Find answers to common questions about adoption, volunteering, and donations." @@ -332,8 +221,7 @@ export default function LandingPage() { ); -} +} \ No newline at end of file -- 2.49.1 From 280cd77225369930389d1df840e08469cc1b895d Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 20 Mar 2026 15:10:22 +0000 Subject: [PATCH 2/2] Update src/app/styles/variables.css --- src/app/styles/variables.css | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index ee8d361..b688d82 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f6f0e9; - --card: #efe7dd; - --foreground: #2b180a; - --primary-cta: #2b180a; - --primary-cta-text: #f6f0e9; - --secondary-cta: #efe7dd; - --secondary-cta-text: #2b180a; - --accent: #94877c; - --background-accent: #afa094; + --background: #FFFFF0; + --card: #FFFDE7; + --foreground: #333333; + --primary-cta: #FFD700; + --primary-cta-text: #333333; + --secondary-cta: #FFFFFF; + --secondary-cta-text: #333333; + --accent: #FFCC00; + --background-accent: #FFF8DC; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); -- 2.49.1