import type { Metadata } from 'next'
import Link from 'next/link'
import Article from '@/components/Article'
import PageCover from '@/components/PageCover'
import { IconArrowBack } from '@/components/Icons'
import Reveal from '@/components/Reveal'

export const metadata: Metadata = {
  title: 'Miért lehet jó választás az esküvői DJ?',
  description:
    'Esküvői ceremóniamesterként szerzett tapasztalatok arról, mit tud egy DJ, amit egy zenekar nem.',
  alternates: { canonical: '/eskuvoi_dj' },
}

export default function EskuvoiDjPage() {
  return (
    <>
      <PageCover
        image="/images/blog/zsoltiacm_blog_banner.png"
        title="Miért lehet jó választás az esküvői DJ?"
        center
      />
      <section className="site-section">
        <div className="container">
          <Link href="/blog" className="back-link">
            <IconArrowBack size={24} /> vissza a bloghoz
          </Link>
          <Reveal>
            <Article name="eskuvoi_dj" />
          </Reveal>
        </div>
      </section>
    </>
  )
}