import type { Metadata } from "next"
import { getTranslations } from "next-intl/server"

export async function generateMetadata(): Promise<Metadata> {
  const t = await getTranslations("pricingPage.hero")
  return { title: t("headline") }
}

export default async function PricingPage() {
  const t = await getTranslations("pricingPage.hero")

  return (
    <section className="min-h-screen pt-32 pb-20 px-6">
      <div className="max-w-4xl mx-auto text-center">
        <p className="text-xs font-semibold uppercase tracking-widest text-accent mb-4">
          {t("label")}
        </p>
        <h1 className="font-display text-4xl md:text-6xl font-bold text-text-primary leading-tight">
          {t("headline")}
        </h1>
        <p className="mt-6 text-lg text-text-secondary max-w-2xl mx-auto leading-relaxed">
          {t("subheadline")}
        </p>
        <div className="mt-16 text-text-muted text-sm">
          Pricing details coming soon
        </div>
      </div>
    </section>
  )
}