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'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Badge } from '@/components/ui/badge'; import { Separator } from '@/components/ui/separator'; import { Button } from '@/components/ui/button'; 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 = ({ post }) => { const { localizedPath } = useLocalizedRoutes(); const { t } = useTranslation('blog_show'); return ( {/* Hero Section */}

{post.title}

{t('by_author')} {post.author?.name || t('team')} {t('published_on')} {new Date(post.published_at).toLocaleDateString('de-DE', { day: 'numeric', month: 'long', year: 'numeric' })}
{post.featured_image && (
{post.title}
)}
{/* Post Content */}
{/* Back to Blog */}
); }; BlogShow.layout = (page: React.ReactNode) => page; export default BlogShow;