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
54 lines
5.2 KiB
HTML
54 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Baudokumentation Deutschland — quiXzoom</title>
|
|
<meta name="description" content="quiXzoom Baudokumentation in Deutschland. Verfolgen Sie Bauprojekte mit regelmäßigen Foto und Video. Verifizierte Zoomer dokumentieren Fortschritte.">
|
|
<link rel="canonical" href="https://quixzoom.de/construction-progress/">
|
|
<link rel="alternate" hreflang="de" href="https://quixzoom.de/construction-progress/">
|
|
<style>
|
|
:root{--qx-black:#0a0a0a;--qx-white:#FFFFFF;--qx-blue:#0066FF;--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"><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>Baudokumentation in Deutschland</h1>
|
|
<p class="hero-sub">Verfolgen Sie Bauprojekte mit regelmäßigen Foto und Video. Verifizierte Zoomer dokumentieren Fortschritte jede Woche.</p>
|
|
<a href="https://app.quixzoom.com/join" class="btn-primary">Dokumentation 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="M6 22V8l6-4 6 4v14M6 12h12M6 16h12M6 20h12"/></svg></div><h3 class="feature-title">Wöchentliche Dokumentation</h3><p class="feature-desc">Regelmäßige Besuche jede Woche. Gleiche Winkel für Vergleichbarkeit über Zeit.</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="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. Dokumentieren Sie jede Phase des Bauprojekts.</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">GPS-getaggt</h3><p class="feature-desc">Jedes Bild ist GPS-getaggt. Exakte Position und Zeit für jede Dokumentation.</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="M18 20V10M12 20V4M6 20v-6"/></svg></div><h3 class="feature-title">Zeitlinie</h3><p class="feature-desc">Visuelle Zeitlinie des Bauprojekts. Sehen Sie Fortschritte vom ersten Spatenstich bis zum Einzug.</p></div>
|
|
</section>
|
|
<section class="cta-section"><div class="container">
|
|
<h2>Möchten Sie Ihr Bauvorhaben dokumentieren?</h2>
|
|
<p style="font-size:1.125rem;opacity:.8;margin-bottom:32px">Ab 150 €/Woche. Keine Mindestlaufzeit.</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> |