maroandClaude Sonnet 5
1cd15aff25
- Customer accounts now require email verification (hashed, single-use, time-limited tokens) before they can request/confirm bookings, with resend flows on login/account/booking widget and rate limiting. - Admins get a private, rotatable iCalendar (ICS) subscription feed of their confirmed bookings and public events, timezone-correct for Europe/Berlin including DST, never exposing meeting passwords. - Adds a full SEO layer: per-page canonical/OG/Twitter metadata with CMS-editable overrides and content-derived fallbacks, a dynamic sitemap.xml and robots.txt driven by real published content, JSON-LD (Organization/LocalBusiness, WebSite, WebPage, BreadcrumbList, Service, Event, BlogPosting) that never fabricates data, and a CMS-managed redirect table for changed slugs. - Global ANOUMA-naming audit: the brand name is never used to label personal account/calendar areas anywhere in the app, CMS, or emails. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
69 lines
2.5 KiB
TypeScript
69 lines
2.5 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { PageHeader } from "@/components/PageHeader";
|
|
import { Section } from "@/components/Section";
|
|
import { Reveal } from "@/components/Reveal";
|
|
import { EventTeaserCard } from "@/components/EventTeaserCard";
|
|
import { getAllEvents } from "@/lib/payload/content";
|
|
import { buildMetadata } from "@/lib/seo/metadata";
|
|
import { getSiteUrl } from "@/lib/seo/config";
|
|
import { JsonLd, webPageJsonLd } from "@/lib/seo/jsonld";
|
|
|
|
export const dynamic = "force-dynamic";
|
|
|
|
const DESCRIPTION = "Aktuelle Termine und Veranstaltungen von Anouma.";
|
|
|
|
export async function generateMetadata(): Promise<Metadata> {
|
|
return buildMetadata({ title: "Termine", description: DESCRIPTION, path: "/termine" });
|
|
}
|
|
|
|
export default async function TerminePage() {
|
|
const events = await getAllEvents();
|
|
const today = new Date();
|
|
today.setHours(0, 0, 0, 0);
|
|
const upcoming = events.filter((e) => new Date(e.date) >= today).reverse();
|
|
const past = events.filter((e) => new Date(e.date) < today);
|
|
const siteUrl = await getSiteUrl();
|
|
|
|
return (
|
|
<>
|
|
<JsonLd data={webPageJsonLd({ name: "Termine", description: DESCRIPTION, url: `${siteUrl}/termine` })} />
|
|
<PageHeader
|
|
eyebrow="Termine"
|
|
title="Aktuelle Termine"
|
|
lead="Ein Überblick über anstehende Kreise, Begleitungen und Veranstaltungen."
|
|
crumbs={[{ title: "Termine" }]}
|
|
/>
|
|
|
|
<Section tone="plain">
|
|
{upcoming.length === 0 ? (
|
|
<p className="text-lg text-anouma-plum">
|
|
Aktuell sind keine Termine geplant — schau gerne bald wieder vorbei oder melde dich
|
|
direkt über die <a href="/kontakt" className="underline underline-offset-4">Kontaktseite</a>.
|
|
</p>
|
|
) : (
|
|
<div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
|
|
{upcoming.map((event, i) => (
|
|
<Reveal key={event.slug} delay={Math.min(i * 0.06, 0.3)}>
|
|
<EventTeaserCard event={event} />
|
|
</Reveal>
|
|
))}
|
|
</div>
|
|
)}
|
|
</Section>
|
|
|
|
{past.length > 0 && (
|
|
<Section tone="warm">
|
|
<h2 className="font-serif text-2xl font-medium text-anouma-plum">Vergangene Termine</h2>
|
|
<div className="mt-8 grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
|
|
{past.map((event) => (
|
|
<div key={event.slug} className="opacity-70">
|
|
<EventTeaserCard event={event} />
|
|
</div>
|
|
))}
|
|
</div>
|
|
</Section>
|
|
)}
|
|
</>
|
|
);
|
|
}
|