This commit is contained in:
2025-11-23 23:43:59 +01:00
parent c7803719ab
commit f55d9c4ade
6 changed files with 104 additions and 56 deletions

View File

@@ -1,10 +1,11 @@
<section id="security" class="border-t border-brand-border/70">
<div class="mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 py-16 sm:py-20 space-y-8">
<section id="security" class="border-t border-brand-border/60 bg-brand-primarySoft/20 py-16 sm:py-20">
<div class="px-4 sm:px-6 lg:px-8">
<div class="section-shell space-y-8">
<div class="max-w-3xl space-y-4">
<p class="text-xs font-heading font-semibold tracking-[0.3em] uppercase text-brand-primary" data-i18n="security_kicker">
Security &amp; privacy
</p>
<h2 class="font-heading text-2xl sm:text-3xl font-bold text-white" data-i18n="security_title">
<h2 class="font-heading text-2xl sm:text-3xl font-bold text-brand-text" data-i18n="security_title">
Privacy-first-Design: Deine Testdaten gehören dir.
</h2>
<p class="text-sm sm:text-base text-brand-muted" data-i18n="security_intro">
@@ -13,24 +14,25 @@
</div>
<div class="grid gap-6 md:grid-cols-3 text-sm text-brand-muted">
<div class="rounded-xl2 border border-brand-border bg-brand-surface/80 p-5 space-y-2">
<div class="card-frame space-y-2">
<h3 class="font-semibold text-brand-text" data-i18n="security_card1_title">Local-only Tests</h3>
<p data-i18n="security_card1_text">
Alle Schreib- und Lesetests erfolgen lokal auf deinem USB-Stick. Der Browser greift nur auf die Testdateien zu nicht auf deine privaten Inhalte.
</p>
</div>
<div class="rounded-xl2 border border-brand-border bg-brand-surface/80 p-5 space-y-2">
<div class="card-frame space-y-2">
<h3 class="font-semibold text-brand-text" data-i18n="security_card2_title">Transparente Reports</h3>
<p data-i18n="security_card2_text">
Wenn du dich einloggst, kannst du Testberichte in deinem Account speichern, exportieren oder wieder löschen. Du entscheidest, welche Daten im System bleiben.
</p>
</div>
<div class="rounded-xl2 border border-brand-border bg-brand-surface/80 p-5 space-y-2">
<div class="card-frame space-y-2">
<h3 class="font-semibold text-brand-text" data-i18n="security_card3_title">Schonend für deine Hardware</h3>
<p data-i18n="security_card3_text">
Der Schnelltest arbeitet mit moderaten Datenmengen, um unnötigen Verschleiß zu vermeiden. Der Pro-Modus warnt deutlich, wenn ein Vollscan mit hoher Schreiblast ausgeführt wird.
</p>
</div>
</div>
</div>
</div>
</section>