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

fix: hero justify-start, banner 400px height, pt-3 top gap

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Vadym Samoilenko 2026-05-23 22:19:05 +01:00
parent 5c61ee9d36
commit 31391bbae4
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -119,7 +119,7 @@ export default function Hero() {
const shouldAnimate = !shouldReduce;
return (
<section className="relative min-h-screen flex flex-col justify-center overflow-hidden -mt-20 pt-20">
<section className="relative min-h-screen flex flex-col justify-start overflow-hidden -mt-20 pt-20">
{/* Background glow */}
<div
className="glow-orb w-[600px] h-[400px] left-1/4 top-1/3 opacity-15"
@ -134,20 +134,20 @@ export default function Hero() {
}}
/>
<div className="relative max-w-7xl mx-auto px-6 w-full pt-8 pb-12 lg:pb-16">
<div className="relative max-w-7xl mx-auto px-6 w-full pt-3 pb-12 lg:pb-16">
{/* Banner — full hero width, natural height */}
{/* Banner — full hero width, 400px tall */}
<motion.div
initial={shouldAnimate ? { opacity: 0, y: 16 } : false}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.6, ease: [0.25, 0.46, 0.45, 0.94] }}
className="mb-8 lg:mb-10"
className="mb-6"
>
<img
src={`${import.meta.env.BASE_URL}cohorta-banner.png`}
alt="Cohorta — Synthetic Research. Real Insights."
className="w-full h-auto"
style={{ maxHeight: 'clamp(140px, 16vw, 240px)', objectFit: 'contain', objectPosition: 'left center' }}
className="w-full"
style={{ height: '400px', objectFit: 'contain', objectPosition: 'left center' }}
draggable={false}
/>
</motion.div>