Files
hms-licht-ton/docs/prototype-index.html
T

122 lines
4.7 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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>