R2.2/R2.3 (Web): Hub-Landing live-faehig - datengetriebene Tarife, ehrliche Inhalte

- Tarif-Grid aus Plan::active() (Preise/Kontingente/Limits/Vorteile wie
  Buchungsseite + admin/payments/plans), Alpine-Toggle monatlich/jaehrlich
- Fake-Katalog (0/49/149 Euro, Standard/Enterprise-Featureliste mit
  SSO/SLA/ISO-Claims) ersetzt; Enterprise = ehrliche Anfrage-Zeile
- Fake-Kundenliste (Siemens/BASF/...) und erfundene Kennzahlen raus;
  Plattform-Zahlen jetzt echt aus HubPageData
- Alle href="#" beseitigt: Footer-Rechtslinks auf /de/*-Seiten,
  Kontakt als mailto, Status/Doku/Changelog-Eintraege entfernt
- Unhaltbare Claims entschaerft (14-Tage-Test, 4h-Pruefzeit, sekundengenau,
  anteilige Erstattung, ISO 27001, RSS/Badge/CSV-Features)
- FAQ datengetrieben (Einzel-PM-Preis, ab-Preis aus Katalog, API-Doku-Link)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Kevin Adametz 2026-07-03 09:24:04 +00:00
parent 66190f2407
commit bf817095a3
4 changed files with 180 additions and 427 deletions

View file

@ -8,6 +8,7 @@
$brandTagline = $brand['tagline_short'] ?? 'Publisher · Hub'; $brandTagline = $brand['tagline_short'] ?? 'Publisher · Hub';
$brandTaglineLong = $brand['tagline_long'] ?? 'Der gemeinsame Publisher-Bereich für presseecho und businessportal24.'; $brandTaglineLong = $brand['tagline_long'] ?? 'Der gemeinsame Publisher-Bereich für presseecho und businessportal24.';
$footerLegal = str_replace(':year', (string) now()->year, $brand['footer_legal'] ?? '© ' . now()->year . ' pressekonto'); $footerLegal = str_replace(':year', (string) now()->year, $brand['footer_legal'] ?? '© ' . now()->year . ' pressekonto');
$footerContactEmail = $brand['contact_email'] ?? 'info@pressekonto.com';
@endphp @endphp
<footer class="bg-hub-grad-2 text-ink-on-dark"> <footer class="bg-hub-grad-2 text-ink-on-dark">
@ -41,8 +42,7 @@
<li><a href="{{ route('login') }}" class="hover:text-white transition-colors">Anmelden</a></li> <li><a href="{{ route('login') }}" class="hover:text-white transition-colors">Anmelden</a></li>
<li><a href="{{ route('register') }}" class="hover:text-white transition-colors">Konto erstellen</a></li> <li><a href="{{ route('register') }}" class="hover:text-white transition-colors">Konto erstellen</a></li>
<li><a href="#tarife" class="hover:text-white transition-colors">Tarife</a></li> <li><a href="#tarife" class="hover:text-white transition-colors">Tarife</a></li>
<li><a href="#" class="hover:text-white transition-colors">Vertrieb kontaktieren</a></li> <li><a href="mailto:{{ $footerContactEmail }}" class="hover:text-white transition-colors">Kontakt aufnehmen</a></li>
<li><a href="#" class="hover:text-white transition-colors">Status</a></li>
</ul> </ul>
</div> </div>
@ -50,21 +50,18 @@
<div class="eyebrow on-dark mb-3.5">Plattform</div> <div class="eyebrow on-dark mb-3.5">Plattform</div>
<ul class="space-y-2 text-[13px] text-white/75 list-none p-0 m-0"> <ul class="space-y-2 text-[13px] text-white/75 list-none p-0 m-0">
<li><a href="#funktion" class="hover:text-white transition-colors">So funktioniert es</a></li> <li><a href="#funktion" class="hover:text-white transition-colors">So funktioniert es</a></li>
<li><a href="#" class="hover:text-white transition-colors">Redaktionsrichtlinien</a></li> <li><a href="#familie" class="hover:text-white transition-colors">Die Portale</a></li>
<li><a href="#" class="hover:text-white transition-colors">Dokumentation</a></li> <li><a href="{{ route('docs.api.v1') }}" class="hover:text-white transition-colors">API-Referenz</a></li>
<li><a href="#" class="hover:text-white transition-colors">API-Referenz</a></li>
<li><a href="#" class="hover:text-white transition-colors">Changelog</a></li>
</ul> </ul>
</div> </div>
<div> <div>
<div class="eyebrow on-dark mb-3.5">Rechtliches</div> <div class="eyebrow on-dark mb-3.5">Rechtliches</div>
<ul class="space-y-2 text-[13px] text-white/75 list-none p-0 m-0"> <ul class="space-y-2 text-[13px] text-white/75 list-none p-0 m-0">
<li><a href="#" class="hover:text-white transition-colors">Impressum</a></li> <li><a href="{{ route('impressum', ['edition' => 'de']) }}" class="hover:text-white transition-colors">Impressum</a></li>
<li><a href="#" class="hover:text-white transition-colors">AGB</a></li> <li><a href="{{ route('agb', ['edition' => 'de']) }}" class="hover:text-white transition-colors">AGB</a></li>
<li><a href="#" class="hover:text-white transition-colors">Datenschutz</a></li> <li><a href="{{ route('datenschutz', ['edition' => 'de']) }}" class="hover:text-white transition-colors">Datenschutz</a></li>
<li><a href="#" class="hover:text-white transition-colors">DPA / AV</a></li> <li><a href="{{ route('cookies', ['edition' => 'de']) }}" class="hover:text-white transition-colors">Cookies</a></li>
<li><a href="#" class="hover:text-white transition-colors">Cookie-Einstellungen</a></li>
</ul> </ul>
</div> </div>
</div> </div>
@ -72,10 +69,6 @@
<div class="border-t border-white/15"> <div class="border-t border-white/15">
<div class="max-w-layout mx-auto px-8 py-5 flex items-center justify-between gap-4 text-[11.5px] text-white/55"> <div class="max-w-layout mx-auto px-8 py-5 flex items-center justify-between gap-4 text-[11.5px] text-white/55">
<span>{{ $footerLegal }}</span> <span>{{ $footerLegal }}</span>
<span class="flex items-center gap-2 font-mono text-[10.5px]">
<span class="inline-block w-1.5 h-1.5 rounded-full bg-ok"></span>
Alle Systeme betriebsbereit
</span>
</div> </div>
</div> </div>
</footer> </footer>

View file

@ -19,7 +19,6 @@
['label' => 'So funktioniert es', 'href' => '#funktion'], ['label' => 'So funktioniert es', 'href' => '#funktion'],
['label' => 'Plattform-Familie', 'href' => '#familie'], ['label' => 'Plattform-Familie', 'href' => '#familie'],
['label' => 'FAQ', 'href' => '#faq'], ['label' => 'FAQ', 'href' => '#faq'],
['label' => 'Dokumentation', 'href' => '#'],
]; ];
@endphp @endphp

View file

@ -46,9 +46,7 @@
<span class="flex-1"></span> <span class="flex-1"></span>
<span class="flex items-center gap-4 py-2.5 whitespace-nowrap text-white/65"> <span class="flex items-center gap-4 py-2.5 whitespace-nowrap text-white/65">
<a href="#" class="hover:text-white">Status</a> <a href="mailto:{{ config('domains.domains.pressekonto.brand.contact_email') ?? 'info@pressekonto.com' }}" class="hover:text-white">Kontakt</a>
<a href="#" class="hover:text-white">Dokumentation</a>
<a href="#" class="hover:text-white">Kontakt</a>
</span> </span>
</div> </div>

View file

@ -4,6 +4,10 @@
$brand = config('domains.domains.pressekonto.brand', []); $brand = config('domains.domains.pressekonto.brand', []);
$from = request()->query('from'); $from = request()->query('from');
$todayDate = now()->locale('de')->isoFormat('dddd, D. MMMM YYYY'); $todayDate = now()->locale('de')->isoFormat('dddd, D. MMMM YYYY');
$hubContactEmail = $brand['contact_email'] ?? 'info@pressekonto.com';
$fmtEuro = static fn (int $cents): string => number_format($cents / 100, $cents % 100 === 0 ? 0 : 2, ',', '.');
$fmtCount = static fn (int $value): string => number_format($value, 0, ',', '.');
$minPlanMonthlyCents = $plans->min('monthly_price_cents');
@endphp @endphp
@section('title', $brand['meta_title'] ?? 'pressekonto – Publisher-Hub') @section('title', $brand['meta_title'] ?? 'pressekonto – Publisher-Hub')
@ -37,7 +41,7 @@
<p class="text-[16px] lg:text-[17px] leading-[1.55] text-ink-2 mt-7 m-0 max-w-[560px]"> <p class="text-[16px] lg:text-[17px] leading-[1.55] text-ink-2 mt-7 m-0 max-w-[560px]">
<x-web.brand-mark brand="pressekonto" :serif="false" /> ist der gemeinsame Publisher-Bereich für <x-web.brand-mark brand="pressekonto" :serif="false" /> ist der gemeinsame Publisher-Bereich für
unsere beiden Pressefachportale. Pressemitteilungen schreiben, redaktionell prüfen lassen, auf unsere beiden Pressefachportale. Pressemitteilungen schreiben, redaktionell prüfen lassen, auf
beiden Reichweiten veröffentlichen — und Reichweite, Empfänger und Abrechnung an einem Ort beiden Reichweiten veröffentlichen — und Mitteilungen, Newsrooms und Abrechnung an einem Ort
verwalten. verwalten.
</p> </p>
@ -158,21 +162,20 @@
<div> <div>
<div <div
class="font-mono text-[20px] font-semibold text-hub leading-none tracking-[-0.3px] tabular-nums"> class="font-mono text-[20px] font-semibold text-hub leading-none tracking-[-0.3px] tabular-nums">
8.412</div> {{ $fmtCount($hubStats['releases_total']) }}</div>
<div class="text-[10.5px] text-ink-3 mt-1 leading-tight">Mitteilungen<br />veröffentlicht <div class="text-[10.5px] text-ink-3 mt-1 leading-tight">Mitteilungen<br />im Archiv</div>
2025</div>
</div> </div>
<div> <div>
<div <div
class="font-mono text-[20px] font-semibold text-hub leading-none tracking-[-0.3px] tabular-nums"> class="font-mono text-[20px] font-semibold text-hub leading-none tracking-[-0.3px] tabular-nums">
1.247</div> {{ $fmtCount($hubStats['newsrooms']) }}</div>
<div class="text-[10.5px] text-ink-3 mt-1 leading-tight">aktive<br />Newsrooms</div> <div class="text-[10.5px] text-ink-3 mt-1 leading-tight">aktive<br />Newsrooms</div>
</div> </div>
<div> <div>
<div <div
class="font-mono text-[20px] font-semibold text-hub leading-none tracking-[-0.3px] tabular-nums"> class="font-mono text-[20px] font-semibold text-hub leading-none tracking-[-0.3px] tabular-nums">
~ 4 h</div> {{ $fmtCount($hubStats['categories']) }}</div>
<div class="text-[10.5px] text-ink-3 mt-1 leading-tight">Ø Prüfzeit<br />Werktags</div> <div class="text-[10.5px] text-ink-3 mt-1 leading-tight">Branchen-<br />Rubriken</div>
</div> </div>
</div> </div>
</div> </div>
@ -223,15 +226,15 @@
<p class="text-[13.5px] leading-[1.6] text-ink-2 mt-3 m-0"> <p class="text-[13.5px] leading-[1.6] text-ink-2 mt-3 m-0">
Eine Mitteilung schreiben, redaktionell prüfen lassen, auf <x-web.brand-mark brand="presseecho" Eine Mitteilung schreiben, redaktionell prüfen lassen, auf <x-web.brand-mark brand="presseecho"
:serif="false" /> und <x-web.brand-mark brand="businessportal24" :serif="false" /> :serif="false" /> und <x-web.brand-mark brand="businessportal24" :serif="false" />
gleichzeitig veröffentlichen. Vorschau und Versionsverlauf inklusive. gleichzeitig veröffentlichen. Vorschau und Qualitäts-Checkliste inklusive.
</p> </p>
<ul class="mt-5 space-y-1.5 text-[12.5px] text-ink-3 list-none p-0"> <ul class="mt-5 space-y-1.5 text-[12.5px] text-ink-3 list-none p-0">
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Editor mit <li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Editor mit
Quellen-Linking</li> Qualitäts-Checkliste</li>
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Embargo- und <li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Geplante
Erscheinungsdatum</li> Veröffentlichung mit Wunschtermin</li>
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Anhänge: <li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Bilder und
PDF, Bild, Pressekontakt</li> Pressekontakt je Mitteilung</li>
</ul> </ul>
</article> </article>
@ -257,10 +260,10 @@
<ul class="mt-5 space-y-1.5 text-[12.5px] text-ink-3 list-none p-0"> <ul class="mt-5 space-y-1.5 text-[12.5px] text-ink-3 list-none p-0">
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Mehrere <li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Mehrere
Redakteure pro Newsroom</li> Redakteure pro Newsroom</li>
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> <li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Logo und
Verifizierungs-Badge möglich</li> Pressekontakte je Newsroom</li>
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> RSS-Feed je <li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Vollständige
Newsroom</li> Mitteilungs-Historie</li>
</ul> </ul>
</article> </article>
@ -273,21 +276,21 @@
<path d="M3 21h19" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" /> <path d="M3 21h19" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" />
</svg> </svg>
</div> </div>
<div class="eyebrow mb-2">03 · Reichweite messen</div> <div class="eyebrow mb-2">03 · Überblick behalten</div>
<h3 class="text-[19px] font-semibold m-0 tracking-[-0.3px] text-ink leading-[1.25]"> <h3 class="text-[19px] font-semibold m-0 tracking-[-0.3px] text-ink leading-[1.25]">
Statistiken, Empfänger, Aufrufe Aufrufe, Status und Abrechnung zentral
</h3> </h3>
<p class="text-[13.5px] leading-[1.6] text-ink-2 mt-3 m-0"> <p class="text-[13.5px] leading-[1.6] text-ink-2 mt-3 m-0">
Aufrufe je Mitteilung über beide Portale aggregiert. Empfänger-Listen, Themen-Resonanz, Aufrufe je Mitteilung über beide Portale. Prüf-Status und redaktionelles Feedback direkt an der
Verweildauer, Quellen-Backlinks. CSV-Export für Reporting. Mitteilung, Buchungen und Rechnungen zentral im Konto.
</p> </p>
<ul class="mt-5 space-y-1.5 text-[12.5px] text-ink-3 list-none p-0"> <ul class="mt-5 space-y-1.5 text-[12.5px] text-ink-3 list-none p-0">
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> <li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Aufrufe je
Portal-übergreifende Zahlen</li> Mitteilung</li>
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Monats- und <li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Prüf-Status
Jahres-Reports</li> &amp; Feedback</li>
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> CSV-Export <li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Buchungen
&amp; API</li> &amp; Rechnungen zentral</li>
</ul> </ul>
</article> </article>
</div> </div>
@ -339,8 +342,8 @@
</div> </div>
<div class="text-[16.5px] font-semibold text-ink tracking-[-0.2px] mb-2">Prüfen lassen</div> <div class="text-[16.5px] font-semibold text-ink tracking-[-0.2px] mb-2">Prüfen lassen</div>
<p class="text-[12.5px] text-ink-2 leading-[1.55] m-0"> <p class="text-[12.5px] text-ink-2 leading-[1.55] m-0">
Redaktionelle Prüfung auf Quellenqualität, Relevanz und formale Korrektheit. Ø vier Stunden Redaktionelle Prüfung auf Quellenqualität, Relevanz und formale Korrektheit — werktags in der
werktags. Feedback im Editor sichtbar. Regel am selben Tag. Feedback direkt an der Mitteilung.
</p> </p>
</li> </li>
<li class="relative px-7 py-7"> <li class="relative px-7 py-7">
@ -367,7 +370,7 @@
</section> </section>
{{-- ============== TARIFE ============== --}} {{-- ============== TARIFE ============== --}}
<section id="tarife" class="bg-hub-soft/40 border-y border-bg-rule"> <section id="tarife" class="bg-hub-soft/40 border-y border-bg-rule" x-data="{ interval: 'monthly' }">
<div class="max-w-layout mx-auto px-8 pt-16 lg:pt-20 pb-16 lg:pb-20"> <div class="max-w-layout mx-auto px-8 pt-16 lg:pt-20 pb-16 lg:pb-20">
<header class="mb-10 lg:mb-12 grid items-end gap-6 grid-cols-1 lg:grid-cols-[1fr_auto]"> <header class="mb-10 lg:mb-12 grid items-end gap-6 grid-cols-1 lg:grid-cols-[1fr_auto]">
@ -387,315 +390,100 @@
</div> </div>
<div class="flex items-center gap-1 p-1 bg-white border border-bg-rule rounded-[4px] w-fit"> <div class="flex items-center gap-1 p-1 bg-white border border-bg-rule rounded-[4px] w-fit">
<button type="button" <button type="button" @click="interval = 'monthly'"
class="px-4 py-2 text-[12.5px] font-semibold text-ink-3 rounded-[3px] cursor-pointer">Monatlich</button> :class="interval === 'monthly' ? 'text-white bg-hub' : 'text-ink-3'"
<button type="button" class="px-4 py-2 text-[12.5px] font-semibold rounded-[3px] cursor-pointer transition-colors">Monatlich</button>
class="px-4 py-2 text-[12.5px] font-semibold text-white bg-hub rounded-[3px] cursor-pointer">Jährlich <button type="button" @click="interval = 'yearly'"
· −20 %</button> :class="interval === 'yearly' ? 'text-white bg-hub' : 'text-ink-3'"
class="px-4 py-2 text-[12.5px] font-semibold rounded-[3px] cursor-pointer transition-colors">Jährlich
· 2 Monate gratis</button>
</div> </div>
</header> </header>
<div class="grid gap-5 grid-cols-1 md:grid-cols-2 lg:grid-cols-3"> <div class="grid gap-5 grid-cols-1 md:grid-cols-2 lg:grid-cols-4">
@foreach ($plans as $plan)
@php($isPopular = $plan->slug === 'business')
<article
class="relative bg-white rounded-[4px] p-7 flex flex-col {{ $isPopular ? 'border-2 border-hub pt-12 shadow-lg shadow-hub/10' : 'border border-bg-rule' }}">
@if ($isPopular)
<div class="ribbon-recommend">Empfohlen</div>
@endif
{{-- Starter --}} <div class="eyebrow {{ $isPopular ? '' : 'muted' }} mb-3">{{ $plan->name }}</div>
<article class="relative bg-white border border-bg-rule rounded-[4px] p-7 flex flex-col">
<div class="eyebrow muted mb-3">Starter</div>
<div class="text-[15.5px] text-ink-2 m-0">Für Einzelne und Erst-Anwender</div>
<div class="mt-6 flex items-baseline gap-1.5">
<span class="text-[42px] font-bold text-ink tracking-[-1.2px] leading-none">0&nbsp;€</span>
<span class="text-[12.5px] text-ink-3">/ Monat</span>
</div>
<div class="text-[11.5px] text-ink-3 mt-1.5 min-h-[16px]">Dauerhaft kostenlos</div>
<a href="{{ route('register') }}" <div class="mt-4">
class="mt-6 inline-flex items-center justify-center gap-2 px-4 py-2.5 text-[13px] font-semibold text-hub border border-hub/30 hover:border-hub rounded-[4px] transition-colors cursor-pointer"> <div class="flex items-baseline gap-1.5" x-show="interval === 'monthly'">
Tarif wählen <span
</a> class="text-[38px] font-bold {{ $isPopular ? 'text-hub' : 'text-ink' }} tracking-[-1.2px] leading-none">{{ $fmtEuro((int) $plan->monthly_price_cents) }}&nbsp;€</span>
<span class="text-[12.5px] text-ink-3">/ Monat</span>
</div>
<div class="flex items-baseline gap-1.5" x-show="interval === 'yearly'" x-cloak>
<span
class="text-[38px] font-bold {{ $isPopular ? 'text-hub' : 'text-ink' }} tracking-[-1.2px] leading-none">{{ $fmtEuro((int) $plan->yearly_price_cents) }}&nbsp;€</span>
<span class="text-[12.5px] text-ink-3">/ Jahr</span>
</div>
<div class="text-[11.5px] text-ink-3 mt-1.5 min-h-[16px]">netto zzgl. USt.</div>
</div>
<hr class="rule my-6" /> <a href="{{ route('register') }}"
class="mt-6 inline-flex items-center justify-center gap-2 px-4 py-2.5 text-[13px] font-semibold rounded-[4px] transition-colors cursor-pointer {{ $isPopular ? 'text-white bg-hub hover:bg-hub-2' : 'text-hub border border-hub/30 hover:border-hub' }}">
Tarif wählen
</a>
<ul class="space-y-2.5 text-[12.5px] text-ink-2 list-none p-0 m-0"> <hr class="rule my-6" />
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span><strong class="font-semibold">1 Mitteilung</strong> pro Monat</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>Beide Portale</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>1 Newsroom</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>Redaktionelle Prüfung</span>
</li>
<li class="flex items-start gap-2.5 text-ink-3">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-ink-4 flex-shrink-0 mt-[3px]">
<path d="M4 8h8" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" />
</svg>
<span>Basis-Statistiken</span>
</li>
<li class="flex items-start gap-2.5 text-ink-4">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="flex-shrink-0 mt-[3px]">
<path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="1.4"
stroke-linecap="round" />
</svg>
<span>Verifizierungs-Badge</span>
</li>
</ul>
</article>
{{-- Standard --}}
<article class="relative bg-white border border-bg-rule rounded-[4px] p-7 flex flex-col">
<div class="eyebrow muted mb-3">Standard</div>
<div class="text-[15.5px] text-ink-2 m-0">Regelmäßige Pressearbeit</div>
<div class="mt-6 flex items-baseline gap-1.5">
<span class="text-[42px] font-bold text-ink tracking-[-1.2px] leading-none">49&nbsp;€</span>
<span class="text-[12.5px] text-ink-3">/ Monat</span>
</div>
<div class="text-[11.5px] text-ink-3 mt-1.5 min-h-[16px]">jährl. abger. · 588 € / Jahr</div>
<a href="{{ route('register') }}"
class="mt-6 inline-flex items-center justify-center gap-2 px-4 py-2.5 text-[13px] font-semibold text-hub border border-hub/30 hover:border-hub rounded-[4px] transition-colors cursor-pointer">
Tarif wählen
</a>
<hr class="rule my-6" />
<ul class="space-y-2.5 text-[12.5px] text-ink-2 list-none p-0 m-0">
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span><strong class="font-semibold">5 Mitteilungen</strong> pro Monat</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>Beide Portale</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>3 Newsrooms · 2 Redakteure</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>Redaktionelle Prüfung</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>Erweiterte Statistiken</span>
</li>
<li class="flex items-start gap-2.5 text-ink-4">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="flex-shrink-0 mt-[3px]">
<path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="1.4"
stroke-linecap="round" />
</svg>
<span>Verifizierungs-Badge</span>
</li>
</ul>
</article>
{{-- Pro --}}
<article
class="relative bg-white border-2 border-hub rounded-[4px] p-7 pt-12 flex flex-col shadow-lg shadow-hub/10 lg:-mt-2">
<div class="ribbon-recommend">Empfohlen für Unternehmen</div>
<div class="eyebrow mb-3">Pro</div>
<div class="text-[15.5px] text-ink-2 m-0">Für aktive Presseteams</div>
<div class="mt-6 flex items-baseline gap-1.5">
<span class="text-[42px] font-bold text-hub tracking-[-1.2px] leading-none">149&nbsp;€</span>
<span class="text-[12.5px] text-ink-3">/ Monat</span>
</div>
<div class="text-[11.5px] text-ink-3 mt-1.5 min-h-[16px]">jährl. abger. · 1.788 € / Jahr</div>
<a href="{{ route('register') }}"
class="mt-6 inline-flex items-center justify-center gap-2 px-4 py-2.5 text-[13px] font-semibold text-white bg-hub hover:bg-hub-2 rounded-[4px] transition-colors cursor-pointer">
Tarif wählen
<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>
<hr class="rule my-6" />
<ul class="space-y-2.5 text-[12.5px] text-ink-2 list-none p-0 m-0">
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span><strong class="font-semibold">20 Mitteilungen</strong> pro Monat</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>Beide Portale</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>10 Newsrooms · 10 Redakteure</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span><strong class="font-semibold">Prioritäts-Prüfung</strong> (Ø 2 h)</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>Verifizierungs-Badge</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>API &amp; RSS-Feeds</span>
</li>
</ul>
</article>
<ul class="space-y-2.5 text-[12.5px] text-ink-2 list-none p-0 m-0">
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span><strong class="font-semibold">{{ $plan->press_release_quota }}
Mitteilungen</strong> pro Monat</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>{{ $plan->daily_limit ? 'max. '.$plan->daily_limit.' Veröffentlichungen pro Tag' : 'Ohne Tageslimit' }}</span>
</li>
@foreach ($plan->benefitsList() as $benefit)
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>{{ $benefit }}</span>
</li>
@endforeach
</ul>
</article>
@endforeach
</div> </div>
{{-- Enterprise-Streifen --}} {{-- Enterprise-Streifen --}}
<article <article
class="mt-6 relative bg-hub text-ink-on-dark rounded-[4px] overflow-hidden grid items-stretch grid-cols-1 lg:grid-cols-[1.1fr_1.5fr_auto]"> class="mt-6 bg-hub text-ink-on-dark rounded-[4px] px-8 py-7 grid items-center gap-6 grid-cols-1 lg:grid-cols-[1fr_auto]">
<div>
<div class="px-8 py-7 border-r border-white/10"> <div class="eyebrow on-dark mb-2">Enterprise</div>
<div class="eyebrow on-dark mb-3">Enterprise</div> <div class="text-[13.5px] text-ink-on-dark-2 leading-[1.6] max-w-[720px]">
<div class="text-[14px] text-ink-on-dark-2 m-0">Verlagsgruppen &amp; Konzerne</div> Mehr als 60 Mitteilungen pro Monat, mehrere Marken oder Sonderkonditionen?
<div class="mt-4 flex items-baseline gap-2"> Wir erstellen Ihnen ein Angebot auf Anfrage — redaktionelle Prüfung und die
<span class="text-[32px] font-bold text-white tracking-[-0.8px] leading-none">Auf Veröffentlichung auf beiden Portalen inklusive.
Anfrage</span>
</div>
<div class="text-[11.5px] text-ink-on-dark-2 mt-2 font-mono">ab 25 Mitteilungen / Monat</div>
</div>
<div class="px-8 py-7 border-r border-white/10">
<div class="eyebrow on-dark mb-3.5">Im Tarif enthalten</div>
<ul
class="grid gap-x-7 gap-y-2 text-[12.5px] text-ink-on-dark-2 list-none p-0 m-0 grid-cols-1 sm:grid-cols-2">
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub-line flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span><strong class="font-semibold text-white">Unbegrenzte Mitteilungen</strong></span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub-line flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>Multi-Mandanten · SSO</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub-line flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>Dediziertes Account-Mgmt</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub-line flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>SLA · 99,9 % Verfügbarkeit</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub-line flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>Custom-API-Integration</span>
</li>
<li class="flex items-start gap-2.5">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"
class="text-hub-line flex-shrink-0 mt-[3px]">
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>DPA · ISO 27001</span>
</li>
</ul>
</div>
<div class="px-8 py-7 flex flex-col justify-center items-stretch min-w-[260px]">
<a href="#"
class="inline-flex items-center justify-center gap-2 px-5 py-3 text-[13.5px] font-semibold text-hub bg-white hover:bg-bg rounded-[4px] whitespace-nowrap transition-colors cursor-pointer">
Vertrieb kontaktieren
<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>
<div class="text-[11px] text-ink-on-dark-2 text-center mt-3 leading-[1.5]">
Rückruf werktags innerhalb von 4&nbsp;h<br />
<a href="mailto:vertrieb@pressekonto.de"
class="text-white/85 underline underline-offset-[3px] decoration-white/30">vertrieb@pressekonto.de</a>
</div> </div>
</div> </div>
<a href="mailto:{{ $hubContactEmail }}"
class="inline-flex items-center justify-center gap-2 px-5 py-3 text-[13.5px] font-semibold text-hub bg-white hover:bg-bg rounded-[4px] whitespace-nowrap transition-colors cursor-pointer">
Anfrage senden
<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>
</article> </article>
<div <div
@ -709,12 +497,13 @@
</div> </div>
<div class="text-[13px] text-ink-2 leading-[1.55]"> <div class="text-[13px] text-ink-2 leading-[1.55]">
<strong class="text-ink font-semibold">Alle Tarife monatlich kündbar.</strong> <strong class="text-ink font-semibold">Alle Tarife monatlich kündbar.</strong>
14 Tage testen, ohne Hinterlegung von Zahlungsdaten. Rechnung per SEPA-Lastschrift, Kreditkarte oder Preise netto zzgl. USt. Buchung und Verwaltung direkt im Publisher-Konto,
Überweisung. MwSt. ausweisbar. die Abrechnung läuft sicher über Stripe. Auch ohne Abo möglich: eine
Einzel-Pressemitteilung für {{ $fmtEuro($singlePmPriceCents) }}&nbsp;€ netto.
</div> </div>
<a href="#" <a href="{{ route('register') }}"
class="text-[12.5px] font-semibold text-hub whitespace-nowrap hover:underline cursor-pointer"> class="text-[12.5px] font-semibold text-hub whitespace-nowrap hover:underline cursor-pointer">
Vollständiger Tarif-Vergleich → Jetzt Konto erstellen →
</a> </a>
</div> </div>
</div> </div>
@ -749,7 +538,7 @@
</span> </span>
</div> </div>
<div class="text-[12.5px] tracking-[0.12em] uppercase font-semibold" style="color:#9BD5B2;"> <div class="text-[12.5px] tracking-[0.12em] uppercase font-semibold" style="color:#9BD5B2;">
Branchen-Presse · Archiv seit 2012 Branchen-Presse · Themen-Archiv
</div> </div>
</div> </div>
<div class="px-7 py-7"> <div class="px-7 py-7">
@ -761,14 +550,14 @@
<hr class="rule my-5" /> <hr class="rule my-5" />
<div class="grid gap-4 mb-5 grid-cols-2"> <div class="grid gap-4 mb-5 grid-cols-2">
<div> <div>
<div class="font-mono text-[18px] font-semibold text-ink leading-none tabular-nums">100.247 <div class="font-mono text-[18px] font-semibold text-ink leading-none tabular-nums">
</div> {{ $fmtCount($hubStats['releases_presseecho']) }}</div>
<div class="text-[11px] text-ink-3 mt-1">Mitteilungen im Archiv</div> <div class="text-[11px] text-ink-3 mt-1">Mitteilungen im Archiv</div>
</div> </div>
<div> <div>
<div class="font-mono text-[18px] font-semibold text-ink leading-none tabular-nums">11 <div class="font-mono text-[18px] font-semibold text-ink leading-none tabular-nums">
Branchen</div> {{ $fmtCount($hubStats['categories']) }} Branchen</div>
<div class="text-[11px] text-ink-3 mt-1">Bildung – Tourismus</div> <div class="text-[11px] text-ink-3 mt-1">redaktionell erschlossen</div>
</div> </div>
</div> </div>
<a href="{{ config('domains.domain_presseecho_url') }}" <a href="{{ config('domains.domain_presseecho_url') }}"
@ -808,14 +597,14 @@
<hr class="rule my-5" /> <hr class="rule my-5" />
<div class="grid gap-4 mb-5 grid-cols-2"> <div class="grid gap-4 mb-5 grid-cols-2">
<div> <div>
<div class="font-mono text-[18px] font-semibold text-ink leading-none tabular-nums">~ 140 <div class="font-mono text-[18px] font-semibold text-ink leading-none tabular-nums">
</div> {{ $fmtCount($hubStats['releases_businessportal']) }}</div>
<div class="text-[11px] text-ink-3 mt-1">Mitteilungen pro Tag</div> <div class="text-[11px] text-ink-3 mt-1">Mitteilungen im Archiv</div>
</div> </div>
<div> <div>
<div class="font-mono text-[18px] font-semibold text-ink leading-none tabular-nums">8 <div class="font-mono text-[18px] font-semibold text-ink leading-none tabular-nums">
Märkte</div> {{ $fmtCount($hubStats['newsrooms']) }}</div>
<div class="text-[11px] text-ink-3 mt-1">DAX–MDAX–TecDAX</div> <div class="text-[11px] text-ink-3 mt-1">aktive Newsrooms</div>
</div> </div>
</div> </div>
<a href="{{ config('domains.domain_businessportal_url') }}" <a href="{{ config('domains.domain_businessportal_url') }}"
@ -850,12 +639,12 @@
<hr class="rule" /> <hr class="rule" />
{{-- ============== SOCIAL PROOF — AKTIVE NEWSROOMS ============== --}} {{-- ============== PLATTFORM IN ZAHLEN ============== --}}
<section class="max-w-layout mx-auto px-8 pt-12 lg:pt-16 pb-12 lg:pb-16"> <section class="max-w-layout mx-auto px-8 pt-12 lg:pt-16 pb-12 lg:pb-16">
<header class="mb-8 grid items-baseline gap-2 lg:gap-6 grid-cols-1 lg:grid-cols-[auto_1fr]"> <header class="mb-8 grid items-baseline gap-2 lg:gap-6 grid-cols-1 lg:grid-cols-[auto_1fr]">
<div class="section-eyebrow">Aktive Newsrooms</div> <div class="section-eyebrow">Die Plattform in Zahlen</div>
<div class="text-[12px] text-ink-3 font-mono text-left lg:text-right">Stand <div class="text-[12px] text-ink-3 font-mono text-left lg:text-right">Stand
{{ now()->locale('de')->isoFormat('D. MMMM YYYY') }} · 1.247 verifizierte Newsrooms</div> {{ now()->locale('de')->isoFormat('D. MMMM YYYY') }}</div>
</header> </header>
<hr class="rule-strong mb-7" /> <hr class="rule-strong mb-7" />
@ -863,39 +652,14 @@
<div> <div>
<p class="text-[15px] lg:text-[16px] leading-[1.7] text-ink-2 m-0"> <p class="text-[15px] lg:text-[16px] leading-[1.7] text-ink-2 m-0">
Über <x-web.brand-mark brand="pressekonto" :serif="false" /> veröffentlichen unter anderem Über <x-web.brand-mark brand="pressekonto" :serif="false" /> veröffentlichen Unternehmen,
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub" Verbände und öffentliche Einrichtungen aus Deutschland, Österreich und der Schweiz.
href="#">Siemens AG</a>, Jeder Newsroom wird redaktionell geprüft, bevor Mitteilungen erscheinen — die
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub" Veröffentlichungen unterliegen unserem Qualitätsstandard und bleiben im Archiv
href="#">BASF SE</a>, beider Portale dauerhaft auffindbar.
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub"
href="#">Deutsche Bank</a>,
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub"
href="#">Allianz</a>,
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub"
href="#">EnBW</a>,
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub"
href="#">RWE</a>,
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub"
href="#">SAP</a>,
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub"
href="#">Lufthansa</a>,
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub"
href="#">Bayer</a>,
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub"
href="#">Stadtwerke München</a>,
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub"
href="#">Fraunhofer-Gesellschaft</a>,
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub"
href="#">Hochschulrektorenkonferenz</a>
sowie über 1.200 weitere Unternehmen, Verbände und öffentliche Einrichtungen aus Deutschland,
Österreich und der Schweiz. Jeder Newsroom ist redaktionell verifiziert; die Veröffentlichungen
unterliegen unserem Qualitätsstandard.
</p> </p>
<p class="text-[13px] leading-[1.65] text-ink-3 m-0 mt-5"> <p class="text-[13px] leading-[1.65] text-ink-3 m-0 mt-5">
Verteilung nach Sektoren: Industrie und Energie führen mit zusammen 38 %, gefolgt von Finanzen (17 Alle Kennzahlen stammen direkt aus der Plattform und werden laufend aktualisiert.
%), Mobilität (12 %), Bildung (10 %), Gesundheit (9 %), Technologie (8 %) und übrigen Branchen (6
%).
</p> </p>
</div> </div>
@ -904,24 +668,20 @@
<hr class="rule mb-5" /> <hr class="rule mb-5" />
<dl class="space-y-4 m-0"> <dl class="space-y-4 m-0">
<div class="flex items-baseline justify-between gap-3"> <div class="flex items-baseline justify-between gap-3">
<dt class="text-[12.5px] text-ink-3">Mitteilungen 2025</dt> <dt class="text-[12.5px] text-ink-3">Mitteilungen im Archiv</dt>
<dd class="font-mono text-[16px] font-semibold text-ink m-0 tabular-nums">8.412</dd> <dd class="font-mono text-[16px] font-semibold text-ink m-0 tabular-nums">{{ $fmtCount($hubStats['releases_total']) }}</dd>
</div> </div>
<div class="flex items-baseline justify-between gap-3"> <div class="flex items-baseline justify-between gap-3">
<dt class="text-[12.5px] text-ink-3">Veröffentlichungen / Werktag</dt> <dt class="text-[12.5px] text-ink-3">Aktive Newsrooms</dt>
<dd class="font-mono text-[16px] font-semibold text-ink m-0 tabular-nums">~ 38</dd> <dd class="font-mono text-[16px] font-semibold text-ink m-0 tabular-nums">{{ $fmtCount($hubStats['newsrooms']) }}</dd>
</div> </div>
<div class="flex items-baseline justify-between gap-3"> <div class="flex items-baseline justify-between gap-3">
<dt class="text-[12.5px] text-ink-3">Verifizierte Newsrooms</dt> <dt class="text-[12.5px] text-ink-3">Branchen-Rubriken</dt>
<dd class="font-mono text-[16px] font-semibold text-ink m-0 tabular-nums">1.247</dd> <dd class="font-mono text-[16px] font-semibold text-ink m-0 tabular-nums">{{ $fmtCount($hubStats['categories']) }}</dd>
</div> </div>
<div class="flex items-baseline justify-between gap-3"> <div class="flex items-baseline justify-between gap-3">
<dt class="text-[12.5px] text-ink-3">Ø Prüfzeit Werktags</dt> <dt class="text-[12.5px] text-ink-3">Portale je Veröffentlichung</dt>
<dd class="font-mono text-[16px] font-semibold text-ink m-0 tabular-nums">3 h 47</dd> <dd class="font-mono text-[16px] font-semibold text-ink m-0 tabular-nums">2</dd>
</div>
<div class="flex items-baseline justify-between gap-3">
<dt class="text-[12.5px] text-ink-3">Annahme-Quote (Erstprüfung)</dt>
<dd class="font-mono text-[16px] font-semibold text-ink m-0 tabular-nums">82 %</dd>
</div> </div>
</dl> </dl>
</aside> </aside>
@ -941,7 +701,7 @@
<p class="text-[13px] text-ink-3 leading-[1.55] mt-4 m-0"> <p class="text-[13px] text-ink-3 leading-[1.55] mt-4 m-0">
Sie finden hier nicht, was Sie suchen? Sie finden hier nicht, was Sie suchen?
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/30 hover:decoration-hub" <a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/30 hover:decoration-hub"
href="#">Schreiben Sie unserem Support</a> — Werktags Antwort innerhalb von 4 Stunden. href="mailto:{{ $hubContactEmail }}">Schreiben Sie unserem Support</a> — wir antworten werktags.
</p> </p>
</div> </div>
@ -960,9 +720,9 @@
</summary> </summary>
<div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]"> <div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]">
Ein Konto selbst kostet nichts. Sie zahlen für die Pressemitteilungen, die Sie veröffentlichen — Ein Konto selbst kostet nichts. Sie zahlen für die Pressemitteilungen, die Sie veröffentlichen —
entweder pro Stück (Starter-Tarif, 0 € / Monat) oder über einen Monats- bzw. Jahres-Tarif entweder als Einzel-Pressemitteilung ohne Abo ({{ $fmtEuro($singlePmPriceCents) }}&nbsp;€ netto)
(Standard, Pro, Enterprise). Die redaktionelle Prüfung und die Veröffentlichung auf beiden oder über einen Monats- bzw. Jahres-Tarif ab {{ $fmtEuro((int) $minPlanMonthlyCents) }}&nbsp;€ / Monat.
Portalen sind in allen Tarifen enthalten. Die redaktionelle Prüfung und die Veröffentlichung auf beiden Portalen sind immer enthalten.
</div> </div>
</details> </details>
@ -978,8 +738,8 @@
</summary> </summary>
<div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]"> <div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]">
Sobald Sie eine Mitteilung einreichen, prüfen unsere Redakteure formale Korrektheit, Sobald Sie eine Mitteilung einreichen, prüfen unsere Redakteure formale Korrektheit,
Quellenqualität, Themenrelevanz und Plausibilität. Werktags im Schnitt nach ca. vier Stunden, Quellenqualität, Themenrelevanz und Plausibilität — werktags in der Regel am selben Tag.
Pro-Tarif nach ca. zwei. Bei Rückfragen erhalten Sie Feedback direkt im Editor — kein PR-Filter, Bei Rückfragen erhalten Sie Feedback direkt an der Mitteilung — kein PR-Filter,
sondern verlegerische Qualitätssicherung. sondern verlegerische Qualitätssicherung.
</div> </div>
</details> </details>
@ -1015,9 +775,9 @@
</svg> </svg>
</summary> </summary>
<div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]"> <div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]">
Werktags zwischen 8:00 und 18:00 Uhr im Schnitt rund vier Stunden vom Einreichen bis zur Nach der redaktionellen Freigabe geht Ihre Mitteilung sofort live — werktags in der Regel
Live-Schaltung. Sie können ein Embargo-Datum setzen, dann erscheint die Mitteilung sekundengenau noch am selben Tag. Alternativ legen Sie einen Wunschtermin fest: Dann erscheint die
zum gewünschten Zeitpunkt — geprüft und freigegeben ist sie davor. Mitteilung automatisch zum geplanten Zeitpunkt, geprüft und freigegeben ist sie bereits davor.
</div> </div>
</details> </details>
@ -1032,8 +792,8 @@
</svg> </svg>
</summary> </summary>
<div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]"> <div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]">
Ja. Alle Tarife sind monatlich kündbar. Bei Jahres-Abrechnung wird die Restlaufzeit anteilig Ja. Monats-Tarife sind monatlich kündbar, Jahres-Tarife laufen bis zum Ende des bezahlten
erstattet. Ihr Konto und Ihre Newsroom-Archive bleiben dauerhaft bestehen — auch nach Kündigung Zeitraums. Ihr Konto und Ihre Newsroom-Archive bleiben dauerhaft bestehen — auch nach Kündigung
sind veröffentlichte Mitteilungen weiter im Archiv auffindbar. sind veröffentlichte Mitteilungen weiter im Archiv auffindbar.
</div> </div>
</details> </details>
@ -1049,11 +809,13 @@
</svg> </svg>
</summary> </summary>
<div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]"> <div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]">
Alle Daten werden ausschließlich in der EU verarbeitet (Frankfurt &amp; München, ISO 27001 Detaillierte Informationen zu Speicherdauer, Auftragsverarbeitung und Betroffenenrechten
zertifizierte Rechenzentren). Ein DPA / AV-Vertrag ist im Konto-Bereich abrufbar. Detaillierte finden Sie in unserer <a
Informationen zu Speicherdauer, Auftragsverarbeitung und Betroffenenrechten finden Sie in der <a
class="text-hub underline underline-offset-[3px] decoration-hub/30 hover:decoration-hub" class="text-hub underline underline-offset-[3px] decoration-hub/30 hover:decoration-hub"
href="#">Datenschutzerklärung</a>. href="{{ route('datenschutz', ['edition' => 'de']) }}">Datenschutzerklärung</a>. Für
Anfragen zu Ihren Daten erreichen Sie uns unter <a
class="text-hub underline underline-offset-[3px] decoration-hub/30 hover:decoration-hub"
href="mailto:{{ $hubContactEmail }}">{{ $hubContactEmail }}</a>.
</div> </div>
</details> </details>
@ -1087,10 +849,11 @@
</svg> </svg>
</summary> </summary>
<div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]"> <div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]">
Ab dem Pro-Tarif. REST-API mit OAuth2, vollständig dokumentiert, mit Sandbox-Modus. Mitteilungen Ja — eine Token-basierte REST-API zum Einreichen von Mitteilungen, Statusabfragen und
einreichen, Status abfragen, Statistiken auslesen, Newsrooms verwalten. Webhooks für Bild-Upload. Die technische Dokumentation finden Sie unter <a
Veröffentlichungs- und Status-Ereignisse. Enterprise-Kunden erhalten zusätzlich class="text-hub underline underline-offset-[3px] decoration-hub/30 hover:decoration-hub"
Custom-Integrationen. href="{{ route('docs.api.v1') }}">/docs/api/v1</a>. Den API-Zugang erhalten Sie
auf Anfrage über den Support.
</div> </div>
</details> </details>
</div> </div>
@ -1115,10 +878,10 @@
<div class="section-eyebrow on-dark mb-4">Loslegen</div> <div class="section-eyebrow on-dark mb-4">Loslegen</div>
<h2 <h2
class="text-[26px] lg:text-[34px] font-bold m-0 tracking-[-0.7px] text-white leading-[1.15] max-w-[680px]"> class="text-[26px] lg:text-[34px] font-bold m-0 tracking-[-0.7px] text-white leading-[1.15] max-w-[680px]">
In zwei Minuten registriert. Eine Mitteilung im Starter-Tarif inklusive. In zwei Minuten registriert. Veröffentlichen mit Tarif oder als Einzel-Pressemitteilung.
</h2> </h2>
<p class="text-[13.5px] lg:text-[14px] text-ink-on-dark-2 leading-[1.55] mt-4 m-0 max-w-[600px]"> <p class="text-[13.5px] lg:text-[14px] text-ink-on-dark-2 leading-[1.55] mt-4 m-0 max-w-[600px]">
Keine Kreditkarte erforderlich. 14 Tage zum Testen. Monatlich kündbar. Das Konto ist kostenlos. Tarife monatlich kündbar, Abrechnung sicher über Stripe.
</p> </p>
</div> </div>
<div class="relative flex flex-col gap-2.5"> <div class="relative flex flex-col gap-2.5">