Bernt
bae705aa97
- Add NFC ePassport roadmap (ICAO 9303, eIDAS) - Add TensorFlow.js edge face detection (BlazeFace) - Add structured audit logger (GDPR-compliant) - Risk scoring support Part of KYC Apple Native UX v1.1.0
89 lines
5.6 KiB
HTML
89 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Brückeninspektion Deutschland — quiXzoom</title>
|
|
<meta name="description" content="Professionelle Brückeninspektion in Deutschland. DIN-konforme Berichte. Schnelle Inspektion durch verifizierte Zoomer.">
|
|
<link rel="canonical" href="https://quixzoom.de/bridge-inspection/">
|
|
<link rel="alternate" hreflang="de" href="https://quixzoom.de/bridge-inspection/">
|
|
<link rel="alternate" hreflang="sv" href="https://quixzoom.se/bridge-inspection/">
|
|
<link rel="alternate" hreflang="en-gb" href="https://quixzoom.co.uk/bridge-inspection/">
|
|
<style>
|
|
:root{--qx-black:#0a0a0a;--qx-white:#FFFFFF;--qx-blue:#0066FF;--qx-green:#00C853;--font:-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif}
|
|
*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--qx-white);color:var(--qx-black);line-height:1.6}
|
|
.container{max-width:1100px;margin:0 auto;padding:0 24px}
|
|
.nav{position:sticky;top:0;background:rgba(10,10,10,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.07);height:58px;display:flex;align-items:center}
|
|
.nav-inner{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:0 24px}
|
|
.nav-logo{color:var(--qx-white);font-size:1.3rem;font-weight:800;text-decoration:none}
|
|
.nav-logo span{color:var(--qx-blue)}
|
|
.hero{background:var(--qx-black);color:var(--qx-white);padding:96px 24px 80px;text-align:center}
|
|
h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;margin-bottom:20px}
|
|
.hero-sub{font-size:clamp(1rem,2vw,1.25rem);color:rgba(255,255,255,.65);max-width:600px;margin:0 auto 36px}
|
|
.btn-primary{background:var(--qx-blue);color:var(--qx-white);padding:15px 36px;border-radius:28px;font-size:1.0625rem;font-weight:700;text-decoration:none;display:inline-block}
|
|
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:80px 24px}
|
|
.feature-card{background:#f5f5f7;border-radius:16px;padding:32px 28px}
|
|
.feature-icon{font-size:2rem;margin-bottom:16px}
|
|
.feature-title{font-size:1.125rem;font-weight:800;margin-bottom:8px}
|
|
.feature-desc{color:#666;font-size:.9375rem;line-height:1.6}
|
|
.cta-section{background:var(--qx-blue);color:var(--qx-white);padding:80px 24px;text-align:center}
|
|
.cta-section h2{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;margin-bottom:16px}
|
|
footer{background:#1a1a1a;color:rgba(255,255,255,.5);padding:40px 24px;text-align:center;font-size:.875rem}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="nav" aria-label="Hauptnavigation">
|
|
<div class="nav-inner">
|
|
<a class="nav-logo" href="https://quixzoom.de/">quiX<span>zoom</span></a>
|
|
</div>
|
|
</nav>
|
|
|
|
<main>
|
|
<section class="hero">
|
|
<div class="container">
|
|
<h1>Brückeninspektion in Deutschland</h1>
|
|
<p class="hero-sub">Verifizierte Zoomer inspizieren Brücken in ganz Deutschland. DIN-konforme Berichte mit Foto, Video und Geolokation.</p>
|
|
<a href="https://app.quixzoom.com/join" class="btn-primary">Inspektion buchen →</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="features">
|
|
<div class="feature-card">
|
|
<div class="feature-icon"><svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg></div>
|
|
<h3 class="feature-title">Foto & Video</h3>
|
|
<p class="feature-desc">Hochauflösende Bilder und 4K-Video aus allen Winkeln. Dokumentation nach DIN-Richtlinien.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon"><svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg></div>
|
|
<h3 class="feature-title">Geolokation</h3>
|
|
<p class="feature-desc">Jedes Bild ist GPS-getaggt. Exakte Position für jede Beobachtung. Koordinaten in UTM.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon"><svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg></div>
|
|
<h3 class="feature-title">Schnelle Inspektion</h3>
|
|
<p class="feature-desc">Zoomer werden innerhalb von 48 Stunden aktiviert. Bericht innerhalb von 72 Stunden.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon"><svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div>
|
|
<h3 class="feature-title">Qualitätsgesichert</h3>
|
|
<p class="feature-desc">AI-Prüfung + manuelle Kontrolle. Genehmigt oder Geld zurück.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="cta-section">
|
|
<div class="container">
|
|
<h2>Müssen Sie eine Brücke inspizieren?</h2>
|
|
<p style="font-size:1.125rem;opacity:.8;margin-bottom:32px">Ab 250 € pro Brücke. Keine Anlaufkosten.</p>
|
|
<a href="https://app.quixzoom.com/join" class="btn-primary" style="background:var(--qx-white);color:var(--qx-blue)">Loslegen →</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<p>© 2026 quiXzoom AB · <a href="https://quixzoom.de/" style="color:rgba(255,255,255,.5)">quixzoom.de</a></p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|