import Link from "next/link";

const links = [
  { href: "/admin/anfragen", kicker: "Kommunikation", title: "Anfragen", text: "Kontakt aufnehmen, antworten und E-Mail-Verläufe bearbeiten." },
  { href: "/admin/kalender", kicker: "Planung", title: "Kalender", text: "Freie Zeiten, Buchungen und Veranstaltungen im Blick behalten." },
  { href: "/admin/collections/offers", kicker: "Website", title: "Angebote", text: "Angebote, Gruppen und Buchungsarten pflegen." },
  { href: "/admin/collections/events", kicker: "Termine", title: "Veranstaltungen", text: "Termine anlegen, bearbeiten und Anmeldungen verwalten." },
];

export function AdminWelcome() {
  return (
    <section className="anouma-admin-welcome" aria-labelledby="anouma-admin-welcome-title">
      <div className="anouma-admin-welcome__intro">
        <p className="anouma-admin-eyebrow">Anouma Verwaltung</p>
        <h1 id="anouma-admin-welcome-title">Was möchtest du heute erledigen?</h1>
        <p>Hier findest du die wichtigsten Bereiche für Website, Anfragen und Termine an einem Ort.</p>
      </div>
      <div className="anouma-admin-quicklinks">
        {links.map((link, index) => (
          <Link key={link.href} href={link.href} className="anouma-admin-quicklink">
            <span className="anouma-admin-quicklink__number">0{index + 1}</span>
            <span className="anouma-admin-quicklink__kicker">{link.kicker}</span>
            <strong>{link.title}</strong>
            <span>{link.text}</span>
          </Link>
        ))}
      </div>
    </section>
  );
}