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:
Kevin Adametz 2026-09-17 12:12:22 +00:00
parent 106edb1384
commit c96c8a6e45
5 changed files with 47 additions and 4 deletions

View 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>