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>
    </>
  );
}