Make homepage hero fill the full viewport height

Prevents the next section from partially peeking in above the fold on
first load, so it only appears once the visitor actually scrolls.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Maaxxs 2026-07-06 22:33:18 +02:00
parent c308045cbf
commit 075a3d88fe

View file

@ -95,7 +95,7 @@ export default function Home() {
</div> </div>
</motion.div> </motion.div>
<section ref={heroRef} className="relative -mt-[89px] h-[85vh] min-h-[560px] overflow-hidden sm:-mt-[97px]"> <section ref={heroRef} className="relative -mt-[89px] h-dvh min-h-[560px] overflow-hidden sm:-mt-[97px]">
<motion.img <motion.img
style={{ y: heroImageY }} style={{ y: heroImageY }}
src={heroImage} src={heroImage}