Added email contact

Author: jan-bures

package-lock.json

@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@astrojs/starlight": "^0.37.6",
+    "@lucide/astro": "^1.16.0",
     "@tailwindcss/vite": "^4.2.1",
     "astro": "^5.6.1",
     "sharp": "^0.34.2",

package.json

@@ -1,5 +1,6 @@
 ---
 // Unified footer component for all pages (custom + Starlight docs)
+import { Mail } from '@lucide/astro';
 import forumIcon from '../assets/links-forums.png';
 
 const currentYear = new Date().getFullYear();
@@ -24,6 +25,11 @@ const socialLinks = [
 		name: 'KSP Forums',
 		url: 'https://forum.kerbalspaceprogram.com/topic/226985-ksp2-redux',
 		icon: 'forums'
+	},
+	{
+		name: 'Email',
+		url: 'mailto:contact@ksp2redux.org',
+		icon: 'email'
 	}
 ];
 
@@ -40,6 +46,7 @@ const quickLinks = [
 const resourceLinks = [
 	{ href: '/guides/installation', label: 'Installation Guide' },
 	{ href: '/guides/troubleshooting', label: 'Troubleshooting' },
+	{ href: 'mailto:contact@ksp2redux.org', label: 'Contact Email' },
 	{ href: 'https://github.com/KSP2Redux/Redux/releases', label: 'Releases', external: true },
 	{ href: 'https://github.com/KSP2Redux/Redux/issues', label: 'Report Issue', external: true },
 ];
@@ -74,8 +81,7 @@ const icons: Record<string, string> = {
 					{socialLinks.map(link => (
 						<a 
 							href={link.url}
-							target="_blank"
-							rel="noopener noreferrer"
+							{...link.url.startsWith('http') ? { target: '_blank', rel: 'noopener noreferrer' } : {}}
 							class="inline-flex h-10 w-10 items-center justify-center rounded-full text-gray-400 hover:text-ksp-red transition-colors duration-200"
 							aria-label={link.name}
 						>
@@ -85,6 +91,8 @@ const icons: Record<string, string> = {
 									style={`-webkit-mask-image: url('${forumIcon.src}'); mask-image: url('${forumIcon.src}');`}
 									aria-hidden="true"
 								></span>
+							) : link.icon === 'email' ? (
+								<Mail class="w-6 h-6" aria-hidden="true" />
 							) : (
 								<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true" set:html={icons[link.icon]} />
 							)}

src/components/Footer.astro

@@ -203,34 +203,34 @@ import forumIcon from '../assets/links-forums.png';
 				<tbody>
 					<tr class="border-b border-gray-700 hover:bg-gray-900/30 transition-colors">
 						<td class="py-4 px-6 font-semibold text-white">Foonix</td>
-						<td class="py-4 px-6 text-gray-300">Performance &amp; Improvements, Bug Fixing</td>
+						<td class="py-4 px-6 text-gray-300">Performance, Improvements</td>
 					</tr>
 					<tr class="border-b border-gray-700 hover:bg-gray-900/30 transition-colors">
-						<td class="py-4 px-6 font-semibold text-white">Munix</td>
-						<td class="py-4 px-6 text-gray-300">Gameplay, project communication, modding support</td>
+						<td class="py-4 px-6 font-semibold text-white">munix</td>
+						<td class="py-4 px-6 text-gray-300">Gameplay, Features, Public Relations</td>
 					</tr>
 					<tr class="border-b border-gray-700 hover:bg-gray-900/30 transition-colors">
 						<td class="py-4 px-6 font-semibold text-white">ShadowDev</td>
-						<td class="py-4 px-6 text-gray-300">Features</td>
+						<td class="py-4 px-6 text-gray-300">Infrastructure, Multiplayer</td>
 					</tr>
 					<tr class="border-b border-gray-700 hover:bg-gray-900/30 transition-colors">
-						<td class="py-4 px-6 font-semibold text-white">Lexi</td>
+						<td class="py-4 px-6 font-semibold text-white">Infinity</td>
 						<td class="py-4 px-6 text-gray-300">Modding Support</td>
 					</tr>
 					<tr class="border-b border-gray-700 hover:bg-gray-900/30 transition-colors">
-						<td class="py-4 px-6 font-semibold text-white">The Space Peacock</td>
-						<td class="py-4 px-6 text-gray-300">Gameplay, Bug Hunting, Text and Localization</td>
+						<td class="py-4 px-6 font-semibold text-white">Safarte</td>
+						<td class="py-4 px-6 text-gray-300">Art, Gameplay, Text and Localization</td>
 					</tr>
 					<tr class="hover:bg-gray-900/30 transition-colors">
-						<td class="py-4 px-6 font-semibold text-white">Safarte</td>
-						<td class="py-4 px-6 text-gray-300">Art, Gameplay</td>
+						<td class="py-4 px-6 font-semibold text-white">dan</td>
+						<td class="py-4 px-6 text-gray-300">Bug Hunting, Bug Fixing</td>
 					</tr>
 				</tbody>
 			</table>
 		</div>
 
 		<p class="text-center text-gray-400 mt-8 text-sm">
-			Discord is the best way to reach all of us.
+			Discord is the best way to reach all of us. You can also email <a href="mailto:contact@ksp2redux.org" class="text-ksp-red hover:underline">contact@ksp2redux.org</a>.
 		</p>
 	</section>
 
@@ -240,7 +240,7 @@ import forumIcon from '../assets/links-forums.png';
 				Not sure where to ask?
 			</h2>
 			<p class="text-gray-400 mb-6 max-w-xl mx-auto">
-				Start on Discord. If it needs to become an issue, someone can point you to the right tracker or channel.
+				Start on Discord. If it needs direct project-lead attention, email contact@ksp2redux.org.
 			</p>
 			<a href="https://discord.gg/8yq8d5VGQR" target="_blank" rel="noopener noreferrer" class="btn-primary text-lg">
 				<svg class="w-5 h-5 inline-block mr-2" fill="currentColor" viewBox="0 0 24 24">