Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-03-20 11:23:18 +00:00
2 changed files with 39 additions and 123 deletions

View File

@@ -31,47 +31,32 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Adopt",
id: "#features",
},
name: "Adopt", id: "#features"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Stories",
id: "#testimonials",
},
name: "Stories", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Paws Haven"
button={{
text: "Donate Now",
href: "#contact",
}}
text: "Donate Now", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Give a Second Chance, Find a Best Friend"
description="Every pet at Paws Haven is waiting for a loving home. Your kindness makes all the difference in their lives."
tag="Adopt Today"
buttons={[
{
text: "View Available Pets",
href: "#features",
},
text: "View Available Pets", href: "#features"},
{
text: "Donate Now",
href: "#contact",
},
text: "Donate Now", href: "#contact"},
]}
imageSrc="https://pixabay.com/get/g7d8ce498282572f124e8a53ba8bffbd64a8f075f5a72f1a5801323523804882f613b11cc25c062cb5b0e71ac4e4c3f2353ff482472fc731108d124c7e671cad7_1280.jpg"
imageAlt="A happy dog waiting for adoption at our shelter"
@@ -88,29 +73,13 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "adopt",
title: "Adopt a Pet",
description: "Meet our lovely cats and dogs, fully vetted and ready to become a part of your family forever.",
imageSrc: "https://pixabay.com/get/g5524cd3108a54f761e0d12d327f2e06cd4857cf7792a52d8f3eed8b1cebf497783b1f42bc291a60c01aae1502132aad0e610117537a994152c717ae58c699a67_1280.jpg",
},
id: "adopt", title: "Adopt a Pet", description: "Meet our lovely cats and dogs, fully vetted and ready to become a part of your family forever.", imageSrc: "https://pixabay.com/get/g5524cd3108a54f761e0d12d327f2e06cd4857cf7792a52d8f3eed8b1cebf497783b1f42bc291a60c01aae1502132aad0e610117537a994152c717ae58c699a67_1280.jpg"},
{
id: "volunteer",
title: "Volunteer Work",
description: "Lend a hand by walking dogs, socializing kittens, or helping with daily shelter operations.",
imageSrc: "https://pixabay.com/get/gdc0e44a7101ffd2db6526ac3b8b451c8d5dd91fd88474977a3d73454425131b65373fa65ffcf5341d6fe58ba518c2fe1f65ed1a24bc1a9531a9b01fbe4b72cbd_1280.jpg",
},
id: "volunteer", title: "Volunteer Work", description: "Lend a hand by walking dogs, socializing kittens, or helping with daily shelter operations.", imageSrc: "https://pixabay.com/get/gdc0e44a7101ffd2db6526ac3b8b451c8d5dd91fd88474977a3d73454425131b65373fa65ffcf5341d6fe58ba518c2fe1f65ed1a24bc1a9531a9b01fbe4b72cbd_1280.jpg"},
{
id: "vet",
title: "Health & Care",
description: "Your donations go directly to providing vaccines, surgeries, and specialized medical care for our rescues.",
imageSrc: "https://pixabay.com/get/g3b8549a3319117853b7b7b7697bde8749ec4fe58d1939bd874f81a3617d2215126e2d5955586b9c7c8526ce0570e6b82144a0aaf2f1398ec93a56a9b85967ed0_1280.jpg",
},
id: "vet", title: "Health & Care", description: "Your donations go directly to providing vaccines, surgeries, and specialized medical care for our rescues.", imageSrc: "https://pixabay.com/get/g3b8549a3319117853b7b7b7697bde8749ec4fe58d1939bd874f81a3617d2215126e2d5955586b9c7c8526ce0570e6b82144a0aaf2f1398ec93a56a9b85967ed0_1280.jpg"},
{
id: "support",
title: "Education & Support",
description: "Learn more about animal behavior and how to prepare your home for a new rescued pet.",
imageSrc: "https://pixabay.com/get/g93f240f88e86b1ba75407ebee1c252a8b2ed561a574a4695496db9a6e7ef1b72429858e380b333c3c5283207a99da51a592b183f2a5c069204fedb609cd8dbb1_1280.jpg",
},
id: "support", title: "Education & Support", description: "Learn more about animal behavior and how to prepare your home for a new rescued pet.", imageSrc: "https://pixabay.com/get/g93f240f88e86b1ba75407ebee1c252a8b2ed561a574a4695496db9a6e7ef1b72429858e380b333c3c5283207a99da51a592b183f2a5c069204fedb609cd8dbb1_1280.jpg"},
]}
title="How You Can Help"
description="We offer multiple ways to support our furry friends, from adoption to financial support and volunteering."
@@ -136,41 +105,13 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
date: "Date: 12 Jan 2025",
title: "Cooper is our soulmate!",
quote: "We adopted Cooper last year, and he changed our lives. Paws Haven staff were amazing guides.",
tag: "Adopter",
avatarSrc: "https://pixabay.com/get/g1cc54f57a10e63d5118bb61d24efc2679963cb620ca5464121e94c892efdebd00a4c0fa01aca7489d285ee7e60581d1541097fe51b6bf2760616a8f56d7ebdfc_1280.jpg",
},
id: "t1", name: "Sarah Miller", date: "Date: 12 Jan 2025", title: "Cooper is our soulmate!", quote: "We adopted Cooper last year, and he changed our lives. Paws Haven staff were amazing guides.", tag: "Adopter", avatarSrc: "https://pixabay.com/get/g1cc54f57a10e63d5118bb61d24efc2679963cb620ca5464121e94c892efdebd00a4c0fa01aca7489d285ee7e60581d1541097fe51b6bf2760616a8f56d7ebdfc_1280.jpg"},
{
id: "t2",
name: "Jason Brown",
date: "Date: 05 Feb 2025",
title: "Perfect addition to family",
quote: "The kitten we adopted settled in perfectly. Paws Haven really prepares these pets for life at home.",
tag: "Adopter",
avatarSrc: "https://pixabay.com/get/gee6052c5985b8dfbd60d3622788ea3d7f28cdfb9ad67a4463c653f9c14dada37d66fa80f3dca793b83bfbc4bcb82706493c39b66ba47444b3aef22075f538893_1280.jpg",
},
id: "t2", name: "Jason Brown", date: "Date: 05 Feb 2025", title: "Perfect addition to family", quote: "The kitten we adopted settled in perfectly. Paws Haven really prepares these pets for life at home.", tag: "Adopter", avatarSrc: "https://pixabay.com/get/gee6052c5985b8dfbd60d3622788ea3d7f28cdfb9ad67a4463c653f9c14dada37d66fa80f3dca793b83bfbc4bcb82706493c39b66ba47444b3aef22075f538893_1280.jpg"},
{
id: "t3",
name: "Elena Rodriguez",
date: "Date: 15 Dec 2024",
title: "Love for senior pets",
quote: "I never thought I'd adopt a senior, but this shelter made it easy. Thank you for our new companion.",
tag: "Adopter",
avatarSrc: "https://pixabay.com/get/ga41a01c6457d88abc8f6a78008cade6388741bd41cf82f6401856747e27fc1ec048600c0d8c4d593153a1cbb0ecf1fd0bd5587f05e15fe87adb76e2a0a902995_1280.jpg",
},
id: "t3", name: "Elena Rodriguez", date: "Date: 15 Dec 2024", title: "Love for senior pets", quote: "I never thought I'd adopt a senior, but this shelter made it easy. Thank you for our new companion.", tag: "Adopter", avatarSrc: "https://pixabay.com/get/ga41a01c6457d88abc8f6a78008cade6388741bd41cf82f6401856747e27fc1ec048600c0d8c4d593153a1cbb0ecf1fd0bd5587f05e15fe87adb76e2a0a902995_1280.jpg"},
{
id: "t4",
name: "Mark Stevens",
date: "Date: 20 Feb 2025",
title: "Wonderful experience",
quote: "The process was transparent and caring. You can see the genuine love for animals at every step.",
tag: "Adopter",
avatarSrc: "https://pixabay.com/get/gf47fe5576a969fdf33adb5db3875d510b4c5bf3f65b059f50d3c83a0bca9af67dc9e5c916eb33b8f01e80fc41316e607cfba81c0069d5f54fcf7d97329909cef_1280.jpg",
},
id: "t4", name: "Mark Stevens", date: "Date: 20 Feb 2025", title: "Wonderful experience", quote: "The process was transparent and caring. You can see the genuine love for animals at every step.", tag: "Adopter", avatarSrc: "https://pixabay.com/get/gf47fe5576a969fdf33adb5db3875d510b4c5bf3f65b059f50d3c83a0bca9af67dc9e5c916eb33b8f01e80fc41316e607cfba81c0069d5f54fcf7d97329909cef_1280.jpg"},
]}
title="Heartwarming Adoption Stories"
description="Hear from the wonderful people who opened their homes and hearts to our shelter rescues."
@@ -182,20 +123,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What is the adoption process?",
content: "You can start by browsing pets online, fill out an application, and schedule a meet-and-greet at our facility.",
},
id: "q1", title: "What is the adoption process?", content: "You can start by browsing pets online, fill out an application, and schedule a meet-and-greet at our facility."},
{
id: "q2",
title: "Are all pets vaccinated?",
content: "Yes, every pet at Paws Haven is fully vaccinated, microchipped, and spayed/neutered before leaving.",
},
id: "q2", title: "Are all pets vaccinated?", content: "Yes, every pet at Paws Haven is fully vaccinated, microchipped, and spayed/neutered before leaving."},
{
id: "q3",
title: "How can I donate?",
content: "You can donate via our website contact page or drop by to donate supplies like food and blankets.",
},
id: "q3", title: "How can I donate?", content: "You can donate via our website contact page or drop by to donate supplies like food and blankets."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about adopting and supporting Paws Haven."
@@ -207,8 +139,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Reach Out"
title="Visit Us or Stay Connected"
description="Whether you want to visit our shelter, donate, or sign up for our newsletter, we'd love to hear from you."
@@ -222,42 +153,27 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Available Pets",
href: "#features",
},
label: "Available Pets", href: "#features"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Donate",
href: "#contact",
},
label: "Donate", href: "#contact"},
{
label: "Volunteer",
href: "#features",
},
label: "Volunteer", href: "#features"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Use",
href: "#",
},
label: "Terms of Use", href: "#"},
],
},
]}
@@ -268,4 +184,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fffefe;
--card: #f6f7f4;
--foreground: #080908;
--primary-cta: #0e3a29;
--primary-cta-text: #fffefe;
--secondary-cta: #e7eecd;
--secondary-cta-text: #080908;
--accent: #35c18b;
--background-accent: #ecebe4;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #fffffae6;
--primary-cta: #fde047;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #fffffae6;
--accent: #737373;
--background-accent: #737373;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);