layout
This commit is contained in:
@@ -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 & 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>
|
||||
|
||||
Reference in New Issue
Block a user