Enhance website with professional styling and i18n layer

- Update footer attribution to Sheet Metal Connect e.U. / Luke van Enkhuizen
- Add link to creator at vanenkhuizen.com
- Shrink fonts site-wide for cleaner, more professional appearance
- Add i18n localization layer with EN, NL, DE translations
- Tone down animations and hover effects for calmer UX
- Standardize button styling across all components
- Reduce visual noise with subtle background effects

Author: claude

website/astro.config.mjs

@@ -13,7 +13,8 @@ export default defineConfig({
     resolve: {
       alias: {
         '@components': '/src/components',
-        '@layouts': '/src/layouts'
+        '@layouts': '/src/layouts',
+        '@i18n': '/src/i18n'
       }
     },
     build: {

website/src/components/Hero.astro

@@ -47,20 +47,20 @@
     <!-- Subtext -->
     <p class="text-lg sm:text-xl text-muted-foreground mb-8 max-w-3xl mx-auto">
       Real-time production tracking, QRM capacity management, and operator terminals.
-      Built from hands-on experience with SMB metal shops in Europe.
+      Built from hands-on experience with SMB metal shops.
       A starting point for your unique shop.
     </p>
 
     <!-- CTA Buttons -->
     <div
-      class="flex flex-col sm:flex-row items-center justify-center gap-4 mb-12"
+      class="flex flex-col sm:flex-row items-center justify-center gap-3 mb-12"
     >
       <a
         href="#get-started"
-        class="inline-flex items-center gap-2 px-8 py-4 rounded-xl bg-accent hover:bg-accent/90 text-white font-semibold text-lg transition-all duration-300 hover:shadow-[0_0_20px_rgba(59,130,246,0.6)] hover:-translate-y-1 hover:scale-105 group"
+        class="inline-flex items-center gap-2 px-6 py-3 rounded-lg bg-accent hover:bg-blue-600 text-white font-medium transition-all duration-200 hover:shadow-lg hover:shadow-accent/20 group"
       >
         <svg
-          class="w-5 h-5 text-white group-hover:rotate-12 transition-transform duration-300"
+          class="w-4 h-4 text-white"
           fill="none"
           stroke="currentColor"
           viewBox="0 0 24 24"
@@ -77,10 +77,10 @@
         href="https://github.com/SheetMetalConnect/eryxon-flow"
         target="_blank"
         rel="noopener noreferrer"
-        class="inline-flex items-center gap-2 px-8 py-4 rounded-xl border border-border/50 hover:border-accent/50 text-foreground font-semibold text-lg transition-all duration-300 glass group"
+        class="inline-flex items-center gap-2 px-6 py-3 rounded-lg border border-white/10 hover:border-white/20 hover:bg-white/5 text-foreground font-medium transition-all duration-200 group"
       >
         <svg
-          class="w-5 h-5 group-hover:scale-110 transition-transform duration-300"
+          class="w-4 h-4"
           fill="currentColor"
           viewBox="0 0 24 24"
         >

website/src/components/HowItWorks.astro

@@ -147,9 +147,9 @@
           </p>
           <a
             href="#get-started"
-            class="inline-flex items-center gap-2 px-6 py-3 rounded-xl bg-blue-600 hover:bg-blue-500 text-white font-semibold transition-all duration-300 hover:shadow-[0_0_20px_rgba(37,99,235,0.4)] hover:-translate-y-1 hover:scale-105"
+            class="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg bg-accent hover:bg-blue-600 text-white font-medium transition-all duration-200 hover:shadow-lg hover:shadow-accent/20"
           >
-            <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
             </svg>
             Get Started Now

website/src/i18n/index.ts

@@ -0,0 +1,31 @@
+// Re-export everything from translations for easy imports
+export {
+  translations,
+  defaultLocale,
+  supportedLocales,
+  getTranslations,
+  type Locale,
+  type TranslationKeys,
+} from './translations';
+
+// Helper to get current locale from URL or default
+export function getLocaleFromUrl(url: URL): import('./translations').Locale {
+  const pathname = url.pathname;
+  const segments = pathname.split('/').filter(Boolean);
+
+  // Check if first segment is a valid locale
+  const { supportedLocales } = require('./translations');
+  if (segments[0] && supportedLocales.includes(segments[0])) {
+    return segments[0] as import('./translations').Locale;
+  }
+
+  return 'en';
+}
+
+// Helper to create localized URLs
+export function localizeUrl(url: string, locale: import('./translations').Locale): string {
+  if (locale === 'en') {
+    return url; // Default locale doesn't need prefix
+  }
+  return `/${locale}${url}`;
+}