feat: adjust hero section styling for improved layout and responsiveness

Author: IrvanFza

src/pages/index.astro

@@ -97,7 +97,7 @@ const structuredData = {
 
   <main class="min-h-screen">
     <!-- Hero Section -->
-    <section class="relative overflow-hidden bg-gradient-to-br from-primary/5 via-base-100 to-secondary/5 py-16 sm:py-24">
+    <section class="relative overflow-hidden bg-gradient-to-br from-primary/5 via-base-100 to-secondary/5 min-h-[calc(100dvh-3.5rem)] flex items-center justify-center py-16 sm:py-24">
       <div class="absolute inset-0 overflow-hidden">
         <div class="absolute -top-40 -right-40 w-80 h-80 bg-primary/10 rounded-full blur-3xl"></div>
         <div class="absolute -bottom-40 -left-40 w-80 h-80 bg-secondary/10 rounded-full blur-3xl"></div>