From 075a3d88fe7fd0327ba57842d05d5b0bd9376abe Mon Sep 17 00:00:00 2001
From: Maaxxs <61059039+MaaxxsDev@users.noreply.github.com>
Date: Mon, 6 Jul 2026 22:33:18 +0200
Subject: [PATCH] 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>
---
 hifi-src/src/pages/public/Home.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/hifi-src/src/pages/public/Home.jsx b/hifi-src/src/pages/public/Home.jsx
index a1def00..b4eed3a 100644
--- a/hifi-src/src/pages/public/Home.jsx
+++ b/hifi-src/src/pages/public/Home.jsx
@@ -95,7 +95,7 @@ export default function Home() {
         </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
           style={{ y: heroImageY }}
           src={heroImage}