import type { Metadata } from 'next'
import PageCover from '@/components/PageCover'
import Testimonials from '@/components/Testimonials'
import Reveal from '@/components/Reveal'
import { references } from '@/lib/data'

export const metadata: Metadata = {
  title: 'Referenciák',
  description:
    'Vélemények és referenciák pároktól Böszörményi Kovács Zsolt esküvői ceremóniamesterről.',
  alternates: { canonical: '/referenciak' },
}

export default function ReferenciakPage() {
  return (
    <>
      <PageCover image="/images/zsoltiacm_reference_banner.png" title="Referenciák" />

      <section
        className="site-section bg-image"
        style={{ backgroundImage: "url('/images/zsoltiacm_referenciak_hatter.png')" }}
      >
        <div className="layer-60" style={{ position: 'absolute', inset: 0 }} />
        <div className="container section-inner">
          <Reveal>
            <div className="site-section-heading text-center">
              <h2>Referenciák</h2>
            </div>
          </Reveal>
          <Testimonials items={references} />
        </div>
      </section>
    </>
  )
}