From 5d8c3b3e77af195a89dedb4c69171a68e235142b Mon Sep 17 00:00:00 2001
From: zias <vanneszias@icloud.com>
Date: Mon, 2 Mar 2026 15:13:19 +0100
Subject: [PATCH] fix:mobile hero view

---
 apps/web/src/components/homepage/Hero.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/homepage/Hero.tsx b/apps/web/src/components/homepage/Hero.tsx
index 00b90e4..b75301d 100644
--- a/apps/web/src/components/homepage/Hero.tsx
+++ b/apps/web/src/components/homepage/Hero.tsx
@@ -14,12 +14,18 @@ export default function Hero() {
 	const scrollToRegistration = () => {
 		const registrationSection = document.getElementById("registration");
 		if (registrationSection) {
+			// Temporarily disable scroll-snap to prevent snap-back on mobile
+			document.documentElement.style.scrollSnapType = "none";
 			registrationSection.scrollIntoView({ behavior: "smooth" });
+			// Re-enable scroll-snap after smooth scroll completes
+			setTimeout(() => {
+				document.documentElement.style.scrollSnapType = "";
+			}, 800);
 		}
 	};
 
 	return (
-		<section className="snap-section relative h-screen w-full overflow-hidden bg-white">
+		<section className="snap-section relative h-[100dvh] w-full overflow-hidden bg-white">
 			{/* Desktop Layout - hidden on mobile */}
 			<div className="relative hidden h-full w-full flex-col gap-[10px] p-[10px] lg:flex">
 				{/* Desktop Microphone - positioned on top of top sections, under bottom sections */}
@@ -150,7 +156,7 @@ export default function Hero() {
 				</div>
 
 				{/* Mobile CTA */}
-				<div className="px-[10px] pb-[10px]">
+				<div className="px-[10px] pb-[calc(10px+env(safe-area-inset-bottom))]">
 					<button
 						onClick={scrollToRegistration}
 						type="button"