feat: Add professional portfolio images and Hero redesign

- Add 15 optimized WebP images for portfolio (21-53KB each)
- Redesign Hero section with full-width background image
- Add SSR support for Hero component
- Update About section with new portrait image
- Update Contact page with professional headshot
- Add images to Services/Leistungen page
- Add image optimization script (sharp)
- Update translations for gallery section

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/i18n/config.ts

@@ -14,3 +14,96 @@ export const localeFlags: Record<Locale, string> = {
   en: '🇬🇧',
   sr: '🇷🇸',
 };
+
+// Extended locale metadata for SEO
+export const localeMetadata: Record<Locale, {
+  language: string;
+  region: string;
+  hreflang: string;
+  ogLocale: string;
+  script: string;
+  territory: string;
+  currency: string;
+}> = {
+  de: {
+    language: 'de',
+    region: 'DE',
+    hreflang: 'de-DE',
+    ogLocale: 'de_DE',
+    script: 'Latn',
+    territory: 'Germany',
+    currency: 'EUR',
+  },
+  en: {
+    language: 'en',
+    region: 'US',
+    hreflang: 'en-US',
+    ogLocale: 'en_US',
+    script: 'Latn',
+    territory: 'United States',
+    currency: 'USD',
+  },
+  sr: {
+    language: 'sr',
+    region: 'RS',
+    hreflang: 'sr-RS',
+    ogLocale: 'sr_RS',
+    script: 'Latn', // Using Latin script for web compatibility (Cyrillic: Cyrl)
+    territory: 'Serbia',
+    currency: 'RSD',
+  },
+};
+
+// SEO keywords per locale
+export const seoKeywords: Record<Locale, string[]> = {
+  de: [
+    'Fullstack Developer',
+    'KI Entwickler',
+    'AI Agentenentwicklung',
+    'Prozessautomatisierung',
+    'Voice AI',
+    'n8n Automatisierung',
+    'Köln',
+    'Deutschland',
+  ],
+  en: [
+    'Fullstack Developer',
+    'AI Developer',
+    'AI Agent Development',
+    'Process Automation Expert',
+    'Voice AI Developer',
+    'n8n Automation',
+    'Remote Developer Europe',
+    'Remote Developer USA',
+    'Remote Developer UK',
+    'Python Developer',
+    'React Developer',
+    'SaaS Development',
+    'Freelance AI Developer',
+    'London',
+    'New York',
+    'Los Angeles',
+    'Miami',
+    'San Francisco',
+  ],
+  sr: [
+    'Fullstack Programer',
+    'AI Programer Srbija',
+    'AI Developer Beograd',
+    'Razvoj AI Agenata',
+    'Automatizacija Procesa',
+    'Voice AI Srbija',
+    'n8n Automatizacija',
+    'Beograd',
+    'Novi Sad',
+    'Niš',
+    'Kragujevac',
+    'Subotica',
+    'Srbija',
+    'Softverski Razvoj Srbija',
+    'Python Programer Srbija',
+    'React Programer Beograd',
+    'Remote Developer Dijaspora',
+    'Freelance Programer Srbija',
+  ],
+};