import type { Metadata } from 'next'
import Image from 'next/image'
import PageCover from '@/components/PageCover'
import { IconFacebook, IconGlobe } from '@/components/Icons'
import Reveal from '@/components/Reveal'

export const metadata: Metadata = {
  title: 'DJ & Kongashow',
  description:
    'Esküvői DJ és kongashow — Dj Maci és Böszörményi Kovács Zsolt közös szolgáltatása.',
  alternates: { canonical: '/dj_kongashow' },
}

const members = [
  {
    name: 'Dj Maci',
    image: '/images/dj_kongashow/zsoltiacm_dj&kongashow_djmaci.png',
    web: { label: 'djmaci.hu', href: 'https://djmaci.hu' },
    facebook: 'https://www.facebook.com/DjMaci-277548438939917/',
    text: 'A képen látható fiatalemberrel számtalan közös, fergetegesen sikerült esküvői bulin vagyunk túl, ezért szívből ajánlom mindenkinek, aki a tökéletes hangzásra, az egymásba kevert, ezért soha véget nem érő zenékre a határtalan repertoárra és a csúcstechnikára szavaz egy esküvőn. Ő Szulyák Zoltán, azaz DJ Maci, Kelet-Magyarország egyik legnépszerűbb esküvői lemezlovasa és személyes jóbarátom.',
  },
  {
    name: 'Böszörményi Kovács Zsolt',
    image: '/images/dj_kongashow/zsoltiacm_dj&kongashow_zsoltiacm.png',
    web: { label: 'mambospace.webnode.hu', href: 'https://mambospace.webnode.hu/' },
    facebook: 'https://www.facebook.com/mambospace/',
    text: 'Ha esküvői DJ mellett döntötök, az est táncos részébe kongashow-t is kérhettek tőlem! A legtöbb stílusú dalhoz kiválóan illenek az afro-latin ütőhangszerek, melyek kihangosítva, a zenét improvizatív módon kisérve színesítik az estét és varázsolnak karibi hangulatot az esküvői bulira. Lassan két évtizede játszom ritmushangszereken és rendszeres fellépője vagyok több táncos szórakozóhelynek kongásként.',
  },
]

export default function DjKongashowPage() {
  return (
    <>
      <PageCover
        image="/images/dj_kongashow/zsoltiacm_dj&kongashow_banner.png"
        title="DJ & Kongashow"
        center
      />

      <section
        className="site-section bg-image"
        style={{ backgroundImage: "url('/images/dj_kongashow/zsoltiacm_dj&kongashow_background.png')" }}
      >
        <div className="layer" />
        <div className="container section-inner">
          <div className="grid-2">
            {members.map((m) => (
              <Reveal key={m.name}>
                <div className="team-member" style={{ marginBottom: 20 }}>
                  <Image src={m.image} alt={m.name} width={600} height={600} sizes="(max-width: 768px) 100vw, 50vw" />
                  <div className="text">
                    <h2>{m.name}</h2>
                    <p>
                      <a href={m.web.href} target="_blank" rel="noopener noreferrer">
                        <IconGlobe /> {m.web.label}
                      </a>
                    </p>
                    <p>
                      <a href={m.facebook} target="_blank" rel="noopener noreferrer" aria-label={`${m.name} Facebook`}>
                        <IconFacebook />
                      </a>
                    </p>
                  </div>
                </div>
                <div style={{ padding: 10 }}>
                  <p>{m.text}</p>
                </div>
              </Reveal>
            ))}
          </div>
        </div>
      </section>
    </>
  )
}