x-web.static-page ist jetzt host-aware: Auf der pressekonto-Domain laden Utility-Bar + Hub-Header/-Footer (inkl. Kontakt- und Widerrufs-Modal, damit die Footer-Buttons ueberall funktionieren) statt des Spoke-Geruests; Breadcrumb fuehrt zur Hub-Landing. Hub-Anker-Navigation (#tarife/#funktion/#familie/#faq) absolut auf die Landing, damit sie auch von Unterseiten aus funktioniert. Spokes unveraendert (Test). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
72 lines
3.4 KiB
PHP
72 lines
3.4 KiB
PHP
@props([
|
|
'navigation' => null,
|
|
'brand' => null,
|
|
])
|
|
|
|
@php
|
|
$themeKey = config('app.theme', 'pressekonto');
|
|
$brand =
|
|
$brand ??
|
|
config('domains.domains.' . $themeKey . '.brand', [
|
|
'name' => 'presse',
|
|
'accent' => 'konto',
|
|
'tagline_short' => 'Publisher · Hub',
|
|
]);
|
|
$brandTagline = $brand['tagline_short'] ?? 'Publisher · Hub';
|
|
|
|
// Absolute Anker auf die Landing, damit die Navigation auch von den
|
|
// statischen Unterseiten (Impressum, AGB, API …) aus funktioniert.
|
|
$navigation = $navigation ?? [
|
|
['label' => 'Tarife', 'href' => route('home').'#tarife'],
|
|
['label' => 'So funktioniert es', 'href' => route('home').'#funktion'],
|
|
['label' => 'Plattform-Familie', 'href' => route('home').'#familie'],
|
|
['label' => 'FAQ', 'href' => route('home').'#faq'],
|
|
];
|
|
@endphp
|
|
|
|
<header class="bg-bg-elev border-b border-bg-rule">
|
|
<div class="max-w-layout mx-auto px-8 py-[18px] grid items-center gap-6" style="grid-template-columns:auto 1fr auto;">
|
|
|
|
<a href="{{ route('home') }}" class="flex items-baseline gap-2.5 cursor-pointer group"
|
|
aria-label="pressekonto Startseite">
|
|
<span class="text-[24px] font-bold tracking-[-0.5px] leading-none text-hub">
|
|
<x-web.brand-mark brand="pressekonto" :serif="false" />
|
|
</span>
|
|
<span class="hidden md:inline-block w-px h-[18px] bg-bg-rule"></span>
|
|
<span class="eyebrow muted text-[9.5px] tracking-[0.22em]">{{ $brandTagline }}</span>
|
|
</a>
|
|
|
|
<nav class="hidden lg:flex items-center justify-center gap-1 text-[13.5px] font-medium">
|
|
@foreach ($navigation as $item)
|
|
<a href="{{ $item['href'] }}"
|
|
class="px-3.5 py-2 text-ink-2 hover:text-hub transition-colors">{{ $item['label'] }}</a>
|
|
@endforeach
|
|
</nav>
|
|
|
|
<div class="flex items-center gap-2">
|
|
@auth
|
|
<a href="{{ \App\Support\LoginRedirect::homeFor(auth()->user()) }}"
|
|
class="inline-flex items-center gap-2 px-[18px] py-2.5 text-[13px] font-semibold text-white bg-hub hover:bg-hub-2 rounded-[4px] transition-colors">
|
|
Zum pressekonto
|
|
<svg width="11" height="11" viewBox="0 0 12 12" fill="none">
|
|
<path d="M3 9L9 3M9 3H4M9 3v5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round" />
|
|
</svg>
|
|
</a>
|
|
@else
|
|
<a href="{{ route('login') }}"
|
|
class="inline-flex items-center gap-2 px-4 py-2.5 text-[13px] font-semibold text-ink rounded-[4px] hover:bg-bg transition-colors">
|
|
Anmelden
|
|
</a>
|
|
<a href="{{ route('register') }}"
|
|
class="inline-flex items-center gap-2 px-[18px] py-2.5 text-[13px] font-semibold text-white bg-hub hover:bg-hub-2 rounded-[4px] transition-colors">
|
|
Konto erstellen
|
|
<svg width="11" height="11" viewBox="0 0 12 12" fill="none">
|
|
<path d="M3 9L9 3M9 3H4M9 3v5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round" />
|
|
</svg>
|
|
</a>
|
|
@endauth
|
|
</div>
|
|
</div>
|
|
</header>
|