16 lines
569 B
TypeScript
16 lines
569 B
TypeScript
import { useParams } from 'react-router-dom';
|
|
import SEOHead from '../components/seo/SEOHead';
|
|
|
|
export default function BlogDetailPage() {
|
|
const { slug } = useParams<{ slug: string }>();
|
|
return (
|
|
<>
|
|
<SEOHead title={slug ?? 'Blog'} description={`Blog post: ${slug}`} path={`/blog/${slug}`} type="article" />
|
|
<div className="max-w-4xl mx-auto py-16 px-6">
|
|
<h1 className="text-3xl font-bold text-gray-900 mb-4 capitalize">{slug?.replace(/-/g, ' ')}</h1>
|
|
<p className="text-gray-600">Content coming soon.</p>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|