Initial commit: ANOUMA website with Payload CMS, WebRTC meetings, and booking system

- Next.js 16 App Router site with the ANOUMA design system - Payload CMS (PostgreSQL) for offers, events, posts and page content - WebRTC video-call system with custom signaling server - SMTP email reminders and booking-request notifications - Customer accounts, calendar-based availability, and booking workflow
2026-08-25 16:40:51 +02:00
commit 45261a0461
138 changed files with 23263 additions and 0 deletions
@@ -0,0 +1,55 @@
+import type { Metadata } from "next";
+import { PageHeader } from "@/components/PageHeader";
+import { Section } from "@/components/Section";
+import { AngebotCard } from "@/components/AngebotCard";
+import { CTA } from "@/components/CTA";
+import { Reveal } from "@/components/Reveal";
+import { getOffers } from "@/lib/payload/content";
+import { moodForOffer } from "@/lib/angebote";
+import { mediaUrl } from "@/lib/payload/media";
+
+export const dynamic = "force-dynamic";
+
+export const metadata: Metadata = {
+  title: "Singkreise",
+  description: "Gemeinsam singen. Verbinden. Heilen. Für Herz und Seele.",
+};
+
+export default async function SingkreisePage() {
+  const offers = await getOffers();
+  const singkreise = offers
+    .filter((offer) => offer.category === "singkreise")
+    .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+
+  return (
+    <>
+      <PageHeader
+        eyebrow="Singkreise"
+        title="Singkreise – miteinander singen, klingen und sein"
+        lead="Gemeinsam singen. Verbinden. Heilen. Für Herz und Seele."
+        crumbs={[{ title: "Angebote", href: "/angebote" }, { title: "Singkreise" }]}
+      />
+
+      <Section tone="plain">
+        <div className="grid gap-6 sm:grid-cols-3">
+          {singkreise.map((offer, i) => (
+            <Reveal key={offer.slug} delay={i * 0.08}>
+              <AngebotCard
+                href={`/angebote/${offer.slug}`}
+                title={offer.title}
+                tagline={offer.shortDescription}
+                mood={moodForOffer(offer)}
+                imageSrc={mediaUrl(offer.image, "card")}
+              />
+            </Reveal>
+          ))}
+        </div>
+      </Section>
+
+      <CTA
+        title="Deine Stimme erklingen lassen"
+        lead="Ob offen für alle, für Schwangere oder für Mamas mit Baby — melde dich, wenn du einen Kreis besuchen möchtest."
+      />
+    </>
+  );
+}