From 83924901e6889b1478b83bbb4f72e5bf3db5e9e6 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Sat, 23 May 2026 21:48:32 +0100
Subject: [PATCH] fix: hero banner no bg, bigger image clamp(200,28vw,400px),
 full width

---
 src/components/landing/Hero.tsx | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/components/landing/Hero.tsx b/src/components/landing/Hero.tsx
index 35617b2d..42bbd0ad 100644
--- a/src/components/landing/Hero.tsx
+++ b/src/components/landing/Hero.tsx
@@ -150,16 +150,15 @@ export default function Hero() {
         shouldAnimate={shouldAnimate}
       />
 
-      {/* Hero banner */}
-      <div className="relative max-w-7xl mx-auto px-6 w-full pt-4 pb-8">
-        <div className="w-full bg-[#0A0D14] rounded-2xl overflow-hidden flex items-center justify-center" style={{ height: 'clamp(180px, 22vw, 320px)' }}>
-          <img
-            src={`${import.meta.env.BASE_URL}cohorta-banner.png`}
-            alt="Cohorta — Synthetic Research. Real Insights."
-            className="h-full w-full object-contain"
-            draggable={false}
-          />
-        </div>
+      {/* Hero banner — transparent bg, aligned to content grid */}
+      <div className="relative max-w-7xl mx-auto px-6 w-full pt-6 pb-2">
+        <img
+          src={`${import.meta.env.BASE_URL}cohorta-banner.png`}
+          alt="Cohorta — Synthetic Research. Real Insights."
+          className="w-full"
+          style={{ height: 'clamp(200px, 28vw, 400px)', objectFit: 'contain', objectPosition: 'left center' }}
+          draggable={false}
+        />
       </div>
 
       <div className="relative max-w-7xl mx-auto px-6 w-full">