8749e5f207
Footer: rajouter un lien vers la brochure Footer: rajouter un lien vers Champs Libres Page d'accueil: le premier CTA Essayer la démo doit s'ouvrir dans un fenêtre séparée Prêt à commencer => on va essayer d'être plus inclusif en mettant Prêts ou Prêt.e
57 lines
2.4 KiB
HTML
57 lines
2.4 KiB
HTML
{{ $headline := .Get "headline" }}
|
|
{{ $sub_headline := .Get "sub_headline" }}
|
|
{{ $primary_button_text := .Get "primary_button_text" }}
|
|
{{ $primary_button_url := .Get "primary_button_url" }}
|
|
{{ $secondary_button_text := .Get "secondary_button_text" }}
|
|
{{ $secondary_button_url := .Get "secondary_button_url" }}
|
|
{{ $hero_image := .Get "hero_image" }}
|
|
{{ $background_image := .Get "background_image" }}
|
|
{{ $custom_class := .Get "custom_class" }}
|
|
|
|
<section class="relative overflow-hidden {{ $custom_class }}">
|
|
{{ if $background_image }}
|
|
<div class="absolute inset-0">
|
|
<img src="{{ $background_image | relURL }}" alt="Background" class="w-full h-full object-cover">
|
|
</div>
|
|
{{ end }}
|
|
<div class="container pt-16 pb-20 md:pt-24 md:pb-28">
|
|
<div class="grid lg:grid-cols-2 gap-12 items-center">
|
|
<div class="space-y-8">
|
|
<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight">
|
|
{{ $headline | safeHTML }}
|
|
</h1>
|
|
<p class="text-xl text-gray-200">
|
|
{{ $sub_headline | safeHTML }}
|
|
</p>
|
|
<div class="flex flex-col sm:flex-row gap-4">
|
|
{{ if and $primary_button_text $primary_button_url }}
|
|
<a href="{{ $primary_button_url }}" class="btn-primary text-center" target="_blank">
|
|
{{ $primary_button_text }}
|
|
</a>
|
|
{{ end }}
|
|
{{ if and $secondary_button_text $secondary_button_url }}
|
|
<a href="{{ $secondary_button_url }}" class="btn-outline text-center">
|
|
{{ $secondary_button_text }}
|
|
</a>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
<div class="relative">
|
|
{{ if $hero_image }}
|
|
|
|
<div class="relative z-10">
|
|
<div class="relative w-fit">
|
|
<div class="absolute inset-0 bg-secondary-100 rounded-full filter blur-3xl opacity-50 z-0">
|
|
</div>
|
|
<img src="{{ $hero_image | relURL }}" alt="Hero Image"
|
|
class="rounded-xl shadow-elevation relative z-10">
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
<!-- Background decoration -->
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |