Merge pull request #33 from SPLATPLAYS/master

made the buttons looked better and improved metadata in the hero section

Author: SPLATPLAYS

contact.html

@@ -75,14 +75,15 @@ <h2 class="text-3xl font-semibold mb-4">Contact Form</h2>
 
 <!-- Footer Section -->
 <footer class="bg-gray-800 text-white py-4">
-    <div class="container mx-auto flex justify-between items-center">
-        <p>&copy; 2024 Kelmscott Senior High School Robotics</p>
+    <div class="container mx-auto flex flex-col sm:flex-row justify-between items-center px-4 sm:px-0">
+        <p class="mb-4 sm:mb-0">&copy; 2024 Kelmscott Senior High School Robotics</p>
         <div>
             <a href="#" class="mx-2"><i class="fab fa-twitter"></i></a>
             <a href="https://www.facebook.com/profile.php?id=61559577347658" class="mx-2"><i class="fab fa-facebook"></i></a>
             <a href="https://www.instagram.com/kshsrobotics/" class="mx-2"><i class="fab fa-instagram"></i></a>
             <a href="https://www.youtube.com/@KSHSFRCroboticsteam" class="mx-2"><i class="fab fa-youtube"></i></a>
         </div>
+
     </div>
 </footer>
 
@@ -118,19 +119,7 @@ <h2 class="text-3xl font-semibold mb-4">Contact Form</h2>
         });
     });
 </script>
-<!-- Footer Section -->
-<footer class="bg-gray-800 text-white py-4">
-    <div class="container mx-auto flex flex-col sm:flex-row justify-between items-center px-4 sm:px-0">
-        <p class="mb-4 sm:mb-0">&copy; 2024 Kelmscott Senior High School Robotics</p>
-        <div>
-            <a href="#" class="mx-2"><i class="fab fa-twitter"></i></a>
-            <a href="https://www.facebook.com/profile.php?id=61559577347658" class="mx-2"><i class="fab fa-facebook"></i></a>
-            <a href="https://www.instagram.com/kshsrobotics/" class="mx-2"><i class="fab fa-instagram"></i></a>
-            <a href="https://www.youtube.com/@KSHSFRCroboticsteam" class="mx-2"><i class="fab fa-youtube"></i></a>
-        </div>
 
-    </div>
-</footer>
 </body>
 </html>
 

index.html

@@ -68,7 +68,7 @@
     <div style="position: relative; z-index: 1;">
         <h1 class="text-4xl font-bold">Kelmscott Senior High School Robotics</h1>
         <p class="text-xl my-4">An opportunity for students to explore and develop their passions and interests.</p>
-        <button class="bg-blue-500 text-white px-6 py-3 rounded-lg">Learn More</button>
+        <button class="bg-blue-500 hover:bg-blue-600 text-white px-6 py-3 rounded-lg mx-auto sm:mx-0 transition duration-300 ease-in-out focus:outline-none focus:ring-2 focus:ring-blue-300">Learn More</button>
     </div>
 </section>
 
@@ -102,9 +102,9 @@ <h2 class="text-2xl font-bold my-3">WARP</h2>
     <div class="container mx-auto px-4 sm:px-0">
         <div class="flex flex-col items-center sm:items-start">
             <div class="w-full sm:w-1/2 text-center sm:text-left">
-                <h2 class="text-3xl font-bold mb-4">aliquet praesent sodades</h2>
-                <p class="text-lg mb-4">aliquet praesent sodales ipsum null</p>
-                <button class="bg-blue-500 text-white px-6 py-3 rounded-lg mx-auto sm:mx-0">Learn More</button>
+                <h2 class="text-3xl font-bold mb-4">FIRST Robotics Competition</h2>
+                <p class="text-lg mb-4">Join our team as we prepare for the exciting world of FRC, where high school students build and program robots.</p>
+<button class="bg-blue-500 hover:bg-blue-600 text-white px-6 py-3 rounded-lg mx-auto sm:mx-0 transition duration-300 ease-in-out focus:outline-none focus:ring-2 focus:ring-blue-300">Learn More</button>
             </div>
         </div>
     </div>