Certified/resources/views/marketing/partials/footer.blade.php
2026-08-04 10:18:10 +02:00

48 lines
4 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">
<x-brand-mark size="sm" />
<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 plek waar je zelf al je certificaten, diploma's en VOG's beheert. 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('verify.show') }}" class="text-slate-500 transition-colors hover:text-emerald-600 dark:text-slate-400 dark:hover:text-emerald-400">{{ __('Verify a certificate') }}</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="{{ route('marketing.privacy') }}" 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="{{ route('marketing.dpa') }}" 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="{{ route('marketing.terms') }}" 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">&copy; {{ 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>