f6d2aef138
Ports the exact 8-tier color progression, Barlow/Barlow Condensed typography, centered gradient underline, and bottom price scrim from the client-provided Kacheln.html mockup onto the existing dynamic package system. The material color engine now stores exact RGB stops (including a dedicated border color) instead of an HSL round-trip, since the reference colors were already exact hex values. Price/label color is now fixed off-white per the design instead of tracking the tier accent. Drops the tagline and product bullet list to match the mockup's minimal name+image+price layout - real packages still show these fields elsewhere, but this tile design has no room for them. Keeps the existing dynamic neutral-texture road glow (recolored per computed tier) instead of the mockup's 8 bespoke per-tier photos, since real package counts aren't fixed at 8. Adds a contact CTA button, which the static mockup doesn't need but the live page does. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
51 lines
2.6 KiB
HTML
51 lines
2.6 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<link rel="icon" type="image/png" href="/favicon.png" />
|
||
<!-- Nur fuer die Paket-Kacheln auf der Modell-Seite (Name/Preis-Typografie im
|
||
Kunden-Referenzdesign) - der Rest der Seite bleibt beim Standard-Font. -->
|
||
<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=Barlow:wght@400;500;600&family=Barlow+Condensed:wght@500;600&display=swap" rel="stylesheet" />
|
||
<title>HifiPlanet | Car-Hifi Umbauten nach Maß</title>
|
||
<meta name="description" content="HifiPlanet – dein Car-Hifi Spezialist. Marke und Modell wählen, passende Sound-Pakete entdecken und unverbindlich anfragen." />
|
||
<link rel="canonical" href="https://hifi-planet.de/" />
|
||
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:site_name" content="HifiPlanet" />
|
||
<meta property="og:title" content="HifiPlanet | Car-Hifi Umbauten nach Maß" />
|
||
<meta property="og:description" content="Dein Car-Hifi Spezialist: Marke und Modell wählen, passende Sound-Pakete entdecken und unverbindlich anfragen." />
|
||
<meta property="og:locale" content="de_DE" />
|
||
<meta name="twitter:card" content="summary" />
|
||
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "AutoRepair",
|
||
"name": "HifiPlanet",
|
||
"description": "Car-Hifi Spezialist für individuelle Sound-Umbauten – vom unauffälligen Upgrade bis zum Komplettumbau.",
|
||
"url": "https://hifi-planet.de/",
|
||
"telephone": "+4993732062390",
|
||
"email": "info@hifi-planet-amorbach.de",
|
||
"address": {
|
||
"@type": "PostalAddress",
|
||
"streetAddress": "Boxbrunner Str. 20a",
|
||
"postalCode": "63916",
|
||
"addressLocality": "Amorbach",
|
||
"addressCountry": "DE"
|
||
},
|
||
"openingHoursSpecification": [
|
||
{ "@type": "OpeningHoursSpecification", "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"], "opens": "09:00", "closes": "18:00" },
|
||
{ "@type": "OpeningHoursSpecification", "dayOfWeek": ["Saturday"], "opens": "10:00", "closes": "13:00" }
|
||
],
|
||
"sameAs": ["https://www.youtube.com/@hifiplanet2812"]
|
||
}
|
||
</script>
|
||
</head>
|
||
<body class="bg-white text-slate-900 dark:bg-slate-950 dark:text-slate-100">
|
||
<div id="root"></div>
|
||
<script type="module" src="/src/main.jsx"></script>
|
||
</body>
|
||
</html>
|