sitestructure
This commit is contained in:
68
partials/landing/main/features.php
Normal file
68
partials/landing/main/features.php
Normal file
@@ -0,0 +1,68 @@
|
||||
<section id="features" class="border-t border-brand-border/70 bg-brand-primarySoft/20">
|
||||
<div class="mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 py-16 sm:py-20 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="features_kicker">
|
||||
Free & Pro features
|
||||
</p>
|
||||
<h2 class="font-heading text-2xl sm:text-3xl font-bold text-white" data-i18n="features_title">
|
||||
Starte mit dem kostenlosen Schnelltest – wechsle in den Pro-Modus, wenn du mehr brauchst.
|
||||
</h2>
|
||||
<p class="text-sm sm:text-base text-brand-muted" data-i18n="features_intro">
|
||||
USBCheck wächst mit deinen Anforderungen: Private Nutzer brauchen oft nur eine schnelle Einschätzung. Profis möchten tiefer einsteigen, Kapazitäten verifizieren und Reports archivieren. Genau dafür ist der Pro-Modus gedacht.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid gap-6 md:grid-cols-2">
|
||||
<!-- Free -->
|
||||
<div class="rounded-xl2 border border-brand-border bg-brand-surface/90 shadow-soft p-6 space-y-4">
|
||||
<div class="flex items-center justify-between">
|
||||
<h3 class="font-heading text-xl font-semibold text-white" data-i18n="features_free_title">Free Quick Check</h3>
|
||||
<span class="inline-flex items-center rounded-full bg-emerald-500/10 px-3 py-1 text-xs font-semibold text-emerald-400" data-i18n="features_free_badge">
|
||||
Recommended for most users
|
||||
</span>
|
||||
</div>
|
||||
<p class="text-sm text-brand-muted" data-i18n="features_free_text">
|
||||
Ideal für alle, die schnell prüfen möchten, ob ein USB-Stick zumindest grundlegend performant und stabil arbeitet – ganz ohne Installation.
|
||||
</p>
|
||||
<ul class="mt-2 space-y-2 text-sm text-brand-muted">
|
||||
<li data-i18n="features_free_li1">• Browser-basierter Schnelltest direkt auf deinem Stick</li>
|
||||
<li data-i18n="features_free_li2">• Schreib- und Lesegeschwindigkeit mit realen Testdaten</li>
|
||||
<li data-i18n="features_free_li3">• Hash-basierte Integritätsprüfung einer Testmenge</li>
|
||||
<li data-i18n="features_free_li4">• Auswahl verschiedener Teststufen (z. B. 200 MB, 2 GB)</li>
|
||||
<li data-i18n="features_free_li5">• Keine Registrierung erforderlich</li>
|
||||
</ul>
|
||||
<a href="https://usbcheck.it/fakecheck/"
|
||||
class="inline-flex mt-3 items-center text-sm font-semibold text-brand-primary hover:text-blue-300"
|
||||
data-i18n="features_free_cta">
|
||||
Start free quick check
|
||||
<svg class="ml-1 h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
|
||||
<path d="M10.293 3.293a1 1 0 011.414 0L17 8.586a2 2 0 010 2.828l-5.293 5.293a1 1 0 01-1.414-1.414L13.586 11H4a1 1 0 110-2h9.586L10.293 4.707a1 1 0 010-1.414z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Pro -->
|
||||
<div class="rounded-xl2 border border-brand-primary/60 bg-brand-surface shadow-soft p-6 space-y-4">
|
||||
<div class="flex items-center justify-between">
|
||||
<h3 class="font-heading text-xl font-semibold text-white" data-i18n="features_pro_title">Pro Mode</h3>
|
||||
<span class="inline-flex items-center rounded-full bg-brand-primary/10 px-3 py-1 text-xs font-semibold text-brand-primary" data-i18n="features_pro_badge">
|
||||
For power users & teams
|
||||
</span>
|
||||
</div>
|
||||
<p class="text-sm text-brand-muted" data-i18n="features_pro_text">
|
||||
Für alle, die volle Kontrolle brauchen: IT-Abteilungen, Techniker, Refurbisher, Labore oder Unternehmen, die regelmäßig größere Stick-Mengen testen.
|
||||
</p>
|
||||
<ul class="mt-2 space-y-2 text-sm text-brand-muted">
|
||||
<li data-i18n="features_pro_li1">• Tiefenscan der gesamten Kapazität (ähnlich F3 / badblocks)</li>
|
||||
<li data-i18n="features_pro_li2">• Erkennung von Kapazitäts-Fakes und defekten Bereichen</li>
|
||||
<li data-i18n="features_pro_li3">• Detaillierte, speicherbare Testberichte (JSON, PDF)</li>
|
||||
<li data-i18n="features_pro_li4">• Optional: API-Zugriff für automatisierte Testprozesse</li>
|
||||
<li data-i18n="features_pro_li5">• Multi-Device- und Multi-User-Support (über Login-Bereich)</li>
|
||||
</ul>
|
||||
<p class="mt-3 text-xs text-brand-muted/80" data-i18n="features_pro_note">
|
||||
Der Pro-Modus erfordert ein kleines Helfer-Tool auf deinem System. Dieses arbeitet lokal und kann bei Bedarf mit deinem Account auf USBCheck verbunden werden.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user