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

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

diff --git a/components/social/collection-scroll-card.tsx b/components/social/collection-scroll-card.tsx
index a803d256..e1423bd7 100644
--- a/components/social/collection-scroll-card.tsx
+++ b/components/social/collection-scroll-card.tsx
@@ -222,7 +222,10 @@ function CoverSlide({
               className="object-cover"
               unoptimized
             />
-            <div className="absolute inset-0 bg-gradient-to-t from-black/85 via-black/40 to-black/10" />
+            {/* 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" />
           </>
         ) : (
           <div className="absolute inset-0" style={quoteCardBgStyle()} />
diff --git a/components/social/post-grid-card.tsx b/components/social/post-grid-card.tsx
index f016ddab..07f56493 100644
--- a/components/social/post-grid-card.tsx
+++ b/components/social/post-grid-card.tsx
@@ -73,8 +73,10 @@ export function PostGridCard({
               unoptimized
             />
             {/* Bottom-up gradient for caption legibility — keeps the image
-                visible up top while text sits over solid darkness below. */}
-            <div className="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent" />
+                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" />
           </>
         ) : (
           <div className="absolute inset-0" style={quoteCardBgStyle()} />