Fix page link issues and some minor tweaks

Author: ColmN-Dev

project/src/components/footer.astro

@@ -11,5 +11,5 @@
         <a href={`${import.meta.env.BASE_URL}contact`}>Contact</a>
   <p>&copy; 2025 Saykan Combat. All rights reserved.</p>
   <p>Designed by C</p>
-  <strong><a href="mailto:example@example.com">Contact Designer</a></strong>
+  <strong><a href="mailto:example@example.com">Contact Club</a></strong>
 </footer>

project/src/pages/contact2.astro

@@ -11,6 +11,6 @@ import Layout from '../layouts/Layout.astro';
 
     <p>We will be in contact with you shortly.</p>
 
-    <p><a href="./">Return to Home</a></p>
+    <p><a href={`${import.meta.env.BASE_URL}`}>Return to Home</a></p>
 </Layout> 
 

project/src/pages/gallery.astro

@@ -9,10 +9,10 @@ import Layout from '../layouts/Layout.astro';
 
     <br>
     <div class="gallery-images">
-        <img src={`${import.meta.env.BASE_URL}images/img1.png`} alt="Image 1" style="width: 50%; height: auto;" />
-        <img src={`${import.meta.env.BASE_URL}images/escrima.jpg`} alt="Image 2" style="width: 50%; height: auto;" />
-        <img src={`${import.meta.env.BASE_URL}images/img2.jpg`} alt="Image 3" style="width: 50%; height: auto;" />
-        <img src={`${import.meta.env.BASE_URL}images/img3.jpg`} alt="Image 4" style="width: 50%; height: auto;" />
+        <img src={`${import.meta.env.BASE_URL}images/img1.png`} alt="Image 1" />
+        <img src={`${import.meta.env.BASE_URL}images/escrima.jpg`} alt="Image 2" />
+        <img src={`${import.meta.env.BASE_URL}images/img2.jpg`} alt="Image 3" />
+        <img src={`${import.meta.env.BASE_URL}images/img3.jpg`} alt="Image 4" />
     </div>
 
 </Layout>