12-05-2026 Frontend dev

resources/views/components/web/main-navigation.blade.php

@@ -0,0 +1,39 @@
+@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>
+