12-05-2026 Frontend dev
This commit is contained in:
parent
405df0a122
commit
5b8bdf4182
779 changed files with 480564 additions and 6241 deletions
|
|
@ -1,133 +1,38 @@
|
|||
@extends('web.layouts.web-master')
|
||||
|
||||
@section('title', 'Pressemitteilungen - Business Portal 24')
|
||||
@section('title', 'Aktuelle Pressemitteilungen aus der deutschen Wirtschaft – businessportal24')
|
||||
@section('meta_description', 'Pressemitteilungen aus Deutschland, Österreich und der Schweiz. Redaktionell geprüft. Strukturiert distribuiert.')
|
||||
|
||||
@section('content')
|
||||
<x-web.site-header />
|
||||
|
||||
<main class="min-h-screen flex flex-col bg-white dark:bg-gray-950 transition-colors duration-200">
|
||||
<!-- Burger Menu Component -->
|
||||
<livewire:web.burger-menu />
|
||||
<main class="bg-bg text-ink">
|
||||
<x-web.focus-hero
|
||||
:lead-release="$leadRelease ?? null"
|
||||
:side-releases="$sideReleases ?? []" />
|
||||
|
||||
<!-- Header Component -->
|
||||
<livewire:web.header />
|
||||
<section class="max-w-layout mx-auto px-8 mt-16">
|
||||
<div class="grid gap-9 grid-cols-1 lg:grid-cols-[1.7fr_1fr]">
|
||||
<livewire:web.press-release-feed :portal="\App\Enums\Portal::Businessportal24->value" />
|
||||
|
||||
<!-- Filter Bar Component -->
|
||||
<livewire:web.filter-bar />
|
||||
|
||||
<!-- Hero Banner -->
|
||||
<section class="relative overflow-hidden text-white py-12 animate-fade-in" style="background: var(--gradient-hero);">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="max-w-4xl">
|
||||
<h1 class="text-3xl md:text-4xl lg:text-5xl text-white/90 font-bold mb-4 animate-fade-in-up">
|
||||
Aktuelle Pressemitteilungen
|
||||
</h1>
|
||||
<p class="text-base md:text-lg text-white/90 animate-fade-in-up animation-delay-200">
|
||||
Die führende Plattform für Unternehmensnachrichten aus Deutschland, Österreich und der Schweiz
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Decorative Pattern -->
|
||||
<div class="absolute top-0 right-0 opacity-10">
|
||||
<svg width="404" height="384" fill="none" viewBox="0 0 404 384">
|
||||
<defs>
|
||||
<pattern id="pattern-hero" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
|
||||
<rect x="0" y="0" width="4" height="4" fill="currentColor" />
|
||||
</pattern>
|
||||
</defs>
|
||||
<rect width="404" height="384" fill="url(#pattern-hero)" />
|
||||
</svg>
|
||||
<aside class="flex flex-col gap-9">
|
||||
<x-web.most-read :releases="$mostReadReleases ?? []" />
|
||||
<x-web.publisher-cta />
|
||||
<x-web.active-newsrooms :companies="$activeNewsrooms ?? []" />
|
||||
</aside>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Featured Section -->
|
||||
<section
|
||||
class="bg-gray-50/50 dark:bg-gray-900/50 border-b border-gray-200 dark:border-gray-800 py-8 transition-colors duration-200">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="flex items-center justify-between mb-6">
|
||||
<h2 class="text-lg font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-2">
|
||||
<span
|
||||
class="w-1 h-6 bg-gradient-to-b from-[var(--color-primary)] to-[var(--color-secondary)] rounded-full"></span>
|
||||
Top-Meldungen
|
||||
</h2>
|
||||
<span
|
||||
class="text-xs text-amber-700 dark:text-amber-300 bg-amber-50 dark:bg-amber-900/30 border border-amber-200 dark:border-amber-700 px-2 py-1 rounded">Anzeige</span>
|
||||
</div>
|
||||
<x-web.industry-spotlight />
|
||||
|
||||
<livewire:web.featured-releases />
|
||||
</div>
|
||||
</section>
|
||||
<x-web.events-week />
|
||||
|
||||
<!-- Main Content Grid -->
|
||||
<section class="py-8 bg-white dark:bg-gray-950 transition-colors duration-200">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="flex items-center justify-between mb-6">
|
||||
<h2 class="text-sm font-medium text-gray-600 dark:text-gray-400 flex items-center gap-2">
|
||||
<span class="w-2 h-2 bg-[var(--color-primary)] rounded-full"></span>
|
||||
247 Pressemitteilungen
|
||||
</h2>
|
||||
</div>
|
||||
<x-web.industry-index :industries="($industryIndex ?? collect())->isNotEmpty() ? $industryIndex->toArray() : null" />
|
||||
|
||||
<livewire:web.press-releases-grid />
|
||||
<x-web.newsletter-strip />
|
||||
|
||||
<!-- Pagination -->
|
||||
<nav class="flex justify-center mt-12" aria-label="Seitennummerierung">
|
||||
<div class="flex items-center gap-2">
|
||||
<button
|
||||
class="px-4 py-2 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
|
||||
disabled aria-label="Vorherige Seite">
|
||||
<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7">
|
||||
</path>
|
||||
</svg>
|
||||
</button>
|
||||
<button
|
||||
class="px-4 py-2 text-sm font-medium text-white rounded-lg shadow-md hover:shadow-lg transition-all"
|
||||
style="background: var(--gradient-hero);" aria-current="page">
|
||||
1
|
||||
</button>
|
||||
<button
|
||||
class="px-4 py-2 text-sm font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-lg transition-colors">
|
||||
2
|
||||
</button>
|
||||
<button
|
||||
class="px-4 py-2 text-sm font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-lg transition-colors">
|
||||
3
|
||||
</button>
|
||||
<span class="px-2 text-gray-600 dark:text-gray-400">...</span>
|
||||
<button
|
||||
class="px-4 py-2 text-sm font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-lg transition-colors">
|
||||
10
|
||||
</button>
|
||||
<button
|
||||
class="px-4 py-2 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors"
|
||||
aria-label="Nächste Seite">
|
||||
<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7">
|
||||
</path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer Component -->
|
||||
<livewire:web.footer />
|
||||
<x-web.quality-summary :stats="$homeStats ?? []" />
|
||||
</main>
|
||||
|
||||
<x-web.site-footer />
|
||||
@endsection
|
||||
|
||||
@push('styles')
|
||||
<style>
|
||||
/* Domain-spezifische Color-Variablen für Inline-Styles */
|
||||
:root {
|
||||
--color-primary: {{ $domainConfig['color_scheme']['primary'] ?? '#cf3628' }};
|
||||
--color-secondary: {{ $domainConfig['color_scheme']['secondary'] ?? '#f0834a' }};
|
||||
}
|
||||
|
||||
/* Alpine.js Cloak */
|
||||
[x-cloak] {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue