feat: manage home form copy via payload

src/spa/homeContent.ts

@@ -1,3 +1,5 @@
+import { participationContent } from '@/spa/participationContent'
+
 export const homeContent = {
   hero: {
     backgroundImageFilename: 'gala-saal-overview.jpg',
@@ -209,6 +211,7 @@ export const homeContent = {
     footnote: 'Kostenlos und unverbindlich –',
     footnoteStrong: 'keine Teilnahmegebühr',
   },
+  form: participationContent.form,
   videoModal: {
     title: 'Video-Player Platzhalter',
     description: 'Hier würde das Image-Video des BMP geladen werden.',

src/spa/pages/Home.tsx

@@ -116,6 +116,7 @@ const Home: React.FC = () => {
   const winnersSection = home.winners || {};
   const benefits = home.benefits || {};
   const application = home.application || {};
+  const form = home.form || {};
   const videoModal = home.videoModal || {};
   const cmsPreistraeger = useCmsCollection('preistraeger');
   const selectedWinners = fallbackArray(winnersSection.featured, []);
@@ -551,7 +552,7 @@ const Home: React.FC = () => {
             <div style={{ padding: isMobile ? '32px 24px' : '24px 48px 32px 40px', flex: isMobile ? 'none' : 1, height: isMobile ? '82svh' : undefined, display: 'flex', flexDirection: 'column', minHeight: 0, position: 'relative', zIndex: 1 }}>
               <span style={{ fontFamily: FF, fontSize: 10, color: 'rgba(17,29,85,0.5)', textTransform: 'uppercase', letterSpacing: '0.32em', fontWeight: 700, display: 'block', marginBottom: 8 }}>{fallbackText(application.formEyebrow, homeContent.application.formEyebrow)}</span>
               <h3 style={{ fontFamily: FF, fontSize: 'clamp(1.2rem, 1.8vw, 1.6rem)', fontWeight: 900, color: '#111D55', textTransform: 'uppercase', letterSpacing: '-0.02em', lineHeight: 1.1, marginBottom: 24 }}>{fallbackText(application.formTitle, homeContent.application.formTitle)}</h3>
-              <BewerbungsForm theme="gold" />
+              <BewerbungsForm theme="gold" content={form} />
             </div>
           </div>