import { Navigation } from "@/components/navigation"
import { Footer } from "@/components/footer"
import { MarkdownRenderer } from "@/components/blog/markdown-renderer"
import { getPage } from "@/lib/content"
import { notFound } from "next/navigation"

export default async function ContactPage() {
  const page = await getPage("contact")
  
  if (!page) {
    notFound()
  }

  return (
    <div className="min-h-screen bg-background">
      <Navigation />

      <main className="container mx-auto px-4 py-8 max-w-4xl">
        <div className="prose prose-lg max-w-none">
          <MarkdownRenderer content={page.content} />
        </div>
      </main>

      <Footer />
    </div>
  )
}