Merge version_2 into main #1
144
src/app/page.tsx
144
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user