From af625326159128086c3c54646b96da689aca0e6e Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sat, 21 Mar 2026 20:50:21 +0100
Subject: [PATCH] fix: showcase bg as outer frame, solid dark background for
 dashboard content

---
 components/marketing/DashboardDemo.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/marketing/DashboardDemo.tsx b/components/marketing/DashboardDemo.tsx
index 812901f..ca50ff8 100644
--- a/components/marketing/DashboardDemo.tsx
+++ b/components/marketing/DashboardDemo.tsx
@@ -179,12 +179,13 @@ export default function DashboardDemo() {
       {/* Orange glow behind */}
       <div className="absolute -inset-8 bg-brand-orange/8 rounded-[2.5rem] blur-3xl" />
 
-      {/* Outer container with showcase bg */}
-      <div className="relative rounded-3xl border border-white/[0.08] overflow-hidden">
+      {/* Outer frame with showcase bg */}
+      <div className="relative rounded-3xl border border-white/[0.08] overflow-hidden p-3 sm:p-4 lg:p-5">
         <img src="/pulse-showcase-bg.png" alt="" className="absolute inset-0 w-full h-full object-cover" />
-        <div className="absolute inset-0 bg-black/50" />
+        <div className="absolute inset-0 bg-black/40" />
 
-        <div className="relative p-4 sm:p-6 lg:p-8">
+        {/* Inner dashboard — solid background */}
+        <div className="relative rounded-2xl bg-neutral-950 p-4 sm:p-6">
           {/* Dashboard header */}
           <div className="flex items-center justify-between mb-6">
             <div className="flex items-center gap-4">
@@ -266,6 +267,7 @@ export default function DashboardDemo() {
             />
           </div>
         </div>
+        </div>
       </div>
     </div>
   )