31 lines
1.5 KiB
TypeScript
31 lines
1.5 KiB
TypeScript
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>
|
|
);
|
|
}
|