fix: 1:1 prototype port – exact hms-* CSS, real logo, all components from app.js

2026-07-10 22:28:26 +02:00
parent 786cb0c040
commit 90a7d7f2e0
38 changed files with 2733 additions and 3250 deletions
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
+  <meta name="robots" content="noindex, nofollow, noarchive, nosnippet">
+  <meta name="description" content="HMS Licht & Ton GbR – Veranstaltungstechnik aus Leipheim/Ellzee. Vermietung, Verkauf, Personal, Transport, Installation von Tontechnik, Lichttechnik und Rigging.">
+  <meta name="author" content="Hammerschmidt u. Mössle GbR">
+  <meta name="theme-color" content="#EC6925">
+  
+  <!-- OpenGraph Tags -->
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="HMS Licht & Ton – Veranstaltungstechnik">
+  <meta property="og:description" content="Vermietung, Verkauf und Installation von Veranstaltungstechnik. Über 20 Jahre Erfahrung aus Leipheim/Ellzee.">
+  <meta property="og:locale" content="de_DE">
+  <meta property="og:site_name" content="HMS Licht & Ton">
+  <meta property="og:url" content="https://hms.media-on.de">
+  
+  <!-- Twitter Card -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:title" content="HMS Licht & Ton – Veranstaltungstechnik">
+  <meta name="twitter:description" content="Vermietung, Verkauf und Installation von Veranstaltungstechnik aus Leipheim/Ellzee.">
+  
+  <!-- JSON-LD Structured Data -->
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "LocalBusiness",
+    "@id": "https://hms.media-on.de/#organization",
+    "name": "HMS Licht & Ton",
+    "legalName": "Hammerschmidt u. Mössle GbR",
+    "description": "Veranstaltungstechnik – Vermietung, Verkauf, Personal, Transport, Installation",
+    "url": "https://hms.media-on.de",
+    "logo": "https://hms.media-on.de/logo.svg",
+    "telephone": "+49 8221 204433",
+    "email": "info@hms-licht-ton.de",
+    "address": {
+      "@type": "PostalAddress",
+      "streetAddress": "Grockelhofen 10",
+      "addressLocality": "Leipheim",
+      "postalCode": "89340",
+      "addressCountry": "DE"
+    },
+    "location": {
+      "@type": "Place",
+      "name": "Lager Ellzee",
+      "address": {
+        "@type": "PostalAddress",
+        "streetAddress": "Zur Schönhalde 8",
+        "addressLocality": "Ellzee",
+        "postalCode": "89352",
+        "addressCountry": "DE"
+      }
+    },
+    "openingHoursSpecification": {
+      "@type": "OpeningHoursSpecification",
+      "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday"],
+      "opens": "10:00",
+      "closes": "18:00"
+    },
+    "sameAs": [
+      "https://facebook.com/hmslichtton",
+      "https://instagram.com/hmslichtton"
+    ],
+    "makesOffer": [
+      {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Equipment-Vermietung"}},
+      {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Equipment-Verkauf"}},
+      {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Personal-Service"}},
+      {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Transport"}},
+      {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Lagerung"}},
+      {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Werkstatt"}},
+      {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Installation"}},
+      {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Booking"}}
+    ]
+  }
+  </script>
+  
+  <title>HMS Licht & Ton – Veranstaltungstechnik Leipheim/Ellzee</title>
+  
+  <!-- Tailwind CSS CDN (Production uses Tailwind via Nuxt 3) -->
+  <script src="https://cdn.tailwindcss.com"></script>
+  <script>
+    tailwind.config = {
+      theme: {
+        extend: {
+          colors: {
+            primary: '#EC6925',
+            'primary-hover': '#d4581a',
+            'primary-light': '#fef0e8'
+          }
+        }
+      }
+    }
+  </script>
+  
+  <!-- Google Fonts: Inter -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
+  
+  <!-- Custom Design Tokens -->
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <div id="app">
+    <!-- Vue 3 mounts here -->
+    <div class="flex items-center justify-center min-h-screen" role="status" aria-live="polite" aria-busy="true">
+      <div class="text-center">
+        <div class="hms-spinner mx-auto mb-4" style="width:40px;height:40px;border-width:4px"></div>
+        <p class="text-gray-400 text-sm">Laden...</p>
+      </div>
+    </div>
+  </div>
+  
+  <!-- Vue 3 CDN (Production uses Nuxt 3 / Vue 3) -->
+  <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
+  
+  <!-- App Components & Router -->
+  <script src="app.js"></script>
+</body>
+</html>