Aimpress/cohorta
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: hero banner no bg, bigger image clamp(200,28vw,400px), full width

Browse source
This commit is contained in:
Vadym Samoilenko 2026-05-23 21:48:32 +01:00
parent af9db666d2
commit 83924901e6
1 changed files with 9 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/components/landing/Hero.tsx
View file

@ -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">