276 lines
14 KiB
PHP
276 lines
14 KiB
PHP
@extends('web.layouts.web-master')
|
||
|
||
@section('title', 'Artikeldetails - Business Portal 24')
|
||
|
||
@section('content')
|
||
|
||
<main class="min-h-screen flex flex-col variant-float-glow transition-colors duration-200">
|
||
<!-- Burger Menu & Header -->
|
||
<livewire:web.burger-menu />
|
||
<livewire:web.header />
|
||
|
||
<!-- Main Navigation -->
|
||
<x-web.main-navigation theme="businessportal24" />
|
||
|
||
<!-- Breadcrumb -->
|
||
<div class="container mx-auto px-4">
|
||
<x-web.breadcrumb :items="[
|
||
['label' => 'Unternehmen', 'url' => '/unternehmen'],
|
||
['label' => 'Technologie', 'url' => '/unternehmen/technologie'],
|
||
['label' => 'Die Zukunft der KI im deutschen Mittelstand'],
|
||
]" />
|
||
</div>
|
||
|
||
<!-- Page Header -->
|
||
<x-web.page-header title="Die Zukunft der KI im deutschen Mittelstand"
|
||
subtitle="Exklusive Einblicke in die Herausforderungen und Chancen der künstlichen Intelligenz">
|
||
<x-slot name="meta">
|
||
<div class="flex items-center gap-4 text-sm text-zinc-600 dark:text-zinc-400">
|
||
<span class="badge badge-primary">Pressemitteilung</span>
|
||
<span>•</span>
|
||
<span>17. Oktober 2024</span>
|
||
<span>•</span>
|
||
<span>6 Min. Lesezeit</span>
|
||
</div>
|
||
</x-slot>
|
||
</x-web.page-header>
|
||
|
||
<!-- Content Layout mit Sidebar -->
|
||
<x-web.content-layout>
|
||
<x-slot name="sidebar">
|
||
<!-- Company Widget -->
|
||
<x-web.sidebar-widget title="Über das Unternehmen">
|
||
<div class="space-y-3">
|
||
<div class="flex items-center gap-3">
|
||
<div
|
||
class="w-12 h-12 rounded-lg bg-gradient-to-br from-[var(--color-primary)] to-[var(--color-secondary)] flex items-center justify-center text-white font-bold">
|
||
AI
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-zinc-900 dark:text-zinc-100">AI Solutions GmbH</h4>
|
||
<p class="text-sm text-zinc-600 dark:text-zinc-400">München, Deutschland</p>
|
||
</div>
|
||
</div>
|
||
<p class="text-sm text-zinc-700 dark:text-zinc-300">
|
||
Führender Anbieter von KI-Lösungen für den deutschen Mittelstand.
|
||
</p>
|
||
<a href="#"
|
||
class="inline-flex items-center gap-2 text-sm text-[var(--color-primary)] hover:underline">
|
||
<span>Website besuchen</span>
|
||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||
d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</x-web.sidebar-widget>
|
||
|
||
<!-- Contact Widget -->
|
||
<x-web.sidebar-widget title="Kontakt">
|
||
<div class="space-y-3 text-sm">
|
||
<div class="flex items-start gap-3">
|
||
<svg class="w-5 h-5 text-[var(--color-primary)] flex-shrink-0" fill="none"
|
||
stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||
d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path>
|
||
</svg>
|
||
<div>
|
||
<p class="font-medium text-zinc-900 dark:text-zinc-100">Max Mustermann</p>
|
||
<p class="text-zinc-600 dark:text-zinc-400">Pressekontakt</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center gap-3">
|
||
<svg class="w-5 h-5 text-[var(--color-primary)]" fill="none" stroke="currentColor"
|
||
viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||
d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z">
|
||
</path>
|
||
</svg>
|
||
<a href="mailto:presse@example.com" class="text-[var(--color-primary)] hover:underline">
|
||
presse@example.com
|
||
</a>
|
||
</div>
|
||
<div class="flex items-center gap-3">
|
||
<svg class="w-5 h-5 text-[var(--color-primary)]" fill="none" stroke="currentColor"
|
||
viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||
d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z">
|
||
</path>
|
||
</svg>
|
||
<span class="text-zinc-700 dark:text-zinc-300">+49 89 123456</span>
|
||
</div>
|
||
</div>
|
||
</x-web.sidebar-widget>
|
||
|
||
<!-- Related Articles Widget -->
|
||
<x-web.sidebar-widget title="Ähnliche Meldungen">
|
||
<div class="space-y-4">
|
||
@foreach (range(1, 3) as $i)
|
||
<article class="group cursor-pointer">
|
||
<div class="flex gap-3">
|
||
<div
|
||
class="w-20 h-20 flex-shrink-0 rounded overflow-hidden bg-zinc-100 dark:bg-zinc-800">
|
||
<img src="https://placehold.co/200x200/cf3628/ffffff?text={{ $i }}"
|
||
alt="Artikel {{ $i }}"
|
||
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300">
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<h5
|
||
class="text-sm font-medium text-zinc-900 dark:text-zinc-100 line-clamp-2 group-hover:text-[var(--color-primary)] transition-colors">
|
||
Verwandte Pressemitteilung {{ $i }}
|
||
</h5>
|
||
<p class="text-xs text-zinc-500 dark:text-zinc-400 mt-1">16. Okt 2024</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
@endforeach
|
||
</div>
|
||
</x-web.sidebar-widget>
|
||
</x-slot>
|
||
|
||
<!-- Article Content -->
|
||
<article class="prose prose-lg dark:prose-invert max-w-none">
|
||
<!-- Featured Image -->
|
||
<div class="mb-8 rounded-xl overflow-hidden">
|
||
<img src="https://placehold.co/1200x600/cf3628/ffffff?text=Article+Header" alt="Artikelbild"
|
||
class="w-full">
|
||
</div>
|
||
|
||
<div class="article-content">
|
||
<p class="lead text-xl text-zinc-700 dark:text-zinc-300 mb-8">
|
||
München, 17. Oktober 2024 – Die AI Solutions GmbH präsentiert innovative KI-Lösungen speziell für
|
||
mittelständische Unternehmen in Deutschland.
|
||
</p>
|
||
|
||
<h2>Künstliche Intelligenz für den Mittelstand</h2>
|
||
<p>
|
||
Der deutsche Mittelstand steht vor großen Herausforderungen in der digitalen Transformation.
|
||
Künstliche Intelligenz bietet dabei enorme Chancen, wird aber oft als zu komplex oder zu teuer
|
||
wahrgenommen.
|
||
</p>
|
||
|
||
<h2>Praxisnahe Lösungen</h2>
|
||
<p>
|
||
Die AI Solutions GmbH hat sich zum Ziel gesetzt, KI-Technologien für mittelständische Unternehmen
|
||
zugänglich zu machen. Mit maßgeschneiderten Lösungen und umfassendem Support werden Unternehmen
|
||
bei der Implementierung begleitet.
|
||
</p>
|
||
|
||
<blockquote class="border-l-4 border-[var(--color-primary)] pl-4 italic my-6">
|
||
"Künstliche Intelligenz ist nicht nur für Großkonzerne. Mit den richtigen Lösungen kann jedes
|
||
mittelständische Unternehmen von KI profitieren."
|
||
<footer class="text-sm not-italic mt-2">— Dr. Maria Schmidt, CEO AI Solutions GmbH</footer>
|
||
</blockquote>
|
||
|
||
<h2>Erfolgsgeschichten</h2>
|
||
<p>
|
||
Bereits über 50 mittelständische Unternehmen in Deutschland setzen auf die Lösungen der
|
||
AI Solutions GmbH. Die Erfolgsrate spricht für sich: Im Durchschnitt steigerten die Unternehmen
|
||
ihre Effizienz um 35%.
|
||
</p>
|
||
|
||
<h2>Über AI Solutions GmbH</h2>
|
||
<p>
|
||
Die AI Solutions GmbH mit Sitz in München ist ein führender Anbieter von KI-Lösungen für den
|
||
deutschen Mittelstand. Das Unternehmen wurde 2020 gegründet und beschäftigt derzeit 45 Mitarbeiter.
|
||
</p>
|
||
</div>
|
||
|
||
<!-- Share & Download -->
|
||
<div class="mt-12 pt-8 border-t border-zinc-200 dark:border-zinc-800">
|
||
<div class="flex items-center justify-between flex-wrap gap-4">
|
||
<div>
|
||
<h3 class="text-lg font-semibold mb-3">Pressemitteilung teilen</h3>
|
||
<div class="flex gap-3">
|
||
<button
|
||
class="px-4 py-2 bg-zinc-100 dark:bg-zinc-800 rounded-lg hover:bg-[var(--color-primary)] hover:text-white transition-colors">
|
||
LinkedIn
|
||
</button>
|
||
<button
|
||
class="px-4 py-2 bg-zinc-100 dark:bg-zinc-800 rounded-lg hover:bg-[var(--color-primary)] hover:text-white transition-colors">
|
||
Twitter
|
||
</button>
|
||
<button
|
||
class="px-4 py-2 bg-zinc-100 dark:bg-zinc-800 rounded-lg hover:bg-[var(--color-primary)] hover:text-white transition-colors">
|
||
E-Mail
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<button
|
||
class="px-6 py-3 bg-gradient-to-r from-[var(--color-primary)] to-[var(--color-secondary)] text-white rounded-lg hover:shadow-lg transition-all inline-flex items-center gap-2">
|
||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||
d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z">
|
||
</path>
|
||
</svg>
|
||
<span>Als PDF herunterladen</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</x-web.content-layout>
|
||
|
||
<!-- Related Press Releases -->
|
||
<section class="py-12 bg-zinc-50 dark:bg-zinc-900">
|
||
<div class="container mx-auto px-4">
|
||
<x-web.section-header title="Weitere Meldungen des Unternehmens"
|
||
subtitle="Aktuelle Pressemitteilungen von AI Solutions GmbH" size="medium" />
|
||
|
||
@php
|
||
$relatedArticles = array_fill(0, 3, [
|
||
'badge' => 'Pressemitteilung',
|
||
'badgeType' => 'primary',
|
||
'category' => 'Technologie',
|
||
'categoryBadgeType' => 'secondary',
|
||
'date' => '2024-10-16',
|
||
'dateFormatted' => '16. Okt 2024',
|
||
'title' => 'KI-Innovation für den Mittelstand',
|
||
'teaser' => 'Neue Produktlinie erweitert das Portfolio für KMU.',
|
||
'author' => 'AI Solutions GmbH',
|
||
'authorInitials' => 'AI',
|
||
'image' => 'https://placehold.co/600x400/cf3628/ffffff?text=Related',
|
||
]);
|
||
@endphp
|
||
|
||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||
@foreach ($relatedArticles as $article)
|
||
<x-web.article-card :article="$article" />
|
||
@endforeach
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<livewire:web.footer />
|
||
</main>
|
||
|
||
@endsection
|
||
|
||
@push('styles')
|
||
<style>
|
||
:root {
|
||
--color-primary: {{ $domainConfig['color_scheme']['primary'] ?? '#cf3628' }};
|
||
--color-secondary: {{ $domainConfig['color_scheme']['secondary'] ?? '#f0834a' }};
|
||
}
|
||
|
||
.prose h2 {
|
||
font-size: 1.875rem;
|
||
font-weight: 700;
|
||
margin-top: 2rem;
|
||
margin-bottom: 1rem;
|
||
color: hsl(var(--primary));
|
||
}
|
||
|
||
.prose p {
|
||
margin-bottom: 1.5rem;
|
||
line-height: 1.8;
|
||
}
|
||
|
||
.prose .lead {
|
||
font-size: 1.25rem;
|
||
font-weight: 400;
|
||
border-left: 4px solid hsl(var(--primary));
|
||
padding-left: 1rem;
|
||
}
|
||
</style>
|
||
@endpush
|