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

feat: full-width hero banner with transparent logo on dark bg

Browse source
This commit is contained in:
Vadym Samoilenko 2026-05-23 21:42:59 +01:00
parent 37f3cf1704
commit 5c2ba7503e
2 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/cohorta-banner.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.1 MiB

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

@ -150,14 +150,16 @@ export default function Hero() {
shouldAnimate={shouldAnimate}
/>
{/* Logo banner — full lockup, dark bg removed via screen blend */}
<div className="relative max-w-7xl mx-auto px-6 w-full pt-4 pb-2">
<img
src={`${import.meta.env.BASE_URL}cohorta-logo.png`}
alt="Cohorta"
className="h-12 md:h-16 w-auto"
draggable={false}
/>
{/* 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>
</div>
<div className="relative max-w-7xl mx-auto px-6 w-full">