Merge version_1 into main #2
@@ -3,11 +3,13 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { CheckCircle, Heart, Users } from 'lucide-react';
|
||||
import Link from 'next/link';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function DonatePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -22,103 +24,64 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Adopt",
|
||||
id: "/adopt",
|
||||
},
|
||||
{
|
||||
name: "Donate",
|
||||
id: "/donate",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Paws & Hope"
|
||||
button={{
|
||||
text: "Donate Now",
|
||||
href: "/donate",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Paws & Hope"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Adopt", id: "/adopt" },
|
||||
{ name: "Donate", id: "/donate" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Donate Now", href: "/donate" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="donate-cta" data-section="donate-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Support Us"
|
||||
title="Help Us Save More Lives"
|
||||
description="Your generous donations provide food, medical care, and shelter for pets in transition. Every dollar makes a difference."
|
||||
buttons={[
|
||||
{
|
||||
text: "Make a Monthly Donation",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "One-Time Contribution",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="donate-cta" data-section="donate-cta">
|
||||
<ContactCTA
|
||||
tag="Support Us"
|
||||
title="Help Us Save More Lives"
|
||||
description="Your generous donations provide food, medical care, and shelter for pets in transition. Every dollar makes a difference."
|
||||
buttons={[
|
||||
{ text: "Make a Monthly Donation", href: "#" },
|
||||
{ text: "One-Time Contribution", href: "#" }
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="impact" data-section="impact">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
description: "Pets adopted into loving homes",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "1200+",
|
||||
description: "Meals provided to shelter animals",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "95%",
|
||||
description: "Success rate for veterinary care",
|
||||
},
|
||||
]}
|
||||
title="Your Impact"
|
||||
description="Since our founding, the community's support has been life-changing."
|
||||
/>
|
||||
</div>
|
||||
<div id="impact" data-section="impact">
|
||||
<ProductCardOne
|
||||
title="Your Impact"
|
||||
description="Since our founding, the community's support has been life-changing."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "500+ Pets", price: "Adopted into homes", imageSrc: "https://pixabay.com/get/g5927491557e6be6f0aff982a57734079c9bed32c06c144a4f2771dac63dfa28eb67e468f62c91d09e143d57fe99b71cd3fea0fed9e6dd114258d5ba52a3b41cb_1280.jpg" },
|
||||
{ id: "2", name: "1200+ Meals", price: "Provided to shelter animals", imageSrc: "https://pixabay.com/get/g4c4f9d930c2f1436175763dbc6e3264faa028646266fd4628e1762b294700852a231a8e7bb41f5ea57e3ac7e2fa73a28580ce7c4462ce1ec1defae0e6b2b3c40_1280.jpg" },
|
||||
{ id: "3", name: "95% Success", price: "Veterinary care rate", imageSrc: "https://pixabay.com/get/g107822a3b40ea4012c54a91c32d16fc485cbf77930baab6ee4ed2f43ada7bde954e88ee3684290bbcf7af0eccbb4e3b30ce4b4913b919a0fd7634391ec51f1d8_1280.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Volunteer",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Donate Supplies",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Paws & Hope Pet Shelter"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://pixabay.com/get/g5927491557e6be6f0aff982a57734079c9bed32c06c144a4f2771dac63dfa28eb67e468f62c91d09e143d57fe99b71cd3fea0fed9e6dd114258d5ba52a3b41cb_1280.jpg"
|
||||
logoText="Paws & Hope"
|
||||
copyrightText="© 2025 Paws & Hope Pet Shelter"
|
||||
columns={[
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Volunteer", href: "#" },
|
||||
{ label: "Donate Supplies", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user