import { Metadata } from 'next'
import { blogPosts } from '@/lib/blogPosts'
import { BlogPostTemplate } from '@/components/blog/BlogPostTemplate'

const post = blogPosts['which-plant-is-this-guide']

export const metadata: Metadata = {
  title: post.metaTitle,
  description: post.metaDescription,
  alternates: {
    canonical: post.canonical,
  },
  openGraph: {
    title: post.metaTitle,
    description: post.metaDescription,
    images: [{ url: post.heroImage }],
  },
}

export default function WhichPlantIsThisGuidePage() {
  return <BlogPostTemplate post={post} />
}