From 876abfa3a200c5d13068b1d07ff2e26ee8c60785 Mon Sep 17 00:00:00 2001 From: RamonsArchive Date: Sun, 14 Dec 2025 23:14:38 -0800 Subject: [PATCH 1/6] added ML and Resume tags --- src/components/Navbar.tsx | 2 +- src/components/TitleSection.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 61e7b09..5f7282f 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -179,7 +179,7 @@ const Navbar = () => { return (
diff --git a/src/components/TitleSection.tsx b/src/components/TitleSection.tsx index 2f7c988..4a7bcaf 100644 --- a/src/components/TitleSection.tsx +++ b/src/components/TitleSection.tsx @@ -51,8 +51,8 @@ const TitleSection = ({

{title}

From f9ab8049596eefd37f24a9f6c6f6c0ffd5c81da2 Mon Sep 17 00:00:00 2001 From: RamonsArchive Date: Mon, 15 Dec 2025 01:14:48 -0800 Subject: [PATCH 2/6] redid the navbar and the hero section --- src/app/(pages)/donate/cancel/page.tsx | 6 +- src/app/(pages)/loading.tsx | 4 +- src/app/(pages)/privacy-policy/page.tsx | 12 +- src/app/(pages)/return-policy/page.tsx | 10 +- src/app/(pages)/shop/loading.tsx | 4 +- .../product/[...slug]/ProductPageClient.tsx | 26 +-- src/app/(pages)/terms-of-service/page.tsx | 6 +- src/app/checkout/cancel/page.tsx | 2 +- src/app/globals.css | 41 ++++ src/components/AboutPageClient.tsx | 74 +++---- src/components/CartPageClient.tsx | 4 +- src/components/DonatePageClient.tsx | 28 +-- src/components/DonateSuccessClient.tsx | 58 +++--- src/components/Footer.tsx | 14 +- src/components/HeroFacts.tsx | 8 +- src/components/HeroHelp.tsx | 8 +- src/components/HeroSection.tsx | 187 ++++++++---------- src/components/HomePageClient.tsx | 28 +-- src/components/Navbar.tsx | 64 +++--- src/components/OrdersPageClient.tsx | 22 +-- src/components/PartnersForm.tsx | 2 +- src/components/PartnersPageClient.tsx | 48 ++--- src/components/ProductCard.tsx | 4 +- src/components/ProductCardSkeleton.tsx | 16 +- src/components/ProfilePageClient.tsx | 48 ++--- src/components/SharePageClient.tsx | 62 +++--- src/components/ShopHomeClient.tsx | 4 +- src/components/ShopNav.tsx | 10 +- src/components/ShopPageClient.tsx | 2 +- src/components/ShopSearch.tsx | 4 +- src/components/SubscriptionSuccessClient.tsx | 58 +++--- src/components/SuccessPageClient.tsx | 2 +- src/components/cards/DonationOptionCard.tsx | 12 +- src/components/cards/FactCard.tsx | 6 +- src/components/cards/FeatureCard.tsx | 8 +- src/components/cards/FundingAreaCard.tsx | 6 +- src/components/cards/IconCard.tsx | 6 +- src/components/cards/ImpactBreakdownCard.tsx | 6 +- src/components/cards/ImpactCard.tsx | 8 +- src/components/cards/InfoCard.tsx | 8 +- src/components/cards/PathwayCard.tsx | 6 +- src/components/cards/ShareableContentCard.tsx | 8 +- src/components/cards/StatsMetricsCard.tsx | 2 +- src/constants/index.tsx | 30 +-- 44 files changed, 495 insertions(+), 477 deletions(-) diff --git a/src/app/(pages)/donate/cancel/page.tsx b/src/app/(pages)/donate/cancel/page.tsx index 35726ce..8b071d8 100644 --- a/src/app/(pages)/donate/cancel/page.tsx +++ b/src/app/(pages)/donate/cancel/page.tsx @@ -7,8 +7,8 @@ const DonateCancelPage = () => {
-
-
+
+
⚠️
@@ -22,7 +22,7 @@ const DonateCancelPage = () => {
Try Again diff --git a/src/app/(pages)/loading.tsx b/src/app/(pages)/loading.tsx index 712e691..1f26f80 100644 --- a/src/app/(pages)/loading.tsx +++ b/src/app/(pages)/loading.tsx @@ -6,7 +6,7 @@ const Loading = () => { return (
{/* Animated background gradient */} -
+
{/* Main loading content */}
@@ -44,7 +44,7 @@ const Loading = () => { {/* Progress bar */}
-
+
{/* Floating particles animation */} diff --git a/src/app/(pages)/privacy-policy/page.tsx b/src/app/(pages)/privacy-policy/page.tsx index 64db4f4..6403928 100644 --- a/src/app/(pages)/privacy-policy/page.tsx +++ b/src/app/(pages)/privacy-policy/page.tsx @@ -42,7 +42,7 @@ const PrivacyPolicyPage = () => {
{/* Content Section */} -
+
{/* Introduction */} @@ -74,7 +74,7 @@ const PrivacyPolicyPage = () => { description="Bank-level encryption for all data transmission and storage" gradientFrom="from-blue-500/20" gradientTo="to-cyan-500/20" - cardClassName="bg-gradient-to-br from-blue-900/30 to-cyan-900/30" + cardClassName="bg-linear-to-br from-blue-900/30 to-cyan-900/30" borderColor="border-blue-500/30" /> { description="Clear communication about what data we collect and why" gradientFrom="from-green-500/20" gradientTo="to-emerald-500/20" - cardClassName="bg-gradient-to-br from-green-900/30 to-emerald-900/30" + cardClassName="bg-linear-to-br from-green-900/30 to-emerald-900/30" borderColor="border-green-500/30" /> { description="Your data belongs to you - we never sell or misuse it" gradientFrom="from-purple-500/20" gradientTo="to-pink-500/20" - cardClassName="bg-gradient-to-br from-purple-900/30 to-pink-900/30" + cardClassName="bg-linear-to-br from-purple-900/30 to-pink-900/30" borderColor="border-purple-500/30" />
@@ -110,13 +110,13 @@ const PrivacyPolicyPage = () => {
Contact Us Return Home diff --git a/src/app/(pages)/return-policy/page.tsx b/src/app/(pages)/return-policy/page.tsx index ce2309f..a3f4de2 100644 --- a/src/app/(pages)/return-policy/page.tsx +++ b/src/app/(pages)/return-policy/page.tsx @@ -30,7 +30,7 @@ const ReturnPolicyPage = () => {
{/* Content Section */} -
+
{/* Introduction */} @@ -69,7 +69,7 @@ const ReturnPolicyPage = () => { } gradientFrom="from-green-500/20" gradientTo="to-emerald-500/20" - cardClassName="bg-gradient-to-br from-green-900/30 to-emerald-900/30" + cardClassName="bg-linear-to-br from-green-900/30 to-emerald-900/30" borderColor="border-green-500/30" /> { } gradientFrom="from-red-500/20" gradientTo="to-orange-500/20" - cardClassName="bg-gradient-to-br from-red-900/30 to-orange-900/30" + cardClassName="bg-linear-to-br from-red-900/30 to-orange-900/30" borderColor="border-red-500/30" />
@@ -103,14 +103,14 @@ const ReturnPolicyPage = () => {
Start Return Return Home diff --git a/src/app/(pages)/shop/loading.tsx b/src/app/(pages)/shop/loading.tsx index baffa54..a1edace 100644 --- a/src/app/(pages)/shop/loading.tsx +++ b/src/app/(pages)/shop/loading.tsx @@ -6,7 +6,7 @@ const Loading = () => { return (
{/* Animated background gradient */} -
+
{/* Main loading content */}
@@ -44,7 +44,7 @@ const Loading = () => { {/* Progress bar */}
-
+
{/* Floating particles animation */} diff --git a/src/app/(pages)/shop/product/[...slug]/ProductPageClient.tsx b/src/app/(pages)/shop/product/[...slug]/ProductPageClient.tsx index 30bd0e5..68bc8d7 100644 --- a/src/app/(pages)/shop/product/[...slug]/ProductPageClient.tsx +++ b/src/app/(pages)/shop/product/[...slug]/ProductPageClient.tsx @@ -395,23 +395,23 @@ const ProductPageClient = ({ // Show loading state while fetching product if (isLoadingProduct) { return ( -
+
{/* Animated gradient background */} -
+
{/* Content card */}
{/* Spinner with gradient */}
-
+
{/* Loading text with gradient */}
-

+

Loading Product

Just a moment...

@@ -436,7 +436,7 @@ const ProductPageClient = ({

← Back to Shop @@ -449,13 +449,13 @@ const ProductPageClient = ({ return (
-
-
+
+
-
+
← @@ -551,8 +551,8 @@ const ProductPageClient = ({
${currentVariant.retail_price}
-
-
+
+
🚚 Free Shipping @@ -628,7 +628,7 @@ const ProductPageClient = ({ > - - + {quantity} diff --git a/src/app/(pages)/terms-of-service/page.tsx b/src/app/(pages)/terms-of-service/page.tsx index 96a02f5..f6c52ad 100644 --- a/src/app/(pages)/terms-of-service/page.tsx +++ b/src/app/(pages)/terms-of-service/page.tsx @@ -41,7 +41,7 @@ const TermsOfServicePage = () => {
{/* Content Section */} -
+
{/* Introduction */} @@ -78,13 +78,13 @@ const TermsOfServicePage = () => {
Contact Us Return Home diff --git a/src/app/checkout/cancel/page.tsx b/src/app/checkout/cancel/page.tsx index d407cb6..5984d92 100644 --- a/src/app/checkout/cancel/page.tsx +++ b/src/app/checkout/cancel/page.tsx @@ -27,7 +27,7 @@ const CancelPage = () => {
Continue Shopping diff --git a/src/app/globals.css b/src/app/globals.css index f478191..5180d4d 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -369,6 +369,47 @@ body { @apply w-full text-center md:w-fit font-lexend text-white text-lg font-bold px-5 py-2 transition-all duration-300 ease-in-out hover:bg-primary-400 active:bg-primary-600; } +/* Hero entry animations (CSS-only) */ +@keyframes heroFadeUp { + from { + opacity: 0; + transform: translateY(24px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +.hero-fade-up { + opacity: 0; + animation: heroFadeUp 0.9s ease forwards; +} + +.hero-fade-delay-1 { + animation-delay: 0.1s; +} + +.hero-fade-delay-2 { + animation-delay: 0.2s; +} + +.hero-fade-delay-3 { + animation-delay: 0.3s; +} + +.hero-fade-delay-4 { + animation-delay: 0.4s; +} + +.hero-fade-delay-5 { + animation-delay: 0.5s; +} + +.hero-fade-delay-6 { + animation-delay: 0.6s; +} + /* Special styling for Shop link - blue underline accent with animation */ .nav-link-shop { position: relative; diff --git a/src/components/AboutPageClient.tsx b/src/components/AboutPageClient.tsx index 6328ea0..4b63d3f 100644 --- a/src/components/AboutPageClient.tsx +++ b/src/components/AboutPageClient.tsx @@ -28,17 +28,17 @@ const AboutPageClient = ({ aboutData }: { aboutData: typeof ABOUT_DATA }) => {
{/* Mission & Vision Cards */} -
+
-
-
+
+
-
+
🎯
-

+

{aboutData.text.missionTitle}

@@ -49,13 +49,13 @@ const AboutPageClient = ({ aboutData }: { aboutData: typeof ABOUT_DATA }) => {
-
-
+
+
-
+
πŸ’‘
-

+

{aboutData.text.descriptionTitle}

@@ -68,15 +68,15 @@ const AboutPageClient = ({ aboutData }: { aboutData: typeof ABOUT_DATA }) => {
{/* Founder Section */} -
+
-
-
+
+
-
+
{
-
+
πŸ‘¨β€πŸ’»
-

+

{aboutData.text.founderTitle}

@@ -113,10 +113,10 @@ const AboutPageClient = ({ aboutData }: { aboutData: typeof ABOUT_DATA }) => {
-

+

{aboutData.text.impactTitle}

-
+
{aboutData.impactAreas?.map((area, idx) => { @@ -142,10 +142,10 @@ const AboutPageClient = ({ aboutData }: { aboutData: typeof ABOUT_DATA }) => {
-

+

Our Values

-
+
{aboutData.values?.map((v, idx) => { @@ -168,10 +168,10 @@ const AboutPageClient = ({ aboutData }: { aboutData: typeof ABOUT_DATA }) => {
-

+

Our Initiatives

-
+
{aboutData.initiatives?.map((initiative, idx) => { @@ -196,17 +196,17 @@ const AboutPageClient = ({ aboutData }: { aboutData: typeof ABOUT_DATA }) => {
-
-
+
+
-

+

Our Impact

-
+
-
+
πŸ“…

@@ -217,7 +217,7 @@ const AboutPageClient = ({ aboutData }: { aboutData: typeof ABOUT_DATA }) => {

-
+
πŸ’

@@ -228,7 +228,7 @@ const AboutPageClient = ({ aboutData }: { aboutData: typeof ABOUT_DATA }) => {

-
+
🌍

@@ -239,7 +239,7 @@ const AboutPageClient = ({ aboutData }: { aboutData: typeof ABOUT_DATA }) => {

-
+
🎯

@@ -259,10 +259,10 @@ const AboutPageClient = ({ aboutData }: { aboutData: typeof ABOUT_DATA }) => {
-

+

Gallery

-
+
@@ -274,13 +274,13 @@ const AboutPageClient = ({ aboutData }: { aboutData: typeof ABOUT_DATA }) => {
-
-
+
+
-
+
🀝
-

+

{aboutData.text.howToSupportTitle}

@@ -290,13 +290,13 @@ const AboutPageClient = ({ aboutData }: { aboutData: typeof ABOUT_DATA }) => {
Shop Now Donate diff --git a/src/components/CartPageClient.tsx b/src/components/CartPageClient.tsx index 43f13d3..cd9d625 100644 --- a/src/components/CartPageClient.tsx +++ b/src/components/CartPageClient.tsx @@ -135,7 +135,7 @@ const CartPageClient = ({
Continue Shopping @@ -487,7 +487,7 @@ const CartPageClient = ({ {/* Checkout Button */} diff --git a/src/components/DonatePageClient.tsx b/src/components/DonatePageClient.tsx index 4a06c75..fc6c963 100644 --- a/src/components/DonatePageClient.tsx +++ b/src/components/DonatePageClient.tsx @@ -174,7 +174,7 @@ const DonatePageClient = ({ />
{/* Main Content */} -
+
{/* Donation Description */}
@@ -191,10 +191,10 @@ const DonatePageClient = ({
-

+

{donateData.text.impactTitle}

-
+
{donateData.impactBreakdown?.map((impact, idx) => ( @@ -214,10 +214,10 @@ const DonatePageClient = ({
-

+

{donateData.text.donationTitle}

-
+
{/* Payment Method Selection */} @@ -238,9 +238,9 @@ const DonatePageClient = ({ {/* Amount Selection */}
-
+
{/* Gradient overlay - matches card height exactly */} -
+

Choose Your Amount

@@ -254,7 +254,7 @@ const DonatePageClient = ({ onClick={() => handleSetAmount(parseInt(amount))} className={`px-4 py-3 rounded-xl font-bold transition-all duration-200 ${ selectedAmount === amount - ? "bg-gradient-to-r from-emerald-500 to-cyan-500 text-white scale-105" + ? "bg-linear-to-r from-emerald-500 to-cyan-500 text-white scale-105" : "bg-slate-700/50 text-slate-200 hover:bg-slate-600/50 hover:scale-105" }`} > @@ -346,7 +346,7 @@ const DonatePageClient = ({
{/* Main Content */} -
+
{/* Partnership Overview */}
-
-
+
+
-
+
🀝
-

+

Partnership Overview

@@ -54,10 +54,10 @@ const PartnersPageClient = ({
-

+

{partnersData.text.typesTitle}

-
+
{partnersData.partnershipTypes?.map((type, idx) => { @@ -87,10 +87,10 @@ const PartnersPageClient = ({
-

+

{partnersData.text.benefitsTitle}

-
+
{partnersData.benefits?.map((benefit, idx) => { @@ -115,13 +115,13 @@ const PartnersPageClient = ({
-
-
+
+
-
+
πŸ“‹
-

+

{partnersData.requirements.title}

@@ -131,7 +131,7 @@ const PartnersPageClient = ({
{partnersData.requirements.criteria?.map((criterion, idx) => (
-
+
βœ“

@@ -149,14 +149,14 @@ const PartnersPageClient = ({

-

+

Partnership Gallery{" "} *Placeholders for future partnerships

-
+
@@ -168,14 +168,14 @@ const PartnersPageClient = ({
-
-
+
+
-
+
πŸ“
-

+

{partnersData.text.formTitle}

@@ -193,13 +193,13 @@ const PartnersPageClient = ({
-
-
+
+
-
+
πŸ“ž
-

+

Get In Touch

diff --git a/src/components/ProductCard.tsx b/src/components/ProductCard.tsx index e83f89e..bb9bec1 100644 --- a/src/components/ProductCard.tsx +++ b/src/components/ProductCard.tsx @@ -8,7 +8,7 @@ const ProductCard = ({ product }: { product: PrintfulProduct }) => {
{/* Animated gradient background */} -
+
{/* Product Image Container */}
@@ -20,7 +20,7 @@ const ProductCard = ({ product }: { product: PrintfulProduct }) => { sizes="(max-width: 768px) 50vw, (max-width: 1200px) 33vw, 25vw" /> {/* Gradient overlay on hover */} -
+
{/* Product Info */} diff --git a/src/components/ProductCardSkeleton.tsx b/src/components/ProductCardSkeleton.tsx index b2248ec..c3127ff 100644 --- a/src/components/ProductCardSkeleton.tsx +++ b/src/components/ProductCardSkeleton.tsx @@ -4,25 +4,25 @@ const ProductCardSkeleton = () => { return (
{/* Image skeleton */} -
-
+
+
{/* Content skeleton */}
{/* Title skeleton */} -
-
+
+
{/* Price skeleton */} -
-
+
+
{/* Button skeleton */} -
-
+
+
diff --git a/src/components/ProfilePageClient.tsx b/src/components/ProfilePageClient.tsx index 06db731..51749fc 100644 --- a/src/components/ProfilePageClient.tsx +++ b/src/components/ProfilePageClient.tsx @@ -100,18 +100,18 @@ const ProfilePageClient = ({ titleClassName="font-lexend text-6xl md:text-8xl font-extrabold text-center" containerClassName="flex items-center justify-center py-20 md:py-32 px-8 md:px-12 h-full" /> -
+
{/* Profile Overview */}
-
-
+
+
-
+
πŸ‘€
-

+

Your Profile

@@ -128,17 +128,17 @@ const ProfilePageClient = ({
-

+

Your Subscriptions

-
+
{subscriptions.length === 0 ? (
-
-
-
+
+
+
πŸ“‹

@@ -149,7 +149,7 @@ const ProfilePageClient = ({

Start Supporting Our Mission @@ -159,13 +159,13 @@ const ProfilePageClient = ({
{subscriptions.map((subscription) => (
-
-
+
+
{/* Subscription Details */}
-
+
πŸ”„
@@ -222,7 +222,7 @@ const ProfilePageClient = ({ : subscription.id ) } - className="px-6 py-3 bg-gradient-to-r from-red-500 to-red-600 text-white font-semibold rounded-xl hover:from-red-600 hover:to-red-700 transition-all duration-300 hover:scale-105 shadow-lg hover:shadow-xl" + className="px-6 py-3 bg-linear-to-r from-red-500 to-red-600 text-white font-semibold rounded-xl hover:from-red-600 hover:to-red-700 transition-all duration-300 hover:scale-105 shadow-lg hover:shadow-xl" > Cancel Subscription @@ -241,8 +241,8 @@ const ProfilePageClient = ({ {showCancelForm === subscription.id && (
-
-
+
+
⚠️ Cancel Subscription @@ -283,7 +283,7 @@ const ProfilePageClient = ({ disabled={ cancellingSubscription === subscription.id } - className="px-6 py-3 bg-gradient-to-r from-red-500 to-red-600 text-white font-semibold rounded-xl hover:from-red-600 hover:to-red-700 transition-all duration-300 hover:scale-105 shadow-lg hover:shadow-xl disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100" + className="px-6 py-3 bg-linear-to-r from-red-500 to-red-600 text-white font-semibold rounded-xl hover:from-red-600 hover:to-red-700 transition-all duration-300 hover:scale-105 shadow-lg hover:shadow-xl disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100" > {cancellingSubscription === subscription.id ? ( @@ -322,13 +322,13 @@ const ProfilePageClient = ({
-
-
+
+
-
+
βš™οΈ
-

+

Account Settings

@@ -336,10 +336,10 @@ const ProfilePageClient = ({ Manage your account preferences and personal information.

- -
diff --git a/src/components/SharePageClient.tsx b/src/components/SharePageClient.tsx index dbc1e1e..c2a0903 100644 --- a/src/components/SharePageClient.tsx +++ b/src/components/SharePageClient.tsx @@ -64,25 +64,25 @@ const SharePageClient = ({ shareData }: { shareData: typeof SHARE_DATA }) => {
{/* Main Content */} -
+
{/* Mission Description */}
-
-
+
+
-
+
-

+

{shareData.text.subTitle}

{shareData.text.description}

-
+

✨ {shareData.text.promotion}

@@ -96,10 +96,10 @@ const SharePageClient = ({ shareData }: { shareData: typeof SHARE_DATA }) => {
-

+

{shareData.text.whyShareTitle}

-
+
{shareData.sharingReasons.map((reason, idx) => ( @@ -119,14 +119,14 @@ const SharePageClient = ({ shareData }: { shareData: typeof SHARE_DATA }) => {
-
-
+
+
-
+
-

+

{shareData.text.hashtagsTitle}

@@ -166,10 +166,10 @@ const SharePageClient = ({ shareData }: { shareData: typeof SHARE_DATA }) => {
-

+

Ready-to-Share Content

-
+
{shareData.shareableContent.map((content, idx) => ( @@ -199,10 +199,10 @@ const SharePageClient = ({ shareData }: { shareData: typeof SHARE_DATA }) => {
-
-
+
+
-

+

Follow Us on Social Media

@@ -219,7 +219,7 @@ const SharePageClient = ({ shareData }: { shareData: typeof SHARE_DATA }) => { className="group/link relative bg-slate-700/50 hover:bg-slate-600/50 border border-slate-600/50 hover:border-primary-500/50 rounded-xl p-4 transition-all duration-300 hover:scale-105" >

-
+
{getPlatformIcon(link.platform)}

@@ -239,10 +239,10 @@ const SharePageClient = ({ shareData }: { shareData: typeof SHARE_DATA }) => {
-

+

{shareData.text.sharingTipsTitle}

-
+
{shareData.sharingTips.map((tip, idx) => ( @@ -264,14 +264,14 @@ const SharePageClient = ({ shareData }: { shareData: typeof SHARE_DATA }) => {
-
-
+
+
-
+
-

+

{shareData.featuredContent.title}

@@ -329,10 +329,10 @@ const SharePageClient = ({ shareData }: { shareData: typeof SHARE_DATA }) => {
-

+

Our Community Goals

-
+
{shareData.communityGoals.map((goal, idx) => { @@ -355,20 +355,20 @@ const SharePageClient = ({ shareData }: { shareData: typeof SHARE_DATA }) => {
-
-
+
+
-
+
-

+

{shareData.impactStats.title}

{shareData.impactStats.stats.map((stat, idx) => (
-
+
{stat.metric} diff --git a/src/components/ShopHomeClient.tsx b/src/components/ShopHomeClient.tsx index d60bc25..da7bb00 100644 --- a/src/components/ShopHomeClient.tsx +++ b/src/components/ShopHomeClient.tsx @@ -41,8 +41,8 @@ const ShopHomeClient = ({
-
-
+
+

🚚 Free Shipping on all orders!

diff --git a/src/components/ShopNav.tsx b/src/components/ShopNav.tsx index 78d79cd..ca8544b 100644 --- a/src/components/ShopNav.tsx +++ b/src/components/ShopNav.tsx @@ -117,7 +117,7 @@ const ShopNav = () => { return (
@@ -230,7 +230,7 @@ const ShopNav = () => { @@ -243,7 +243,7 @@ const ShopNav = () => { @@ -257,7 +257,7 @@ const ShopNav = () => {
diff --git a/src/components/ShopSearch.tsx b/src/components/ShopSearch.tsx index 391f09a..fc614d0 100644 --- a/src/components/ShopSearch.tsx +++ b/src/components/ShopSearch.tsx @@ -42,7 +42,7 @@ const ShopSearch = ({ style={{ zIndex: 9999 }} > {/* Beautiful Gradient Background */} -
+
{/* Backdrop to prevent clicks through */}
@@ -89,7 +89,7 @@ const ShopSearch = ({ {/* Search Button */} diff --git a/src/components/SubscriptionSuccessClient.tsx b/src/components/SubscriptionSuccessClient.tsx index a627ece..7d6bc7d 100644 --- a/src/components/SubscriptionSuccessClient.tsx +++ b/src/components/SubscriptionSuccessClient.tsx @@ -51,8 +51,8 @@ const SubscriptionSuccessClient = ({
-
-
+
+
❌
@@ -65,7 +65,7 @@ const SubscriptionSuccessClient = ({

Back to Donate @@ -81,13 +81,13 @@ const SubscriptionSuccessClient = ({
{/* Hero Section */}
-
+
-
+
-

+

Welcome to Our Community!

@@ -99,24 +99,24 @@ const SubscriptionSuccessClient = ({

{/* Main Content */} -
+
{/* Subscription Details Card */}
-
-
+
+
-

+

Subscription Active

-
+
{/* Monthly Amount */}
-
+
πŸ’°

@@ -132,7 +132,7 @@ const SubscriptionSuccessClient = ({ {/* Billing Interval */}
-
+
πŸ”„

@@ -211,17 +211,17 @@ const SubscriptionSuccessClient = ({
-

+

Monthly Supporter Benefits

-
+
-
-
+
+
-
+

@@ -236,10 +236,10 @@ const SubscriptionSuccessClient = ({

-
-
+
+
-
+

@@ -254,10 +254,10 @@ const SubscriptionSuccessClient = ({

-
-
+
+
-
+

@@ -278,13 +278,13 @@ const SubscriptionSuccessClient = ({
-
-
+
+
-
+
-

+

Manage Your Subscription

@@ -296,7 +296,7 @@ const SubscriptionSuccessClient = ({
Manage Subscription diff --git a/src/components/SuccessPageClient.tsx b/src/components/SuccessPageClient.tsx index c68287c..9bad185 100644 --- a/src/components/SuccessPageClient.tsx +++ b/src/components/SuccessPageClient.tsx @@ -226,7 +226,7 @@ const SuccessPageClient = ({

Continue Shopping diff --git a/src/components/cards/DonationOptionCard.tsx b/src/components/cards/DonationOptionCard.tsx index 1ce0d1c..d747908 100644 --- a/src/components/cards/DonationOptionCard.tsx +++ b/src/components/cards/DonationOptionCard.tsx @@ -24,7 +24,7 @@ const DonationOptionCard: React.FC = ({ return (
= ({
@@ -44,8 +44,8 @@ const DonationOptionCard: React.FC = ({
{icon || ( @@ -63,7 +63,7 @@ const DonationOptionCard: React.FC = ({ > {title}

-

+

{description}

{subText && ( diff --git a/src/components/cards/FactCard.tsx b/src/components/cards/FactCard.tsx index ecd1202..bcec444 100644 --- a/src/components/cards/FactCard.tsx +++ b/src/components/cards/FactCard.tsx @@ -18,16 +18,16 @@ const FactCard: React.FC = ({ return (
{/* Gradient overlay - matches card height exactly */}
{icon && ( -
+
{icon}
)} diff --git a/src/components/cards/FeatureCard.tsx b/src/components/cards/FeatureCard.tsx index 8ce32ef..03bc96e 100644 --- a/src/components/cards/FeatureCard.tsx +++ b/src/components/cards/FeatureCard.tsx @@ -20,7 +20,7 @@ const FeatureCard: React.FC = ({ gradientFrom = "from-primary-500/10", gradientTo = "to-secondary-500/10", className = "", - cardClassName = "bg-gradient-to-br from-slate-800/90 to-slate-900/90", + cardClassName = "bg-linear-to-br from-slate-800/90 to-slate-900/90", borderColor = "border-slate-700/50", centered = true, iconSize = "md", @@ -38,21 +38,21 @@ const FeatureCard: React.FC = ({ > {/* Gradient overlay using ::before - matches card height exactly */}
{icon}

{title}

-
+
{description}
diff --git a/src/components/cards/FundingAreaCard.tsx b/src/components/cards/FundingAreaCard.tsx index 456ebde..b2c9349 100644 --- a/src/components/cards/FundingAreaCard.tsx +++ b/src/components/cards/FundingAreaCard.tsx @@ -26,16 +26,16 @@ const FundingAreaCard: React.FC = ({ return (
{/* Gradient overlay - matches card height exactly */}
{percentage}
diff --git a/src/components/cards/IconCard.tsx b/src/components/cards/IconCard.tsx index 5a4ee06..4ad7228 100644 --- a/src/components/cards/IconCard.tsx +++ b/src/components/cards/IconCard.tsx @@ -22,16 +22,16 @@ const IconCard: React.FC = ({ return (
{/* Gradient overlay using ::before - matches card height exactly */}
{icon}
diff --git a/src/components/cards/ImpactBreakdownCard.tsx b/src/components/cards/ImpactBreakdownCard.tsx index db701b1..395e9f5 100644 --- a/src/components/cards/ImpactBreakdownCard.tsx +++ b/src/components/cards/ImpactBreakdownCard.tsx @@ -20,15 +20,15 @@ const ImpactBreakdownCard: React.FC = ({ return (
{/* Gradient overlay - matches card height exactly */}
-
+
{amount}

diff --git a/src/components/cards/ImpactCard.tsx b/src/components/cards/ImpactCard.tsx index dbe3c8f..5c6b87b 100644 --- a/src/components/cards/ImpactCard.tsx +++ b/src/components/cards/ImpactCard.tsx @@ -34,17 +34,17 @@ const ImpactCard: React.FC = ({ return (
{/* Gradient overlay - matches card height exactly */}
{layout === "horizontal" ? (
{icon}
@@ -84,7 +84,7 @@ const ImpactCard: React.FC = ({ ) : (
{icon}
diff --git a/src/components/cards/InfoCard.tsx b/src/components/cards/InfoCard.tsx index 8c83a37..2884d64 100644 --- a/src/components/cards/InfoCard.tsx +++ b/src/components/cards/InfoCard.tsx @@ -21,16 +21,16 @@ const InfoCard: React.FC = ({ gradientTo = "to-secondary-500", className = "", borderColor = "border-primary-500/30", - iconBgClassName = "bg-gradient-to-r from-primary-500 to-secondary-500", + iconBgClassName = "bg-linear-to-r from-primary-500 to-secondary-500", }) => { return (
{/* Gradient overlay - matches card height exactly */}
@@ -40,7 +40,7 @@ const InfoCard: React.FC = ({ > {icon}
-

+

{title}

{description && ( diff --git a/src/components/cards/PathwayCard.tsx b/src/components/cards/PathwayCard.tsx index 490c84e..43142c8 100644 --- a/src/components/cards/PathwayCard.tsx +++ b/src/components/cards/PathwayCard.tsx @@ -26,16 +26,16 @@ const PathwayCard: React.FC = ({ return (
{/* Gradient overlay - matches card height exactly */}
{icon && {icon}}
diff --git a/src/components/cards/ShareableContentCard.tsx b/src/components/cards/ShareableContentCard.tsx index bbaf92b..ff0110b 100644 --- a/src/components/cards/ShareableContentCard.tsx +++ b/src/components/cards/ShareableContentCard.tsx @@ -29,17 +29,17 @@ const ShareableContentCard: React.FC = ({ return (
{/* Gradient overlay - matches card height exactly */}
- + {type}
@@ -71,7 +71,7 @@ const ShareableContentCard: React.FC = ({ @@ -243,7 +253,7 @@ const ShopNav = () => { @@ -257,7 +267,7 @@ const ShopNav = () => {
diff --git a/src/components/TitleSection.tsx b/src/components/TitleSection.tsx index 4a7bcaf..de44668 100644 --- a/src/components/TitleSection.tsx +++ b/src/components/TitleSection.tsx @@ -51,7 +51,7 @@ const TitleSection = ({
diff --git a/src/components/cards/DonationOptionCard.tsx b/src/components/cards/DonationOptionCard.tsx index d747908..249c58a 100644 --- a/src/components/cards/DonationOptionCard.tsx +++ b/src/components/cards/DonationOptionCard.tsx @@ -43,9 +43,7 @@ const DonationOptionCard: React.FC = ({
{icon || ( diff --git a/src/components/cards/FactCard.tsx b/src/components/cards/FactCard.tsx index bcec444..57c0e52 100644 --- a/src/components/cards/FactCard.tsx +++ b/src/components/cards/FactCard.tsx @@ -25,14 +25,14 @@ const FactCard: React.FC = ({ className={`absolute inset-0 bg-linear-to-r ${gradientFrom} ${gradientTo} rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none`} /> -
+
{icon && ( -
- {icon} +
+ {icon}
)}
-
+
{fact}
diff --git a/src/components/cards/FeatureCard.tsx b/src/components/cards/FeatureCard.tsx index 03bc96e..fd81ff9 100644 --- a/src/components/cards/FeatureCard.tsx +++ b/src/components/cards/FeatureCard.tsx @@ -45,9 +45,9 @@ const FeatureCard: React.FC = ({ className={`relative flex flex-col h-full ${centered ? "text-center" : ""}`} >
- {icon} + {icon}

{title} diff --git a/src/components/cards/FundingAreaCard.tsx b/src/components/cards/FundingAreaCard.tsx index b2c9349..bdd59f7 100644 --- a/src/components/cards/FundingAreaCard.tsx +++ b/src/components/cards/FundingAreaCard.tsx @@ -35,9 +35,9 @@ const FundingAreaCard: React.FC = ({
- {percentage} + {percentage}

diff --git a/src/components/cards/IconCard.tsx b/src/components/cards/IconCard.tsx index 4ad7228..88853dc 100644 --- a/src/components/cards/IconCard.tsx +++ b/src/components/cards/IconCard.tsx @@ -31,9 +31,9 @@ const IconCard: React.FC = ({
- {icon} + {icon}

diff --git a/src/components/cards/ImpactBreakdownCard.tsx b/src/components/cards/ImpactBreakdownCard.tsx index 395e9f5..9c55818 100644 --- a/src/components/cards/ImpactBreakdownCard.tsx +++ b/src/components/cards/ImpactBreakdownCard.tsx @@ -28,8 +28,8 @@ const ImpactBreakdownCard: React.FC = ({ />
-
- {amount} +
+ {amount}

{impact} diff --git a/src/components/cards/ImpactCard.tsx b/src/components/cards/ImpactCard.tsx index 5c6b87b..1196b97 100644 --- a/src/components/cards/ImpactCard.tsx +++ b/src/components/cards/ImpactCard.tsx @@ -34,7 +34,7 @@ const ImpactCard: React.FC = ({ return (
{/* Gradient overlay - matches card height exactly */}
= ({ {layout === "horizontal" ? (
- {icon} + {icon}

@@ -84,9 +84,9 @@ const ImpactCard: React.FC = ({ ) : (
- {icon} + {icon}

{title} diff --git a/src/components/cards/InfoCard.tsx b/src/components/cards/InfoCard.tsx index 2884d64..2c0de65 100644 --- a/src/components/cards/InfoCard.tsx +++ b/src/components/cards/InfoCard.tsx @@ -21,7 +21,7 @@ const InfoCard: React.FC = ({ gradientTo = "to-secondary-500", className = "", borderColor = "border-primary-500/30", - iconBgClassName = "bg-linear-to-r from-primary-500 to-secondary-500", + iconBgClassName = "icon-chip", }) => { return (
@@ -38,7 +38,7 @@ const InfoCard: React.FC = ({
- {icon} + {icon}

{title} diff --git a/src/components/cards/PathwayCard.tsx b/src/components/cards/PathwayCard.tsx index 43142c8..efda10b 100644 --- a/src/components/cards/PathwayCard.tsx +++ b/src/components/cards/PathwayCard.tsx @@ -35,9 +35,9 @@ const PathwayCard: React.FC = ({
- {icon && {icon}} + {icon && {icon}}

{title} diff --git a/src/components/cards/ShareableContentCard.tsx b/src/components/cards/ShareableContentCard.tsx index ff0110b..2a6d6e7 100644 --- a/src/components/cards/ShareableContentCard.tsx +++ b/src/components/cards/ShareableContentCard.tsx @@ -39,7 +39,7 @@ const ShareableContentCard: React.FC = ({
- + {type}
@@ -71,7 +71,7 @@ const ShareableContentCard: React.FC = ({