From a2ea70426dac712bbd4da445a97f7f9ddcaa454d Mon Sep 17 00:00:00 2001
From: MBO-Tech-IT <jonny@mbo-tech-it.de>
Date: Tue, 28 Apr 2026 20:15:24 +0200
Subject: [PATCH] fix: add top padding on mobile to clear fixed header in Hero
 section

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/Hero.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Hero.tsx b/components/Hero.tsx
index 558a2c5..29f3d12 100644
--- a/components/Hero.tsx
+++ b/components/Hero.tsx
@@ -9,7 +9,7 @@ export default function Hero() {
   const typed = useTypewriter(words);
 
   return (
-    <section className="relative min-h-screen flex items-center justify-center overflow-hidden">
+    <section className="relative min-h-screen flex items-center justify-center overflow-hidden pt-20 sm:pt-0">
       {/* Background grid */}
       <div className="absolute inset-0 bg-grid opacity-50" />