refactor!: Implement current Hero section design based on latest mockup design

Redesign of home page Hero section, based on the most recent mockup design to improve visual layout and user experience.

Author: nsandoya

src/components/Hero.astro

@@ -2,15 +2,24 @@
 
 ---
 
-<section class="bg-gradient-to-r from-blue-600 to-indigo-700 text-white py-20">
-  <div class="container mx-auto px-4 text-center">
-    <h1 class="text-5xl font-bold mb-6">Bienvenido a Ecuador In Tech</h1>
-    <p class="text-xl mb-8">Conecta, Aprende, y Comparte</p>
+<section
+  class="flex flex-col items-center justify-center bg-gradient-to-r from-indigo-700 to-blue-500 h-[100vh] text-white py-20"
+>
+  <div
+    class="container grid grid-cols-1 gap-8 mx-auto px-4 text-center justify-items-center"
+  >
+    <h3 class="text-2xl font-medium">Bienvenido a</h3>
+    <h1 class="text-6xl lg:text-8xl font-bold">Ecuador In Tech</h1>
+    <p
+      class="text-base mb-8 uppercase font-montserrat font-medium text-slate-300 tracking-wide lg:text-xl"
+    >
+      Conecta, Aprende y Comparte
+    </p>
     <a
       href="/communities"
-      class="bg-white text-blue-600 px-8 py-3 rounded-full font-bold hover:bg-gray-100"
+      class="w-fit bg-transparent border-white border-2 text-white px-5 py-2 rounded-xl font-medium hover:bg-white hover:text-blue-600 hover:font-semibold"
     >
-      Explora Comunidades Tech
+      Conoce más
     </a>
   </div>
 </section>