web: Transparenz-Navigation ueber der Headline der Preisseite (Roadmap 2.4)
x-web.transparency-nav (Label + drei Chips) statt der kleinen Zeile unter dem USt-Hinweis; Komponente kennt `current` fuer spaetere Wiederverwendung. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
106edb1384
commit
c96c8a6e45
5 changed files with 47 additions and 4 deletions
30
resources/views/components/web/transparency-nav.blade.php
Normal file
30
resources/views/components/web/transparency-nav.blade.php
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
@props([
|
||||
'current' => null,
|
||||
])
|
||||
|
||||
@php
|
||||
// Roadmap 2.4: die drei Transparenzseiten als kleine horizontale
|
||||
// Navigation — auf der Preisseite über der Headline, damit die Antworten
|
||||
// auf „Was kostet das?", „Geht das ohne Abo?" und „Wie werde ich es wieder
|
||||
// los?" neben den Tarifen stehen.
|
||||
$items = [
|
||||
'was-kostet-eine-pressemitteilung' => __('pricing.transparency_nav.cost'),
|
||||
'pressemitteilung-veroeffentlichen-ohne-abo' => __('pricing.transparency_nav.no_subscription'),
|
||||
'pressemitteilung-loeschen-oder-aendern-lassen' => __('pricing.transparency_nav.change_delete'),
|
||||
];
|
||||
@endphp
|
||||
|
||||
<nav {{ $attributes->merge(['class' => 'flex items-center gap-x-4 gap-y-2 flex-wrap']) }} aria-label="{{ __('pricing.transparency_nav.label') }}">
|
||||
<span class="eyebrow muted text-[10px]">{{ __('pricing.transparency_nav.label') }}</span>
|
||||
<ul class="m-0 p-0 list-none flex flex-wrap gap-1.5">
|
||||
@foreach ($items as $routeName => $label)
|
||||
<li>
|
||||
@if ($routeName === $current)
|
||||
<span class="inline-flex items-center px-3 py-1.5 text-[12.5px] font-semibold border border-brand bg-brand text-white" aria-current="page">{{ $label }}</span>
|
||||
@else
|
||||
<a href="{{ route($routeName) }}" class="inline-flex items-center px-3 py-1.5 text-[12.5px] font-semibold border border-bg-rule-strong bg-white text-ink hover:bg-bg-elev transition-colors">{{ $label }} →</a>
|
||||
@endif
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</nav>
|
||||
Loading…
Add table
Add a link
Reference in a new issue