layout
This commit is contained in:
@@ -1,10 +1,11 @@
|
||||
<section id="problem" 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="problem" 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="problem_kicker">
|
||||
Why fake USB sticks are dangerous
|
||||
</p>
|
||||
<h2 class="font-heading text-2xl sm:text-3xl font-bold text-white" data-i18n="problem_title">
|
||||
<h2 class="font-heading text-2xl sm:text-3xl font-bold text-brand-text" data-i18n="problem_title">
|
||||
Gefälschte USB-Sticks kosten Geld – und im schlimmsten Fall deine Daten.
|
||||
</h2>
|
||||
<p class="text-sm sm:text-base text-brand-muted" data-i18n="problem_p1">
|
||||
@@ -16,19 +17,19 @@
|
||||
</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="problem_card1_title">Verlust wichtiger Dateien</h3>
|
||||
<p data-i18n="problem_card1_text">
|
||||
Fotos, Projektdateien, Backups – alles kann betroffen sein, wenn der Stick weniger speichert als behauptet. Defekte Sektoren bleiben oft unbemerkt, bis es zu spät ist.
|
||||
</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="problem_card2_title">Kosten durch defekte Chargen</h3>
|
||||
<p data-i18n="problem_card2_text">
|
||||
Unternehmen, Reseller und Agenturen verteilen USB-Sticks oft in großer Stückzahl. Fakes bedeuten Reklamationen, Imageschaden und erneute Produktionskosten.
|
||||
</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="problem_card3_title">Unsichere Performance</h3>
|
||||
<p data-i18n="problem_card3_text">
|
||||
Langsame Controller, instabile Firmware und schwankende Schreibraten sind typisch für Fake-Sticks. Das erhöht das Risiko von Fehlern – besonders bei großen Dateien.
|
||||
@@ -37,4 +38,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user