26 lines
2 KiB
PHP
26 lines
2 KiB
PHP
<section class="px-4 pb-20 sm:px-6 sm:pb-24" aria-label="{{ __('Aan de slag') }}">
|
|
<div class="relative mx-auto max-w-6xl overflow-hidden rounded-3xl bg-gradient-to-br from-emerald-600 via-emerald-700 to-teal-800 px-6 py-16 text-center shadow-2xl shadow-emerald-900/30 sm:px-16 sm:py-20">
|
|
<div class="pointer-events-none absolute inset-0 bg-grid-slate opacity-20" aria-hidden="true"></div>
|
|
<div class="pointer-events-none absolute -top-24 left-1/2 size-96 -translate-x-1/2 rounded-full bg-emerald-400/30 blur-3xl" aria-hidden="true"></div>
|
|
|
|
<div class="relative">
|
|
<h2 class="mx-auto max-w-2xl text-3xl font-bold tracking-tight text-white sm:text-4xl">
|
|
{{ __('Regel het vandaag nog. Niet pas als het te laat is.') }}
|
|
</h2>
|
|
<p class="mx-auto mt-4 max-w-xl text-lg leading-relaxed text-emerald-100">
|
|
{{ __('Binnen tien minuten staan je eerste certificaten in Certified — inclusief automatische reminders. Start gratis met maximaal 5 certificaten.') }}
|
|
</p>
|
|
<div class="mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row">
|
|
<a
|
|
href="{{ route('register') }}"
|
|
class="w-full rounded-xl bg-white px-8 py-3.5 text-base font-semibold text-emerald-800 shadow-lg transition-all duration-200 hover:-translate-y-0.5 hover:bg-emerald-50 hover:shadow-xl active:translate-y-0 sm:w-auto"
|
|
>{{ __('Start gratis') }}</a>
|
|
<a
|
|
href="{{ route('marketing.pricing') }}"
|
|
class="w-full rounded-xl border border-emerald-300/40 px-8 py-3.5 text-base font-semibold text-white transition-colors duration-200 hover:border-emerald-200 hover:bg-white/10 sm:w-auto"
|
|
>{{ __('Bekijk de prijzen') }}</a>
|
|
</div>
|
|
<p class="mt-6 text-sm text-emerald-200/80">{{ __('Gratis tot 5 certificaten') }} · {{ __('Geen creditcard nodig') }} · {{ __('Opzeggen wanneer je wilt') }}</p>
|
|
</div>
|
|
</div>
|
|
</section>
|