14 lines
1.2 KiB
Plaintext
14 lines
1.2 KiB
Plaintext
<section data-block="scifi-clean:schematic_hero" class="relative overflow-hidden bg-grid">
|
|
{% if image %}<div class="absolute inset-0 z-0"><img src="{{ image }}" alt="" class="w-full h-full object-cover opacity-25"></div>{% endif %}
|
|
<div class="scrim relative z-10">
|
|
<div class="max-w-6xl mx-auto px-4 py-24 md:py-32">
|
|
{% if kicker %}<div class="scifi-mono uppercase tracking-widest text-xs text-accent mb-4">{{ kicker }}</div>{% endif %}
|
|
<h1 class="scifi-h1 font-medium tracking-tight text-foreground" style="font-family: var(--font-heading); font-size: clamp(3rem, 6vw, 5rem); line-height: 1.05;">{% if title %}{{ title }}{% else %}Untitled mission{% endif %}</h1>
|
|
<div class="mt-8 flex flex-wrap gap-3">
|
|
{% if primaryCta.text and primaryCta.href %}<a href="{{ primaryCta.href }}" class="scifi-mono uppercase tracking-widest text-xs px-5 py-3 bg-primary text-primary-foreground scifi-chevron scifi-focus">{{ primaryCta.text }}</a>{% endif %}
|
|
{% if secondaryCta.text and secondaryCta.href %}<a href="{{ secondaryCta.href }}" class="scifi-mono uppercase tracking-widest text-xs px-5 py-3 hairline text-foreground scifi-chevron scifi-focus">{{ secondaryCta.text }}</a>{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|