From 540bffa9abf12b4d44899601d44f9c753c3c96f7 Mon Sep 17 00:00:00 2001
From: colinislit <colin@ikbenlit.nl>
Date: Thu, 20 Nov 2025 12:15:32 +0100
Subject: [PATCH] fix: optimize hero section height for mobile devices
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adjusted hero image height on mobile from min-h-[300px] to h-[40vh]
to ensure content below the fold is visible and scrollable. Desktop
behavior remains unchanged with full viewport height.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/ui/hero-section-2.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/ui/hero-section-2.tsx b/components/ui/hero-section-2.tsx
index 771646a..f6842cb 100644
--- a/components/ui/hero-section-2.tsx
+++ b/components/ui/hero-section-2.tsx
@@ -176,9 +176,9 @@ const HeroSection = React.forwardRef<HTMLDivElement, HeroSectionProps>(
         </div>
 
         {/* Right Side: Image with Clip Path Animation */}
-        <motion.div 
-          className="w-full min-h-[300px] bg-cover bg-center md:w-1/2 md:min-h-full lg:w-2/5"
-          style={{ 
+        <motion.div
+          className="w-full h-[40vh] bg-cover bg-center md:w-1/2 md:h-auto md:min-h-full lg:w-2/5"
+          style={{
             backgroundImage: `url(${backgroundImage})`,
           }}
           initial={{ clipPath: 'polygon(100% 0, 100% 0, 100% 100%, 100% 100%)' }}