39 lines
1.6 KiB
PHP
39 lines
1.6 KiB
PHP
@props([
|
|
'theme' => 'presseecho',
|
|
'items' => [],
|
|
])
|
|
|
|
@php
|
|
$defaultItems = [
|
|
'presseecho' => [
|
|
['label' => 'Themendossiers', 'url' => '/themendossiers'],
|
|
['label' => 'Fachbereiche', 'url' => '/fachbereiche'],
|
|
['label' => 'Experten', 'url' => '/experten'],
|
|
],
|
|
'businessportal24' => [
|
|
['label' => 'Unternehmen', 'url' => '/unternehmen'],
|
|
['label' => 'Branchen', 'url' => '/branchen'],
|
|
['label' => 'Regionen', 'url' => '/regionen'],
|
|
],
|
|
];
|
|
|
|
$navItems = !empty($items) ? $items : ($defaultItems[$theme] ?? $defaultItems['presseecho']);
|
|
@endphp
|
|
|
|
<nav class="sticky top-0 z-40 bg-white dark:bg-zinc-900 border-b border-zinc-200 dark:border-zinc-800 shadow-sm backdrop-blur-sm transition-colors duration-200">
|
|
<div class="container mx-auto px-4">
|
|
<div class="flex items-center justify-center gap-8 h-14">
|
|
@foreach($navItems as $index => $item)
|
|
@if($index > 0)
|
|
<span class="text-zinc-300 dark:text-zinc-700">|</span>
|
|
@endif
|
|
<a href="{{ $item['url'] }}"
|
|
class="main-nav-link text-sm font-medium text-zinc-700 dark:text-zinc-300 hover:text-[var(--color-primary)] dark:hover:text-[var(--color-secondary)] transition-colors relative group py-4">
|
|
{{ $item['label'] }}
|
|
<span class="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[var(--color-primary)] to-[var(--color-secondary)] group-hover:w-full transition-all duration-300"></span>
|
|
</a>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|