import { Metadata } from 'next';
import Link from 'next/link';

export const metadata: Metadata = {
  title: 'Blog',
  description: 'Thoughts, reflections, and creative insights from Katheryn Trenshaw',
};

export default function BlogPage() {
  return (
    <div className="min-h-screen bg-white pt-24">
      {/* Header */}
      <div className="border-b border-gray-200">
        <div className="mx-auto max-w-7xl px-4 py-16 text-center">
          <h1 className="font-serif text-4xl md:text-5xl">Blog</h1>
          <p className="mt-4 text-gray-600">
            Thoughts, reflections, and creative insights
          </p>
        </div>
      </div>

      {/* Coming soon */}
      <div className="mx-auto max-w-7xl px-4 py-20 text-center">
        <p className="text-gray-500">
          Blog posts coming soon.
        </p>
        <Link href="/" className="mt-8 inline-block text-sm underline underline-offset-4 hover:no-underline">
          Return Home
        </Link>
      </div>
    </div>
  );
}
