bender/de0883c7-d98c-449f-97fc-aaebce1fd2be
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Update src/app/giving/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-15 21:37:16 +00:00
parent 14666e8455
commit 1cc8b87710
1 changed files with 27 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/app/giving/page.tsx
View File

@@ -2,10 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import FooterBase from "@/components/sections/footer/FooterBase";
import ReactLenis from "lenis/react";
import { Heart, Users } from "lucide-react";
export default function GivingPage() {
const navItems = [
@@ -17,41 +18,51 @@ export default function GivingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingInline navItems={navItems} brandName="Coach" />
<MetricCardSeven
<NavbarLayoutFloatingInline navItems={navItems} button={{ text: "Give", href: "/giving" }} />
<MetricCardThree
title="Our Impact"
description="Your generosity makes a real difference. Together, we've supported thousands on their journey."
textboxLayout="split"
description="Your generosity makes a real difference."
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "1", value: "$500k", title: "Total Donated", items: ["Community Support", "Direct Aid"] },
{ id: "2", value: "10k", title: "Lives Impacted", items: ["Mentorship Programs", "Events"] },
{ id: "1", icon: Heart, title: "Total Donated", value: "$500k" },
{ id: "2", icon: Users, title: "Lives Impacted", value: "10k" },
]}
/>
<PricingCardNine
<PricingCardThree
title="Support Our Mission"
description="Choose an option that works best for you."
textboxLayout="split"
animationType="slide-up"
useInvertedBackground={false}
plans={[
{
id: "monthly", title: "Monthly Partner", price: "$50", period: "/month", features: ["Exclusive updates", "Community access", "Direct impact dashboard"],
button: { text: "Give Monthly", href: "#" },
id: "monthly", name: "Monthly Partner", price: "$50", features: ["Exclusive updates", "Community access"],
buttons: [{ text: "Give Monthly", href: "#" }],
},
{
id: "one-time", title: "One-Time Gift", price: "$100", period: "", features: ["Receipt provided", "Direct impact email"],
button: { text: "Give Now", href: "#" },
id: "one-time", name: "One-Time Gift", price: "$100", features: ["Receipt provided"],
buttons: [{ text: "Give Now", href: "#" }],
},
]}
/>
<FooterLogoEmphasis
<FooterBase
logoText="Coach"
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Giving", href: "/giving" }, { label: "Contact", href: "/contact" }] }]}
/>
</ReactLenis>
</ThemeProvider>
);
}
}