Footer rebasement and best practices (#30)

* fix: Add link to GitHub 'Ecuador in Tech' organization in footer

* feat: Add 'Voluntariado' section to footer and related section id for navigation on Home

Author: nsandoya

src/components/AboutUs.astro

@@ -2,7 +2,7 @@
 import heroImage from "../assets/hacktoberfest.jpg";
 ---
 
-<section class="py-16 bg-gray-50">
+<section id="about-us" class="py-16 bg-gray-50">
   <div class="container mx-auto px-4">
     <div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
       <div>

src/components/Footer.astro

@@ -2,42 +2,32 @@
 
 ---
 <footer class="bg-gray-800 text-white py-8">
-  <div class="container mx-auto px-4">
-    <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
-      <div>
-        <h3 class="text-xl font-bold mb-4">Ecuador In Tech</h3>
-        <p class="text-gray-300">
-          Conectando comunidades, empoderando personas.
-        </p>
-      </div>
-      <div>
-        <h3 class="text-xl font-bold mb-4">Enlaces rápidos</h3>
-        <ul class="space-y-2">
-          <li><a href="/" class="text-gray-300 hover:text-white">Inicio</a></li>
-          <li>
-            <a href="/communities" class="text-gray-300 hover:text-white"
-            >Comunidades</a>
-          </li>
-          <li>
-            <a href="/events" class="text-gray-300 hover:text-white">Eventos</a>
-          </li>
-          <li>
-            <a href="/rss.xml" class="text-gray-300 hover:text-white">
-              Suscríbete a nuestro canal RSS</a>
-          </li>
-        </ul>
-      </div>
-      <div>
-        <h3 class="text-xl font-bold mb-4">Conecta con nosotros</h3>
-        <div class="flex space-x-4">
-          <a href="#" class="text-gray-300 hover:text-white">GitHub</a>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+        <div>
+          <h3 class="text-xl font-bold mb-4">Ecuador In Tech</h3>
+          <p class="text-gray-300">Conectando comunidades, empoderando personas.</p>
+        </div>
+        <div>
+          <h3 class="text-xl font-bold mb-4">Enlaces rápidos</h3>
+          <ul class="space-y-2">
+            <li><a href="/" class="text-gray-300 hover:text-white">Inicio</a></li>
+            <li><a href="/communities" class="text-gray-300 hover:text-white">Comunidades</a></li>
+            <li><a href="/events" class="text-gray-300 hover:text-white">Eventos</a></li>
+            <li><a href="/#about-us" class="text-gray-300 hover:text-white">Voluntariado</a></li>
+            <li><a href="/rss.xml" class="text-gray-300 hover:text-white"> Suscríbete a nuestro canal RSS</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="text-xl font-bold mb-4">Conecta con nosotros</h3>
+          <div class="flex space-x-4">
+            <a href="https://github.com/Ecuador-In-Tech" class="text-gray-300 hover:text-white">GitHub</a>
+          </div>
         </div>
       </div>
+      <div class="mt-8 pt-8 border-t border-gray-700 text-center">
+        <p class="text-gray-300">&copy; 2024 Ecuador In Tech. Todos los derechos reservados.</p>
+      </div>
     </div>
-    <div class="mt-8 pt-8 border-t border-gray-700 text-center">
-      <p class="text-gray-300">
-        &copy; 2024 Ecuador In Tech. Todos los derechos reservados.
-      </p>
-    </div>
-  </div>
 </footer>
+