import type { Metadata } from 'next'
import { notFound } from 'next/navigation'
import SeoCategoryPage from '@/components/SeoCategoryPage'
import { getSeoPageBySlug } from '@/lib/seoPages'
import { siteConfig } from '@/lib/site'

const profile = getSeoPageBySlug('identify-plant-photo')

export const metadata: Metadata = !profile
  ? {}
  : {
      title: profile.metaTitle,
      description: profile.metaDescription,
      alternates: { canonical: profile.canonical },
      openGraph: {
        title: profile.metaTitle,
        description: profile.metaDescription,
        url: `${siteConfig.domain}${profile.canonical}`,
        type: 'website',
        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
      },
      twitter: {
        card: 'summary_large_image',
        title: profile.metaTitle,
        description: profile.metaDescription,
        images: ['/og-image.png'],
      },
    }

export default function Page() {
  if (!profile) notFound()
  return <SeoCategoryPage profile={profile} />
}
