1294caa7fa
Complete rebuild of 22-year-old PHP CMS as modern SaaS: Database (15 migrations, 42+ tables): - Foundation: account_settings, audit_log, GDPR register, cms_files - Module Engine: modules, fields, records, permissions, relations + RPC - Members: 45+ field member profiles, departments, roles, honors, SEPA mandates - Courses: courses, sessions, categories, instructors, locations, attendance - Bookings: rooms, guests, bookings with availability - Events: events, registrations, holiday passes - Finance: SEPA batches/items (pain.008/001 XML), invoices - Newsletter: campaigns, templates, recipients, subscriptions - Site Builder: site_pages (Puck JSON), site_settings, cms_posts - Portal Auth: member_portal_invitations, user linking Feature Packages (9): - @kit/module-builder — dynamic low-code CRUD engine - @kit/member-management — 31 API methods, 21 actions, 8 components - @kit/course-management, @kit/booking-management, @kit/event-management - @kit/finance — SEPA XML generator + IBAN validator - @kit/newsletter — campaigns + dispatch - @kit/document-generator — PDF/Excel/Word - @kit/site-builder — Puck visual editor, 15 blocks, public rendering Pages (60+): - Dashboard with real stats from all APIs - Full CRUD for all 8 domains with react-hook-form + Zod - Recharts statistics - German i18n throughout - Member portal with auth + invitation system - Public club websites via Puck at /club/[slug] Infrastructure: - Dockerfile (multi-stage, standalone output) - docker-compose.yml (Supabase self-hosted + Next.js) - Kong API gateway config - .env.production.example
42 lines
1.6 KiB
TypeScript
42 lines
1.6 KiB
TypeScript
import { Card, CardContent, CardHeader, CardTitle } from '@kit/ui/card';
|
|
import { Input } from '@kit/ui/input';
|
|
import { Label } from '@kit/ui/label';
|
|
import { Button } from '@kit/ui/button';
|
|
import { Mail } from 'lucide-react';
|
|
|
|
interface Props { params: Promise<{ slug: string }> }
|
|
|
|
export default async function NewsletterSubscribePage({ params }: Props) {
|
|
const { slug } = await params;
|
|
|
|
return (
|
|
<div className="min-h-screen bg-muted/30 flex items-center justify-center p-6">
|
|
<Card className="w-full max-w-md">
|
|
<CardHeader className="text-center">
|
|
<div className="mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-primary/10">
|
|
<Mail className="h-6 w-6 text-primary" />
|
|
</div>
|
|
<CardTitle>Newsletter abonnieren</CardTitle>
|
|
<p className="text-sm text-muted-foreground">Bleiben Sie über Neuigkeiten informiert.</p>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<form className="space-y-4">
|
|
<div className="space-y-2">
|
|
<Label>Name (optional)</Label>
|
|
<Input name="name" placeholder="Max Mustermann" />
|
|
</div>
|
|
<div className="space-y-2">
|
|
<Label>E-Mail-Adresse *</Label>
|
|
<Input name="email" type="email" placeholder="ihre@email.de" required />
|
|
</div>
|
|
<Button type="submit" className="w-full">Abonnieren</Button>
|
|
<p className="text-xs text-center text-muted-foreground">
|
|
Sie können sich jederzeit abmelden. Wir senden Ihnen eine Bestätigungs-E-Mail.
|
|
</p>
|
|
</form>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
);
|
|
}
|