d04e234ca0
- Brand/Theming: Marketing-Farb- und Typographievariablen in `resources/css/app.css` eingeführt, AdminLayout, Dashboardkarten und Onboarding-Komponenten entsprechend angepasst; Dokumentation (`docs/todo/tenant-admin-onboarding-fusion.md`, `docs/changes/...`) aktualisiert. - Checkout & Payments: Checkout-, PayPal-Controller und Tests für integrierte Stripe/PayPal-Flows sowie Paket-Billing-Abläufe überarbeitet; neue PayPal SDK-Factory und Admin-API-Helper (`resources/js/admin/api.ts`) schaffen Grundlage für Billing/Members/Tasks-Seiten. - DX & Tests: Neue Playwright/E2E-Struktur (docs/testing/e2e.md, `tests/e2e/tenant-onboarding-flow.test.ts`, Utilities), E2E-Tenant-Seeder und zusätzliche Übersetzungen/Factories zur Unterstützung der neuen Flows. - Marketing-Kommunikation: Automatische Kontakt-Bestätigungsmail (`ContactConfirmation` + Blade-Template) implementiert; Guest-PWA unter `/event` erreichbar. - Nebensitzung: Blogsystem gefixt und umfassenden BlogPostSeeder für Beispielinhalte angelegt.
67 lines
2.2 KiB
TypeScript
67 lines
2.2 KiB
TypeScript
import React from 'react';
|
|
import { Head, Link } from '@inertiajs/react';
|
|
import { useLocalizedRoutes } from '@/hooks/useLocalizedRoutes';
|
|
import { useTranslation } from 'react-i18next';
|
|
import MarketingLayout from '@/layouts/mainWebsite';
|
|
|
|
interface Props {
|
|
post: {
|
|
id: number;
|
|
title: string;
|
|
excerpt?: string;
|
|
content: string;
|
|
content_html: string;
|
|
featured_image?: string;
|
|
published_at: string;
|
|
author?: { name: string };
|
|
slug: string;
|
|
};
|
|
}
|
|
|
|
const BlogShow: React.FC<Props> = ({ post }) => {
|
|
const { localizedPath } = useLocalizedRoutes();
|
|
const { t } = useTranslation('blog_show');
|
|
|
|
return (
|
|
<MarketingLayout title={`${post.title} ${t('title_suffix')}`}>
|
|
<Head title={`${post.title} ${t('title_suffix')}`} />
|
|
{/* Hero Section */}
|
|
<section className="bg-gradient-to-r from-[#FFB6C1] via-[#FFD700] to-[#87CEEB] text-white py-20 px-4">
|
|
<div className="container mx-auto text-center">
|
|
<h1 className="text-4xl md:text-5xl font-bold mb-4">{post.title}</h1>
|
|
<p className="text-lg mb-8">
|
|
{t('by_author')} {post.author?.name || t('team')} | {t('published_on')} {new Date(post.published_at).toLocaleDateString('de-DE')}
|
|
</p>
|
|
{post.featured_image && (
|
|
<img
|
|
src={post.featured_image}
|
|
alt={post.title}
|
|
className="mx-auto rounded-lg shadow-lg max-w-2xl"
|
|
/>
|
|
)}
|
|
</div>
|
|
</section>
|
|
|
|
{/* Post Content */}
|
|
<section className="py-20 px-4 bg-white">
|
|
<div className="container mx-auto max-w-4xl prose prose-lg max-w-none">
|
|
<div dangerouslySetInnerHTML={{ __html: post.content_html }} />
|
|
</div>
|
|
</section>
|
|
|
|
{/* Back to Blog */}
|
|
<section className="py-10 px-4 bg-gray-50">
|
|
<div className="container mx-auto text-center">
|
|
<Link
|
|
href={localizedPath('/blog')}
|
|
className="bg-[#FFB6C1] text-white px-8 py-3 rounded-full font-semibold hover:bg-[#FF69B4] transition"
|
|
>
|
|
{t('back_to_blog')}
|
|
</Link>
|
|
</div>
|
|
</section>
|
|
</MarketingLayout>
|
|
);
|
|
};
|
|
|
|
export default BlogShow; |