fakecheck
This commit is contained in:
@@ -1,13 +1,14 @@
|
||||
<section id="hero" class="relative overflow-hidden border-b border-brand-border/70">
|
||||
<div class="absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(8,47,73,0.45),_transparent_60%)] pointer-events-none"></div>
|
||||
<section id="hero" class="hero-section relative overflow-hidden border-b border-brand-border/70">
|
||||
<div class="absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(8,47,73,0.35),_transparent_60%)] pointer-events-none"></div>
|
||||
|
||||
<div class="relative mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 py-14 sm:py-20 flex flex-col lg:flex-row gap-10 items-center">
|
||||
<div class="relative px-4 sm:px-6 lg:px-8 py-14 sm:py-20">
|
||||
<div class="section-shell hero-shell items-center">
|
||||
<!-- Left: Text -->
|
||||
<div class="flex-1 space-y-6">
|
||||
<div class="hero-copy space-y-6">
|
||||
<p class="text-xs font-heading font-semibold tracking-[0.3em] uppercase text-brand-primary" data-i18n="fake_hero_kicker">
|
||||
FakeCheck – Browser-Modus
|
||||
</p>
|
||||
<h1 class="font-heading text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tight text-white" data-i18n="fake_hero_title">
|
||||
<h1 class="font-heading text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tight text-brand-text" data-i18n="fake_hero_title">
|
||||
Ist mein USB-Stick fake?
|
||||
</h1>
|
||||
<p class="text-base sm:text-lg text-brand-muted max-w-xl" data-i18n="fake_hero_lead">
|
||||
@@ -35,9 +36,9 @@
|
||||
</div>
|
||||
|
||||
<!-- Right: Explainer -->
|
||||
<div class="flex-1 max-w-md w-full">
|
||||
<div class="rounded-2xl border border-brand-border bg-brand-surface/80 p-5 sm:p-6 shadow-soft space-y-4">
|
||||
<h2 class="font-heading text-lg sm:text-xl font-semibold text-white" data-i18n="fake_box_title">
|
||||
<div class="hero-preview w-full">
|
||||
<div class="card-frame card-frame--soft space-y-4">
|
||||
<h2 class="font-heading text-lg sm:text-xl font-semibold text-brand-text" data-i18n="fake_box_title">
|
||||
Was der Browser-Test leisten kann
|
||||
</h2>
|
||||
<ul class="space-y-3 text-sm text-brand-muted">
|
||||
@@ -71,5 +72,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user