Added build information

src/lib/components/Splash.svelte

@@ -1,13 +1,18 @@
 <script lang="ts">
 	import { currentStep } from '$lib/stores.js';
 	import FeatureList from './splash/FeatureList.svelte';
+	import { env } from '$env/dynamic/public';
+
+	const buildDate = env.PUBLIC_BUILD_DATE || '2025-01-01';
+	const vcsRef = env.PUBLIC_VCS_REF ? env.PUBLIC_VCS_REF.substring(0, 7) : 'abcdef';
+
 
 	function startWizard() {
 		currentStep.set(1); // Move to auth step
 	}
 </script>
 
-<div class="flex min-h-screen items-center justify-center bg-gray-100 p-4">
+<div class="flex min-h-screen flex-col items-center justify-center bg-gray-100 p-4">
 	<div
 		class="container mx-auto max-w-4xl rounded-lg border border-gray-200 bg-white/90 p-10 text-center shadow-xl"
 	>
@@ -23,13 +28,12 @@
 			>
 				Card Forge
 			</h1>
-			<p class="mb-4 text-xl leading-relaxed font-medium text-gray-700">
+			<p class="mb-4 text-xl font-medium leading-relaxed text-gray-700">
 				Transform your Google Sheets into professional ESNcards with photos.
 			</p>
 			<p class="mb-4 text-lg leading-relaxed text-gray-600">
-				<span class="font-semibold text-black-800"
-					>Privacy-first</span
-				>: all processing happens in your browser.
+				<span class="font-semibold text-black-800">Privacy-first</span>: all processing happens in
+				your browser.
 			</p>
 			<div class="mb-6">
 				<a
@@ -58,4 +62,11 @@
 			Start Creating Cards
 		</button>
 	</div>
+	<footer class="mt-4 text-center">
+		{#if buildDate && vcsRef}
+			<p class="text-xs text-gray-400">
+				Build: {vcsRef} {buildDate}
+			</p>
+		{/if}
+	</footer>
 </div>