From ec9de5a9626ec7551d02bafb2c8ca245bd96db2b Mon Sep 17 00:00:00 2001
From: janpeter visser <janpetervisser2@gmail.com>
Date: Sat, 25 Apr 2026 13:32:32 +0200
Subject: [PATCH] fix: header en footer sticky op landingspagina

Zelfde patroon als (app) layout: h-screen overflow-hidden op de wrapper,
flex-1 overflow-y-auto op main, shrink-0 op footer.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index cd98a5d..9b7fa88 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -3,7 +3,7 @@ import { AppIcon } from '@/components/shared/app-icon'
 
 export default function LandingPage() {
   return (
-    <div className="min-h-screen bg-background text-foreground flex flex-col">
+    <div className="h-screen bg-background text-foreground flex flex-col overflow-hidden">
 
       {/* ── Header ─────────────────────────────────────────────────── */}
       <header className="h-14 border-b border-border bg-surface-container-low flex items-center px-6 gap-4 shrink-0">
@@ -27,7 +27,7 @@ export default function LandingPage() {
         </nav>
       </header>
 
-      <main className="flex-1">
+      <main className="flex-1 overflow-y-auto">
 
         {/* ── Hero ───────────────────────────────────────────────────── */}
         <section className="bg-primary-container px-6 py-16 text-center">
@@ -277,7 +277,7 @@ export default function LandingPage() {
       </main>
 
       {/* ── Footer ─────────────────────────────────────────────────── */}
-      <footer className="border-t border-border bg-surface-container-low px-6 py-4 flex items-center justify-between text-xs text-muted-foreground">
+      <footer className="shrink-0 border-t border-border bg-surface-container-low px-6 py-4 flex items-center justify-between text-xs text-muted-foreground">
         <span>© {new Date().getFullYear()} Scrum4Me</span>
         <div className="flex gap-4">
           <Link href="/login" className="hover:text-foreground transition-colors">Inloggen</Link>