26 lines
2.1 KiB
PHP
26 lines
2.1 KiB
PHP
<!--Header -->
|
|
<header class="print:hidden fixed px-2 py-2 sm:px-6 sm:py-6 mx-auto top-0 left-0 right-0 bg-[url('@/images/Bilder/background-paper.jpg')] h-[87px] z-[120]">
|
|
<div class="max-w-7xl w-full mx-auto relative flex items-center">
|
|
<a href="{{ route('home') }}" class="inline-block mx-auto absolute left-0 right-0 top-0 "><img src="{{ Vite::asset('resources/assets/images/Icons/logo-nature-respect.svg') }}" alt="Unternehmenslogo" class="w-16 sm:w-[120px] block mx-auto"></a>
|
|
<nav class="text-lg text-braun absolute right-8 sm:right-12 flex items-center top-[8px]">
|
|
<a id="menu-burger-link" href="#" class="md:mr-7 font-hobo font-semibold text-p-lg inline-flex items-center"><img class="w-4 mr-4" src="{{ Vite::asset('resources/assets/images/Icons/menu-burger.svg') }}">{{ __('Menu') }}</a>
|
|
@push('scripts')
|
|
<script nonce="{{ $nonce }}">
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
document.getElementById('menu-burger-link').addEventListener('click', () => toggleMobileMenuOpen());
|
|
});
|
|
</script>
|
|
@endpush
|
|
<a href="https://www.instagram.com/nature_and_respect/" class="hidden sm:inline-block mr-2 ml-[36px]" target="_blank"><img src="{{ Vite::asset('resources/assets/images/Icons/instagram-icon.svg') }}" alt="Instagram" class="w-8"></a>
|
|
<a href="https://www.pinterest.de/natureandrespect" class="hidden sm:inline-block mr-0" target="_blank"><img src="{{ Vite::asset('resources/assets/images/Icons/pinterest-icon.svg') }}" alt="Pinterest" class="w-8"></a>
|
|
<div class="ml-4 font-hobo text-p-lg hidden lg:inline-block">
|
|
@foreach (config('app.locales') as $locale)
|
|
@if (!$loop->first)
|
|
|
|
|
@endif
|
|
<a href="{{ Route::localizedUrl($locale) }}" class="@if (app()->currentLocale() === $locale) text-hellgruen @endif">{{ Str::upper($locale) }}</a>
|
|
@endforeach
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|