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="faq" class="border-t border-brand-border/70 bg-brand-primarySoft/10">
<div class="mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 py-16 sm:py-20 space-y-10">
<section id="faq" class="border-t border-brand-border/60 bg-brand-primarySoft/10 py-16 sm:py-20">
<div class="px-4 sm:px-6 lg:px-8">
<div class="section-shell space-y-10">
<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="faq_kicker">
FAQ
</p>
<h2 class="font-heading text-2xl sm:text-3xl font-bold text-white" data-i18n="faq_title">
<h2 class="font-heading text-2xl sm:text-3xl font-bold text-brand-text" data-i18n="faq_title">
Häufige Fragen zu USBCheck
</h2>
<p class="text-sm sm:text-base text-brand-muted" data-i18n="faq_intro">
@@ -13,7 +14,7 @@
</div>
<div class="space-y-4 text-sm text-brand-muted">
<details class="group rounded-xl2 border border-brand-border bg-brand-surface/80 px-5 py-4">
<details class="group card-frame">
<summary class="flex cursor-pointer list-none items-center justify-between gap-4">
<span class="font-semibold text-brand-text" data-i18n="faq_q1">Ist der Schnelltest wirklich komplett im Browser?</span>
<span class="ml-auto text-brand-muted group-open:hidden">+</span>
@@ -24,7 +25,7 @@
</div>
</details>
<details class="group rounded-xl2 border border-brand-border bg-brand-surface/80 px-5 py-4">
<details class="group card-frame">
<summary class="flex cursor-pointer list-none items-center justify-between gap-4">
<span class="font-semibold text-brand-text" data-i18n="faq_q2">Brauche ich ein Konto, um den Schnelltest zu benutzen?</span>
<span class="ml-auto text-brand-muted group-open:hidden">+</span>
@@ -35,7 +36,7 @@
</div>
</details>
<details class="group rounded-xl2 border border-brand-border bg-brand-surface/80 px-5 py-4">
<details class="group card-frame">
<summary class="flex cursor-pointer list-none items-center justify-between gap-4">
<span class="font-semibold text-brand-text" data-i18n="faq_q3">Kann USBCheck jeden Fake-Stick sicher erkennen?</span>
<span class="ml-auto text-brand-muted group-open:hidden">+</span>
@@ -46,7 +47,7 @@
</div>
</details>
<details class="group rounded-xl2 border border-brand-border bg-brand-surface/80 px-5 py-4">
<details class="group card-frame">
<summary class="flex cursor-pointer list-none items-center justify-between gap-4">
<span class="font-semibold text-brand-text" data-i18n="faq_q4">Wie fügt sich das Tool in mein bestehendes System ein?</span>
<span class="ml-auto text-brand-muted group-open:hidden">+</span>
@@ -57,5 +58,6 @@
</div>
</details>
</div>
</div>
</div>
</section>