From d3a33aed823f2efbd81c78900a8982b5640c8306 Mon Sep 17 00:00:00 2001
From: Oliver Baer <oliver.baer@gmail.com>
Date: Sat, 11 Jul 2026 14:19:53 +0200
Subject: [PATCH 1/2] zahl raus

---
 src/components/noir/sections/NoirDonateSection.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/noir/sections/NoirDonateSection.tsx b/src/components/noir/sections/NoirDonateSection.tsx
index 698f2bc..caecac2 100644
--- a/src/components/noir/sections/NoirDonateSection.tsx
+++ b/src/components/noir/sections/NoirDonateSection.tsx
@@ -37,7 +37,7 @@ export default function NoirDonateSection({ content }: { content?: NoirDonateCon
             <div className="nh-lab">Tickets</div>
             <h3>KombiTicket – beide Nächte</h3>
             <p className="nh-card-sub">
-              Online buchen per PayPal. An der Abendkasse gilt: zahl, was du kannst – kein Mindestpreis.
+              Online buchen per PayPal.
             </p>
             <PayPalHostedButton
               hostedButtonId={PAYPAL_TICKET_BUTTON}

From 3b7c08c012384bfd7bdef44b52ab900ef4cd9518 Mon Sep 17 00:00:00 2001
From: Oliver Baer <oliver.baer@gmail.com>
Date: Sat, 11 Jul 2026 14:23:55 +0200
Subject: [PATCH 2/2] feat(sections): seed an editable homepage FAQ from the
 defaults

The homepage's auto-generated FAQ only appears while no `faq` section
exists, and editing it meant retyping every Q&A by hand. Add a
"FAQ aus Vorlage" action (shown until a faq section exists) that
pre-fills the add-form with the current default questions/answers for
review, then saves via the normal create flow.

- faq.ts: shared HOMEPAGE_FAQ_TITLE/SUBTITLE + pure resolveFestivalFaq()
  (unit-tested); homepage page.tsx now uses it instead of inline logic.
- GET /api/admin/sections/faq-defaults returns the computed defaults.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/app/(public)/page.tsx                     | 18 +++-------
 src/app/admin/sections/page.tsx               | 34 +++++++++++++++++++
 .../api/admin/sections/faq-defaults/route.ts  | 27 +++++++++++++++
 src/lib/__tests__/faq.test.ts                 | 28 ++++++++++++++-
 src/lib/faq.ts                                | 20 +++++++++++
 5 files changed, 112 insertions(+), 15 deletions(-)
 create mode 100644 src/app/api/admin/sections/faq-defaults/route.ts

diff --git a/src/app/(public)/page.tsx b/src/app/(public)/page.tsx
index 83ea747..28cdf2f 100644
--- a/src/app/(public)/page.tsx
+++ b/src/app/(public)/page.tsx
@@ -8,7 +8,7 @@ import { getHomepageSections } from '@/lib/sections'
 import { NOIR_DEFAULT_LAYOUT } from '@/lib/noir-home-defaults'
 import FAQ from '@/components/sections/FAQ'
 import { getFeaturedEvent } from '@/lib/events'
-import { festivalFaqDefaults, formatFestivalDateLabel } from '@/lib/faq'
+import { resolveFestivalFaq } from '@/lib/faq'
 
 export const dynamic = 'force-dynamic'
 
@@ -55,17 +55,13 @@ export default async function HomePage() {
   // SectionStructuredData render + emit on their own). This guarantees exactly
   // one visible FAQ and one FAQPage in every layout.
   const hasDbFaq = sections.some((s) => s.type === 'faq' && s.isVisible)
-  const dateLabel = featured
-    ? formatFestivalDateLabel(featured.startDate, featured.endDate)
-    : '7. und 8. August 2026'
-  const location = featured?.locationName || 'Hof Thiele, Ventschau'
-  const faqItems = festivalFaqDefaults({ dateLabel, location })
+  const faq = resolveFestivalFaq(featured)
 
   return (
     <div className="nh">
       <JsonLd data={websiteJsonLd} />
       {festivalJsonLd && <JsonLd data={festivalJsonLd} />}
-      {!hasDbFaq && <JsonLd data={buildFaqJsonLd(faqItems)} />}
+      {!hasDbFaq && <JsonLd data={buildFaqJsonLd(faq.items)} />}
       {sections.length > 0 ? (
         // Editor-composed homepage: ordered/visible elements from /admin/sections
         <HomepageSectionRenderer sections={sections} />
@@ -75,13 +71,7 @@ export default async function HomePage() {
         NOIR_DEFAULT_LAYOUT.map((type) => <NoirElement key={type} type={type} />)
       )}
       {!hasDbFaq && (
-        <FAQ
-          data={{
-            title: 'Häufig gestellte Fragen',
-            subtitle: 'Alles Wichtige zu Termin, Ort, Anreise und Eintritt.',
-            items: faqItems,
-          }}
-        />
+        <FAQ data={faq} />
       )}
     </div>
   )
diff --git a/src/app/admin/sections/page.tsx b/src/app/admin/sections/page.tsx
index d904c13..10c4b57 100644
--- a/src/app/admin/sections/page.tsx
+++ b/src/app/admin/sections/page.tsx
@@ -1078,6 +1078,30 @@ export default function AdminSectionsPage() {
     }
   }
 
+  // Pre-fill the add-form with the current default homepage FAQ so an editor can
+  // review and save it as a real, editable `faq` section. Nothing is persisted
+  // until they hit Speichern (the normal create flow).
+  async function seedFaqFromDefaults() {
+    setError(null)
+    try {
+      const res = await fetch('/api/admin/sections/faq-defaults')
+      if (!res.ok) throw new Error('FAQ-Vorlage konnte nicht geladen werden')
+      const data = await res.json()
+      resetForm()
+      setFormType('faq')
+      setFormTitle(data.title || '')
+      setFormSubtitle(data.subtitle || '')
+      setFaqItems(
+        Array.isArray(data.items) && data.items.length > 0
+          ? data.items
+          : [{ question: '', answer: '' }],
+      )
+      setShowAddForm(true)
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Fehler')
+    }
+  }
+
   // ---------------------------------------------------------------------------
   // Section list detail helpers
   // ---------------------------------------------------------------------------
@@ -1233,6 +1257,16 @@ export default function AdminSectionsPage() {
                 Aktuelle Startseite übernehmen
               </button>
             )}
+            {!sections.some((s) => s.type === 'faq') && (
+              <button
+                onClick={seedFaqFromDefaults}
+                className="inline-flex items-center gap-1.5 px-4 py-2 glass text-brand-text rounded-xl text-sm font-medium hover:bg-brand-bg-dark transition-all"
+                title="Automatische Homepage-FAQ als bearbeitbare Sektion vorbefüllen"
+              >
+                <QuestionMarkCircleIcon className="w-4 h-4" />
+                FAQ aus Vorlage
+              </button>
+            )}
             <button
               onClick={() => {
                 resetForm()
diff --git a/src/app/api/admin/sections/faq-defaults/route.ts b/src/app/api/admin/sections/faq-defaults/route.ts
new file mode 100644
index 0000000..cf076fe
--- /dev/null
+++ b/src/app/api/admin/sections/faq-defaults/route.ts
@@ -0,0 +1,27 @@
+import { NextResponse } from 'next/server'
+import { cookies } from 'next/headers'
+import { getToken } from 'next-auth/jwt'
+import { getFeaturedEvent } from '@/lib/events'
+import { resolveFestivalFaq } from '@/lib/faq'
+
+async function getSessionToken() {
+  const cookieStore = await cookies()
+  return getToken({
+    req: {
+      cookies: Object.fromEntries(cookieStore.getAll().map((c) => [c.name, c.value])),
+    } as any, // eslint-disable-line @typescript-eslint/no-explicit-any
+    secret: process.env.NEXTAUTH_SECRET,
+  })
+}
+
+// Read-only: returns the current default homepage FAQ (title/subtitle + Q&A
+// items) so the admin can pre-fill and save an editable `faq` section from it.
+export async function GET() {
+  const token = await getSessionToken()
+  if (!token) {
+    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+  }
+
+  const featured = await getFeaturedEvent()
+  return NextResponse.json(resolveFestivalFaq(featured))
+}
diff --git a/src/lib/__tests__/faq.test.ts b/src/lib/__tests__/faq.test.ts
index bf85ed8..c141b33 100644
--- a/src/lib/__tests__/faq.test.ts
+++ b/src/lib/__tests__/faq.test.ts
@@ -1,6 +1,12 @@
 import { test } from 'node:test'
 import assert from 'node:assert/strict'
-import { formatFestivalDateLabel, festivalFaqDefaults } from '../faq'
+import {
+  formatFestivalDateLabel,
+  festivalFaqDefaults,
+  resolveFestivalFaq,
+  HOMEPAGE_FAQ_TITLE,
+  HOMEPAGE_FAQ_SUBTITLE,
+} from '../faq'
 
 test('two-day range in one month → "7. und 8. August 2026"', () => {
   const start = new Date('2026-08-07T10:00:00+02:00')
@@ -33,3 +39,23 @@ test('festivalFaqDefaults interpolates date + location and carries region terms'
   assert.match(wo, /Niedersachsen/)
   assert.match(wo, /Norddeutschland/)
 })
+
+test('resolveFestivalFaq: uses the featured event date + location', () => {
+  const featured = {
+    startDate: new Date('2026-08-07T10:00:00+02:00'),
+    endDate: new Date('2026-08-08T10:00:00+02:00'),
+    locationName: 'Hof Meyer, Ventschau',
+  }
+  const faq = resolveFestivalFaq(featured)
+  assert.equal(faq.title, HOMEPAGE_FAQ_TITLE)
+  assert.equal(faq.subtitle, HOMEPAGE_FAQ_SUBTITLE)
+  assert.equal(faq.items.length, 5)
+  assert.match(faq.items[0].answer, /7\. und 8\. August 2026/)
+  assert.match(faq.items[1].answer, /Hof Meyer, Ventschau/)
+})
+
+test('resolveFestivalFaq: falls back to defaults when no featured event', () => {
+  const faq = resolveFestivalFaq(null)
+  assert.match(faq.items[0].answer, /7\. und 8\. August 2026/)
+  assert.match(faq.items[1].answer, /Hof Thiele, Ventschau/)
+})
diff --git a/src/lib/faq.ts b/src/lib/faq.ts
index c1c17e4..32e5420 100644
--- a/src/lib/faq.ts
+++ b/src/lib/faq.ts
@@ -22,6 +22,26 @@ export function formatFestivalDateLabel(start: Date, end: Date | null): string {
   return `${day(start)}. ${month(start)} und ${day(end)}. ${month(end)} ${year(end)}`
 }
 
+/** Homepage FAQ heading + intro — shared by the public page and the admin seed. */
+export const HOMEPAGE_FAQ_TITLE = 'Häufig gestellte Fragen'
+export const HOMEPAGE_FAQ_SUBTITLE = 'Alles Wichtige zu Termin, Ort, Anreise und Eintritt.'
+
+/** Resolve the homepage FAQ (title/subtitle + items) from the featured event,
+ *  falling back to static defaults when no event is set. Pure — no Prisma. */
+export function resolveFestivalFaq(
+  featured: { startDate: Date; endDate: Date | null; locationName: string | null } | null,
+): { title: string; subtitle: string; items: FaqItem[] } {
+  const dateLabel = featured
+    ? formatFestivalDateLabel(featured.startDate, featured.endDate)
+    : '7. und 8. August 2026'
+  const location = featured?.locationName || 'Hof Thiele, Ventschau'
+  return {
+    title: HOMEPAGE_FAQ_TITLE,
+    subtitle: HOMEPAGE_FAQ_SUBTITLE,
+    items: festivalFaqDefaults({ dateLabel, location }),
+  }
+}
+
 /** The default festival FAQ. The "Wo?" answer carries the broad region terms. */
 export function festivalFaqDefaults(input: { dateLabel: string; location: string }): FaqItem[] {
   const { dateLabel, location } = input