ac340d125c
Certificate manager built on Laravel 13, Livewire 4, and Flux. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
51 lines
4.2 KiB
PHP
51 lines
4.2 KiB
PHP
<footer class="border-t border-slate-200 bg-slate-50 dark:border-slate-800 dark:bg-slate-950">
|
|
<div class="mx-auto max-w-7xl px-4 py-14 sm:px-6 lg:px-8">
|
|
<div class="grid gap-10 md:grid-cols-4">
|
|
<div class="md:col-span-2">
|
|
<a href="{{ route('home') }}" class="flex items-center gap-2.5">
|
|
<span class="flex size-8 items-center justify-center rounded-lg bg-gradient-to-br from-emerald-500 to-teal-600">
|
|
<svg class="size-4.5 text-white" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z" />
|
|
</svg>
|
|
</span>
|
|
<span class="text-base font-semibold tracking-tight text-slate-900 dark:text-white">Certified</span>
|
|
</a>
|
|
<p class="mt-4 max-w-sm text-sm leading-relaxed text-slate-500 dark:text-slate-400">
|
|
De veilige certificaatmanager voor organisaties die met gevoelige persoonsgegevens werken. Gebouwd en gehost in Europa.
|
|
</p>
|
|
<div class="mt-5 flex items-center gap-2 text-xs font-medium text-slate-500 dark:text-slate-400">
|
|
<span class="inline-flex items-center gap-1.5 rounded-full border border-slate-200 bg-white px-2.5 py-1 dark:border-slate-700 dark:bg-slate-900">
|
|
<span class="size-1.5 rounded-full bg-emerald-500"></span> AVG / GDPR-proof
|
|
</span>
|
|
<span class="inline-flex items-center gap-1.5 rounded-full border border-slate-200 bg-white px-2.5 py-1 dark:border-slate-700 dark:bg-slate-900">
|
|
🇪🇺 100% Europese hosting
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<nav aria-label="Product">
|
|
<h3 class="text-sm font-semibold text-slate-900 dark:text-white">Product</h3>
|
|
<ul class="mt-4 space-y-3 text-sm">
|
|
<li><a href="{{ route('home') }}#features" class="text-slate-500 transition-colors hover:text-emerald-600 dark:text-slate-400 dark:hover:text-emerald-400">Features</a></li>
|
|
<li><a href="{{ route('marketing.security') }}" class="text-slate-500 transition-colors hover:text-emerald-600 dark:text-slate-400 dark:hover:text-emerald-400">Security & privacy</a></li>
|
|
<li><a href="{{ route('marketing.pricing') }}" class="text-slate-500 transition-colors hover:text-emerald-600 dark:text-slate-400 dark:hover:text-emerald-400">Pricing</a></li>
|
|
<li><a href="{{ route('login') }}" class="text-slate-500 transition-colors hover:text-emerald-600 dark:text-slate-400 dark:hover:text-emerald-400">Login</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<nav aria-label="Juridisch">
|
|
<h3 class="text-sm font-semibold text-slate-900 dark:text-white">Juridisch</h3>
|
|
<ul class="mt-4 space-y-3 text-sm">
|
|
<li><a href="#" class="text-slate-500 transition-colors hover:text-emerald-600 dark:text-slate-400 dark:hover:text-emerald-400">Privacyverklaring</a></li>
|
|
<li><a href="#" class="text-slate-500 transition-colors hover:text-emerald-600 dark:text-slate-400 dark:hover:text-emerald-400">Verwerkersovereenkomst</a></li>
|
|
<li><a href="#" class="text-slate-500 transition-colors hover:text-emerald-600 dark:text-slate-400 dark:hover:text-emerald-400">Algemene voorwaarden</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="mt-12 flex flex-col items-center justify-between gap-4 border-t border-slate-200 pt-8 sm:flex-row dark:border-slate-800">
|
|
<p class="text-sm text-slate-500 dark:text-slate-400">© {{ date('Y') }} Certified. Alle rechten voorbehouden.</p>
|
|
<p class="text-sm text-slate-400 dark:text-slate-500">Gemaakt in Nederland 🇳🇱</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|