import { Metadata } from 'next'
import { getTranslations } from 'next-intl/server'
import { PlazaClient } from '@/components/plaza/PlazaClient'

export async function generateMetadata(): Promise<Metadata> {
  const t = await getTranslations('plaza')
  
  return {
    title: `${t('title')} | Prmbr`,
    description: t('subtitle'),
    keywords: ['AI prompts', 'prompt library', 'community prompts', 'AI tools', 'prompt sharing', 'ChatGPT prompts', 'Claude prompts'],
    openGraph: {
      title: `${t('title')} | Prmbr`,
      description: t('subtitle'),
      type: 'website',
      siteName: 'Prmbr',
    },
    twitter: {
      card: 'summary_large_image',
      title: `${t('title')} | Prmbr`,
      description: t('subtitle'),
    },
    alternates: {
      canonical: '/plaza',
    }
  }
}

export default function PlazaPage() {
  return <PlazaClient />
}