layout
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
<section id="faq" class="border-t border-brand-border/60 bg-brand-primarySoft/10 py-16 sm:py-20">
|
||||
<section id="faq" class="section-band section-band--soft border-t border-brand-border/60 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">
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<section id="features" class="border-t border-brand-border/60 bg-brand-primarySoft/20 py-16 sm:py-20">
|
||||
<section id="features" class="section-band section-band--soft border-t border-brand-border/60 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">
|
||||
|
||||
@@ -1,9 +1,8 @@
|
||||
<section id="hero" class="relative overflow-hidden">
|
||||
<div class="absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(58,111,248,0.18),_transparent_55%),radial-gradient(circle_at_bottom,_rgba(255,183,134,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-16 sm:py-24 flex flex-col lg:flex-row gap-10 items-center">
|
||||
<section id="hero" class="hero-section relative overflow-hidden">
|
||||
<div class="relative px-4 sm:px-6 lg:px-8">
|
||||
<div class="section-shell hero-shell items-center">
|
||||
<!-- Left: Text -->
|
||||
<div class="flex-1 space-y-7">
|
||||
<div class="hero-copy space-y-7">
|
||||
<p class="text-xs font-heading font-semibold tracking-[0.3em] uppercase text-brand-primary" data-i18n="hero_kicker">
|
||||
Detect fake USB sticks before you lose data
|
||||
</p>
|
||||
@@ -50,7 +49,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Right: Card (Teaser Quickcheck) -->
|
||||
<div class="flex-1 w-full max-w-xl">
|
||||
<div class="hero-preview w-full">
|
||||
<div class="quick-preview-card space-y-6">
|
||||
<div class="quick-preview-header">
|
||||
<div>
|
||||
@@ -117,5 +116,6 @@
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<section id="how" class="border-t border-brand-border/60 bg-brand-primarySoft/30 py-16 sm:py-20">
|
||||
<section id="how" class="section-band section-band--soft border-t border-brand-border/60 py-16 sm:py-20">
|
||||
<div class="px-4 sm:px-6 lg:px-8">
|
||||
<div class="section-shell grid gap-10 lg:grid-cols-[1.2fr,1fr]">
|
||||
<div class="space-y-6">
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<section id="problem" class="border-t border-brand-border/60 bg-brand-primarySoft/20 py-16 sm:py-20">
|
||||
<section id="problem" class="section-band section-band--reverse border-t border-brand-border/60 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">
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<section id="security" class="border-t border-brand-border/60 bg-brand-primarySoft/20 py-16 sm:py-20">
|
||||
<section id="security" class="section-band section-band--reverse border-t border-brand-border/60 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">
|
||||
|
||||
Reference in New Issue
Block a user