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,80 @@
+const colors = {
+  mauveDark: "#8b616d",
+  plum: "#66505f",
+  cream: "#f2e2d6",
+  creamLight: "#fbf6f1",
+};
+
+export function escapeHtml(value: string): string {
+  return value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;");
+}
+
+export function renderButton(label: string, href: string): string {
+  return `<table role="presentation" cellpadding="0" cellspacing="0" style="margin:24px auto;">
+    <tr>
+      <td style="border-radius:999px;background:${colors.mauveDark};">
+        <a href="${href}" style="display:inline-block;padding:14px 32px;color:#ffffff;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:0.02em;">
+          ${escapeHtml(label)}
+        </a>
+      </td>
+    </tr>
+  </table>`;
+}
+
+export function renderFactBox(rows: { label: string; value: string }[]): string {
+  const cells = rows
+    .map(
+      (row, i) => `<p style="margin:0 ${i === rows.length - 1 ? "0" : "0 12px"} 0;color:${colors.plum};font-size:14px;">
+        <strong>${escapeHtml(row.label)}:</strong><br />${escapeHtml(row.value)}
+      </p>`,
+    )
+    .join("\n");
+
+  return `<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:${colors.cream};border-radius:16px;">
+    <tr><td style="padding:20px 24px;">${cells}</td></tr>
+  </table>`;
+}
+
+/** Shared table-based, inline-styled email shell — same design language across all ANOUMA emails. */
+export function renderEmailShell(args: { preheader?: string; bodyHtml: string; footerText?: string }): string {
+  const { bodyHtml, footerText = "Räume für Verbindung — mit dir selbst, miteinander und mit der Natur." } = args;
+
+  return `<!doctype html>
+<html lang="de">
+  <body style="margin:0;padding:0;background:${colors.creamLight};font-family:Georgia,'Times New Roman',serif;">
+    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:${colors.creamLight};padding:32px 16px;">
+      <tr>
+        <td align="center">
+          <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="max-width:480px;background:#ffffff;border-radius:24px;overflow:hidden;">
+            <tr>
+              <td style="background:${colors.mauveDark};padding:28px 32px;text-align:center;">
+                <span style="color:#ffffff;font-size:22px;letter-spacing:0.12em;font-weight:600;">ANOUMA</span>
+              </td>
+            </tr>
+            <tr>
+              <td style="padding:32px;">
+                ${bodyHtml}
+              </td>
+            </tr>
+            <tr>
+              <td style="padding:20px 32px;background:${colors.cream};text-align:center;">
+                <span style="color:${colors.plum};font-size:12px;">${escapeHtml(footerText)}</span>
+              </td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>`;
+}
+
+export function paragraph(text: string, opts: { italic?: boolean; small?: boolean } = {}): string {
+  const size = opts.small ? "13px" : "16px";
+  const style = opts.italic ? "font-style:italic;" : "";
+  return `<p style="margin:0 0 20px;color:${colors.plum};font-size:${size};line-height:1.6;${style}">${escapeHtml(text)}</p>`;
+}