From 84d86c45b5707995a7e0c3cf9a3f7127eb3e990c Mon Sep 17 00:00:00 2001
From: gosangam <sangam4742@gmail.com>
Date: Tue, 2 Jun 2026 15:13:02 +0530
Subject: [PATCH] post cards overlay enhancements

---
 components/social/collection-scroll-card.tsx | 8 ++++----
 components/social/post-grid-card.tsx         | 9 ++++-----
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/components/social/collection-scroll-card.tsx b/components/social/collection-scroll-card.tsx
index e1423bd7..90d31d56 100644
--- a/components/social/collection-scroll-card.tsx
+++ b/components/social/collection-scroll-card.tsx
@@ -222,10 +222,10 @@ function CoverSlide({
               className="object-cover"
               unoptimized
             />
-            {/* Heavier overlay — title + description sit over the bottom
-                two-thirds, so we push the via stop to 65% and bump the
-                base opacity for stronger contrast. */}
-            <div className="absolute inset-0 bg-gradient-to-t from-black/95 via-black/65 via-65% to-black/20" />
+            {/* Full-coverage scrim — even the top carries ~40% black so the
+                badge and any white text overlaid up there stay readable
+                without looking blended with the cover image. */}
+            <div className="absolute inset-0 bg-gradient-to-t from-black/95 via-black/70 to-black/40" />
           </>
         ) : (
           <div className="absolute inset-0" style={quoteCardBgStyle()} />
diff --git a/components/social/post-grid-card.tsx b/components/social/post-grid-card.tsx
index 07f56493..28e0cd15 100644
--- a/components/social/post-grid-card.tsx
+++ b/components/social/post-grid-card.tsx
@@ -72,11 +72,10 @@ export function PostGridCard({
               className="object-cover"
               unoptimized
             />
-            {/* Bottom-up gradient for caption legibility — keeps the image
-                visible up top while text sits over solid darkness below.
-                Stronger base + via stop pushed to 65% so roughly two-thirds
-                of the card is in the dark zone. */}
-            <div className="absolute inset-0 bg-gradient-to-t from-black/95 via-black/65 via-65% to-transparent" />
+            {/* Full-coverage scrim — even the top of the card carries enough
+                darkness (~40%) so white text overlaid anywhere stays
+                legible without looking blended with the image. */}
+            <div className="absolute inset-0 bg-gradient-to-t from-black/95 via-black/70 to-black/40" />
           </>
         ) : (
           <div className="absolute inset-0" style={quoteCardBgStyle()} />