feat: add JuryMitglieder collection and migration for jury members

- Created a new collection `JuryMitglieder` with fields for name, image, quote, role, organization, bio, website, LinkedIn, sort order, active status, and published date.
- Implemented access control for creating, reading, updating, and deleting jury members.
- Added migration script to create necessary database tables and columns for jury members, including versioning support.
- Updated existing `preistraeger` table to include new columns for award group, winner rank, sort order, and visibility settings.
- Introduced a temporary global switch to control the visibility of testimonials in the SPA.
This commit is contained in:
syntaxbullet
2026-07-07 14:57:15 +02:00
parent 4167730fc2
commit d2fdf8e3c5
25 changed files with 1139 additions and 595 deletions

View File

@@ -16,7 +16,7 @@ type Args = {
params: Promise<{ slug?: string[] }>
}
type RouteCollection = Exclude<CmsRouteCollection, 'partners'>
type RouteCollection = Exclude<CmsRouteCollection, 'partners' | 'jury-mitglieder'>
function routeTarget(pathname: string): { collection: RouteCollection; slug: string } {
const parts = pathname.split('/').filter(Boolean)
@@ -65,7 +65,7 @@ async function findList(payload: Awaited<ReturnType<typeof getPayload>>, collect
overrideAccess: draft,
limit: 300,
pagination: false,
...(collection === 'partners' ? { sort: 'sortOrder' } : {}),
...(collection === 'partners' || collection === 'jury-mitglieder' ? { sort: 'sortOrder' } : {}),
})
return result.docs
@@ -99,7 +99,19 @@ export default async function Page({ params }: Args) {
const pathname = `/${slug.join('/')}`.replace(/\/$/, '') || '/'
const payload = await getPayload({ config: configPromise })
const { isEnabled: draft } = await draftMode()
const [header, footer, siteSettings, applicationPhase, route, supportPages, preistraeger, events, posts, partners] = await Promise.all([
const [
header,
footer,
siteSettings,
applicationPhase,
route,
supportPages,
preistraeger,
events,
posts,
partners,
juryMitglieder,
] = await Promise.all([
payload.findGlobal({ slug: 'header', depth: 1 }).catch(() => undefined),
payload.findGlobal({ slug: 'footer', depth: 1 }).catch(() => undefined),
payload.findGlobal({ slug: 'site-settings', depth: 1 }).catch(() => undefined),
@@ -110,6 +122,7 @@ export default async function Page({ params }: Args) {
findList(payload, 'events', draft).catch(() => []),
findList(payload, 'posts', draft).catch(() => []),
findList(payload, 'partners', draft).catch(() => []),
findList(payload, 'jury-mitglieder', draft).catch(() => []),
])
if (!route) notFound()
@@ -130,6 +143,7 @@ export default async function Page({ params }: Args) {
events: events as unknown as CmsRouteDoc[],
posts: posts as unknown as CmsRouteDoc[],
partners: partners as unknown as CmsRouteDoc[],
'jury-mitglieder': juryMitglieder as unknown as CmsRouteDoc[],
},
}}
/>

View File

@@ -0,0 +1,111 @@
import type { CollectionConfig } from 'payload'
import { authenticated } from '@/access/authenticated'
import { authenticatedOrPublished } from '@/access/authenticatedOrPublished'
import { populatePublishedAt } from '@/hooks/populatePublishedAt'
export const JuryMitglieder: CollectionConfig = {
slug: 'jury-mitglieder',
labels: {
singular: 'Jury-Mitglied',
plural: 'Jury-Mitglieder',
},
access: {
create: authenticated,
delete: authenticated,
read: authenticatedOrPublished,
update: authenticated,
},
admin: {
defaultColumns: ['name', 'role', 'sortOrder', 'active', 'updatedAt'],
group: 'Inhalte',
useAsTitle: 'name',
},
fields: [
{
name: 'name',
type: 'text',
required: true,
},
{
name: 'image',
type: 'upload',
relationTo: 'media',
label: 'Bild',
filterOptions: {
mimeType: {
contains: 'image',
},
},
},
{
name: 'imageAlt',
type: 'text',
label: 'Alternativtext',
},
{
name: 'quote',
type: 'textarea',
label: 'Zitat',
},
{
name: 'role',
type: 'text',
label: 'Rolle',
},
{
name: 'organization',
type: 'text',
label: 'Organisation',
},
{
name: 'bio',
type: 'textarea',
label: 'Kurzbiografie',
},
{
name: 'website',
type: 'text',
label: 'Website',
},
{
name: 'linkedin',
type: 'text',
label: 'LinkedIn URL',
},
{
name: 'sortOrder',
type: 'number',
label: 'Sortierung',
defaultValue: 100,
admin: {
description: 'Niedrigere Zahlen erscheinen zuerst.',
},
},
{
name: 'active',
type: 'checkbox',
label: 'Aktiv',
defaultValue: true,
},
{
name: 'publishedAt',
type: 'date',
admin: {
position: 'sidebar',
},
},
],
hooks: {
beforeChange: [populatePublishedAt],
},
versions: {
drafts: {
autosave: {
interval: 100,
},
schedulePublish: true,
},
maxPerDoc: 50,
},
}

View File

@@ -133,9 +133,31 @@ export const homeFields: Field[] = [
},
],
},
{
name: 'winners',
label: '02 · Preisträger card grid',
type: 'group',
admin: sectionAdmin('Blue card grid with featured winner relationships.'),
fields: [
text('eyebrow', 'Eyebrow', homeContent.winners.eyebrow),
textarea('heading', 'Heading', homeContent.winners.heading),
{ name: 'cta', label: 'CTA', type: 'group', fields: linkGroup(homeContent.winners.cta.label, homeContent.winners.cta.url) },
uploadField('fallbackImage', 'Fallback card image', `Current frontend image: /images/${homeContent.winners.fallbackImageFilename}`),
text('cardFallbackTitle', 'Fallback card title', homeContent.winners.cardFallbackTitle),
text('hoverLabel', 'Card hover label', homeContent.winners.hoverLabel),
{
name: 'featured',
label: 'Featured winner cards',
type: 'relationship',
relationTo: 'preistraeger',
hasMany: true,
admin: { description: 'Choose the winner cards shown on the home page. If empty, the latest 2025 winners are used.' },
},
],
},
{
name: 'quickCheck',
label: '02 · Schnell-Check eligibility section',
label: '03 · Schnell-Check eligibility section',
type: 'group',
admin: sectionAdmin('White text panel plus right-side stage image and five eligibility rows.'),
fields: [
@@ -165,7 +187,7 @@ export const homeFields: Field[] = [
},
{
name: 'intro',
label: '03 · Award intro / value proposition',
label: '04 · Award intro / value proposition',
type: 'group',
admin: sectionAdmin('Jubilation image, stats, editorial quote, body copy, and CTA.'),
fields: [
@@ -189,28 +211,6 @@ export const homeFields: Field[] = [
{ name: 'cta', label: 'CTA', type: 'group', fields: linkGroup(homeContent.intro.cta.label, homeContent.intro.cta.url) },
],
},
{
name: 'winners',
label: '04 · Preisträger card grid',
type: 'group',
admin: sectionAdmin('Blue card grid with featured winner relationships.'),
fields: [
text('eyebrow', 'Eyebrow', homeContent.winners.eyebrow),
textarea('heading', 'Heading', homeContent.winners.heading),
{ name: 'cta', label: 'CTA', type: 'group', fields: linkGroup(homeContent.winners.cta.label, homeContent.winners.cta.url) },
uploadField('fallbackImage', 'Fallback card image', `Current frontend image: /images/${homeContent.winners.fallbackImageFilename}`),
text('cardFallbackTitle', 'Fallback card title', homeContent.winners.cardFallbackTitle),
text('hoverLabel', 'Card hover label', homeContent.winners.hoverLabel),
{
name: 'featured',
label: 'Featured winner cards',
type: 'relationship',
relationTo: 'preistraeger',
hasMany: true,
admin: { description: 'Choose the winner cards shown on the home page. If empty, the latest 2025 winners are used.' },
},
],
},
{
name: 'testimonials',
label: '05 · Testimonials carousel',

View File

@@ -24,6 +24,15 @@ const textarea = (name: string, label: string, defaultValue?: string): Field =>
defaultValue,
})
const number = (name: string, label: string, defaultValue: number, description?: string): Field => ({
name,
type: 'number',
label,
defaultValue,
min: 1,
admin: description ? { description } : undefined,
})
const ctaGroup = (name: string, label: string, labelDefault: string, urlDefault: string): Field => ({
name,
label,
@@ -71,16 +80,49 @@ export const preistraegerIndexFields: Field[] = [
admin: sectionAdmin('Label after the selected-year result count.'),
fields: [text('label', 'Count label', preistraegerIndexContent.count.label)],
},
{
name: 'rules',
label: '04 · Gewinnerlogik',
type: 'group',
admin: sectionAdmin('Public page rules for the selected year. Winner records are still managed in the Preisträger collection.'),
fields: [
number('totalWinners', 'Gewinner gesamt', preistraegerIndexContent.rules.totalWinners, 'The public page displays at most this many winners per year.'),
number('goldeneBavariaCount', 'Goldene Bavaria Gewinner', preistraegerIndexContent.rules.goldeneBavariaCount, 'These top-ranked winners are shown in the separate Goldene Bavaria section.'),
],
},
{
name: 'empty',
label: '04 · Empty state',
label: '05 · Empty state',
type: 'group',
admin: sectionAdmin('Message when the selected year returns no winners.'),
fields: [textarea('message', 'Empty message', preistraegerIndexContent.empty.message)],
},
{
name: 'goldeneBavaria',
label: '06 · Goldene Bavaria section',
type: 'group',
admin: sectionAdmin('Copy for the separate section that highlights the best three winners.'),
fields: [
text('eyebrow', 'Eyebrow', preistraegerIndexContent.goldeneBavaria.eyebrow),
textarea('heading', 'Heading', preistraegerIndexContent.goldeneBavaria.heading),
textarea('description', 'Description', preistraegerIndexContent.goldeneBavaria.description),
textarea('emptyMessage', 'Empty message', preistraegerIndexContent.goldeneBavaria.emptyMessage),
],
},
{
name: 'winners',
label: '07 · Winners section',
type: 'group',
admin: sectionAdmin('Copy for the remaining winners below the Goldene Bavaria section.'),
fields: [
text('eyebrow', 'Eyebrow', preistraegerIndexContent.winners.eyebrow),
textarea('heading', 'Heading', preistraegerIndexContent.winners.heading),
textarea('description', 'Description', preistraegerIndexContent.winners.description),
],
},
{
name: 'card',
label: '05 · Winner cards',
label: '08 · Winner cards',
type: 'group',
admin: sectionAdmin('Hover label shown on winner cards.'),
fields: [
@@ -102,7 +144,7 @@ export const preistraegerIndexFields: Field[] = [
},
{
name: 'cta',
label: '06 · Bottom CTA',
label: '09 · Bottom CTA',
type: 'group',
admin: sectionAdmin('Bottom application and membership CTA.'),
fields: [

View File

@@ -14,6 +14,11 @@ import {
PreviewField,
} from '@payloadcms/plugin-seo/fields'
const awardGroupOptions = [
{ label: 'Preisträger', value: 'preistraeger' },
{ label: 'Goldene Bavaria', value: 'goldene-bavaria' },
]
export const Preistraeger: CollectionConfig = {
slug: 'preistraeger',
labels: {
@@ -64,6 +69,42 @@ export const Preistraeger: CollectionConfig = {
name: 'year',
type: 'number',
},
{
name: 'awardGroup',
type: 'select',
label: 'Auszeichnungsgruppe',
defaultValue: 'preistraeger',
options: awardGroupOptions,
admin: {
description:
'Steuert die Ausgabe auf der Preisträger-Übersicht. Pro Jahrgang werden 15 Gewinner angezeigt, davon maximal 3 in der Goldene-Bavaria-Section.',
},
},
{
name: 'winnerRank',
type: 'number',
label: 'Rang im Jahrgang',
min: 1,
admin: {
description:
'1 bis 3 sind die besten Gewinner und sollten als Goldene Bavaria markiert werden. Niedrigere Zahlen erscheinen zuerst.',
},
},
{
name: 'sortOrder',
type: 'number',
label: 'Sortierung',
defaultValue: 100,
admin: {
description: 'Fallback-Sortierung innerhalb eines Jahrgangs, wenn kein Rang gesetzt ist.',
},
},
{
name: 'showOnIndex',
type: 'checkbox',
label: 'Auf Preisträger-Übersicht anzeigen',
defaultValue: true,
},
{
name: 'awardType',
type: 'text',

View File

@@ -0,0 +1,261 @@
import { type MigrateDownArgs, type MigrateUpArgs, sql } from '@payloadcms/db-sqlite'
type MigrationDB = MigrateUpArgs['db']
const ident = (value: string) => `\`${value.replace(/`/g, '``')}\``
const literal = (value: string) => `'${value.replace(/'/g, "''")}'`
async function tableExists(db: MigrationDB, tableName: string) {
const rows = (await db.all(
sql.raw(`SELECT name FROM sqlite_master WHERE type = 'table' AND name = ${literal(tableName)}`),
)) as Array<{ name: string }>
return rows.length > 0
}
async function columnExists(db: MigrationDB, tableName: string, columnName: string) {
if (!(await tableExists(db, tableName))) return false
const columns = (await db.all(sql.raw(`PRAGMA table_info(${ident(tableName)})`))) as Array<{ name: string }>
return columns.some((column) => column.name === columnName)
}
async function addColumn(db: MigrationDB, tableName: string, columnName: string, definition: string) {
if (await columnExists(db, tableName, columnName)) return
await db.run(sql.raw(`ALTER TABLE ${ident(tableName)} ADD ${ident(columnName)} ${definition};`))
}
async function dropColumn(db: MigrationDB, tableName: string, columnName: string) {
if (!(await columnExists(db, tableName, columnName))) return
await db.run(sql.raw(`ALTER TABLE ${ident(tableName)} DROP COLUMN ${ident(columnName)};`))
}
async function rankExistingPreistraeger(db: MigrationDB) {
if (!(await tableExists(db, 'preistraeger'))) return
await db.run(sql.raw(`
WITH ranked AS (
SELECT
${ident('id')},
ROW_NUMBER() OVER (
PARTITION BY COALESCE(${ident('year')}, 0)
ORDER BY ${ident('id')} ASC
) AS display_rank
FROM ${ident('preistraeger')}
)
UPDATE ${ident('preistraeger')}
SET
${ident('award_group')} = CASE
WHEN (SELECT display_rank FROM ranked WHERE ranked.id = ${ident('preistraeger')}.${ident('id')}) <= 3 THEN ${literal('goldene-bavaria')}
ELSE ${literal('preistraeger')}
END,
${ident('winner_rank')} = (SELECT display_rank FROM ranked WHERE ranked.id = ${ident('preistraeger')}.${ident('id')}),
${ident('sort_order')} = (SELECT display_rank FROM ranked WHERE ranked.id = ${ident('preistraeger')}.${ident('id')}),
${ident('show_on_index')} = CASE
WHEN (SELECT display_rank FROM ranked WHERE ranked.id = ${ident('preistraeger')}.${ident('id')}) <= 15 THEN 1
ELSE 0
END
WHERE EXISTS (SELECT 1 FROM ranked WHERE ranked.id = ${ident('preistraeger')}.${ident('id')});
`))
if (await tableExists(db, '_preistraeger_v')) {
await db.run(sql.raw(`
UPDATE ${ident('_preistraeger_v')}
SET
${ident('version_award_group')} = (
SELECT ${ident('award_group')} FROM ${ident('preistraeger')} WHERE ${ident('preistraeger')}.${ident('id')} = ${ident('_preistraeger_v')}.${ident('parent_id')}
),
${ident('version_winner_rank')} = (
SELECT ${ident('winner_rank')} FROM ${ident('preistraeger')} WHERE ${ident('preistraeger')}.${ident('id')} = ${ident('_preistraeger_v')}.${ident('parent_id')}
),
${ident('version_sort_order')} = (
SELECT ${ident('sort_order')} FROM ${ident('preistraeger')} WHERE ${ident('preistraeger')}.${ident('id')} = ${ident('_preistraeger_v')}.${ident('parent_id')}
),
${ident('version_show_on_index')} = (
SELECT ${ident('show_on_index')} FROM ${ident('preistraeger')} WHERE ${ident('preistraeger')}.${ident('id')} = ${ident('_preistraeger_v')}.${ident('parent_id')}
)
WHERE ${ident('parent_id')} IN (SELECT ${ident('id')} FROM ${ident('preistraeger')});
`))
}
}
async function createJuryMembersTables(db: MigrationDB) {
await db.run(sql.raw(`CREATE TABLE IF NOT EXISTS ${ident('jury_mitglieder')} (
${ident('id')} integer PRIMARY KEY NOT NULL,
${ident('name')} text,
${ident('image_id')} integer,
${ident('image_alt')} text,
${ident('quote')} text,
${ident('role')} text,
${ident('organization')} text,
${ident('bio')} text,
${ident('website')} text,
${ident('linkedin')} text,
${ident('sort_order')} numeric DEFAULT 100,
${ident('active')} integer DEFAULT true,
${ident('published_at')} text,
${ident('updated_at')} text DEFAULT (strftime('%Y-%m-%dT%H:%M:%fZ', 'now')) NOT NULL,
${ident('created_at')} text DEFAULT (strftime('%Y-%m-%dT%H:%M:%fZ', 'now')) NOT NULL,
${ident('_status')} text DEFAULT 'draft',
FOREIGN KEY (${ident('image_id')}) REFERENCES ${ident('media')}(${ident('id')}) ON UPDATE no action ON DELETE set null
);`))
await db.run(sql.raw(`CREATE INDEX IF NOT EXISTS ${ident('jury_mitglieder_image_idx')} ON ${ident('jury_mitglieder')} (${ident('image_id')});`))
await db.run(sql.raw(`CREATE INDEX IF NOT EXISTS ${ident('jury_mitglieder_updated_at_idx')} ON ${ident('jury_mitglieder')} (${ident('updated_at')});`))
await db.run(sql.raw(`CREATE INDEX IF NOT EXISTS ${ident('jury_mitglieder_created_at_idx')} ON ${ident('jury_mitglieder')} (${ident('created_at')});`))
await db.run(sql.raw(`CREATE INDEX IF NOT EXISTS ${ident('jury_mitglieder__status_idx')} ON ${ident('jury_mitglieder')} (${ident('_status')});`))
await db.run(sql.raw(`CREATE TABLE IF NOT EXISTS ${ident('_jury_mitglieder_v')} (
${ident('id')} integer PRIMARY KEY NOT NULL,
${ident('parent_id')} integer,
${ident('version_name')} text,
${ident('version_image_id')} integer,
${ident('version_image_alt')} text,
${ident('version_quote')} text,
${ident('version_role')} text,
${ident('version_organization')} text,
${ident('version_bio')} text,
${ident('version_website')} text,
${ident('version_linkedin')} text,
${ident('version_sort_order')} numeric DEFAULT 100,
${ident('version_active')} integer DEFAULT true,
${ident('version_published_at')} text,
${ident('version_updated_at')} text,
${ident('version_created_at')} text,
${ident('version__status')} text DEFAULT 'draft',
${ident('created_at')} text DEFAULT (strftime('%Y-%m-%dT%H:%M:%fZ', 'now')) NOT NULL,
${ident('updated_at')} text DEFAULT (strftime('%Y-%m-%dT%H:%M:%fZ', 'now')) NOT NULL,
${ident('latest')} integer,
${ident('autosave')} integer,
FOREIGN KEY (${ident('parent_id')}) REFERENCES ${ident('jury_mitglieder')}(${ident('id')}) ON UPDATE no action ON DELETE set null,
FOREIGN KEY (${ident('version_image_id')}) REFERENCES ${ident('media')}(${ident('id')}) ON UPDATE no action ON DELETE set null
);`))
await db.run(sql.raw(`CREATE INDEX IF NOT EXISTS ${ident('_jury_mitglieder_v_parent_idx')} ON ${ident('_jury_mitglieder_v')} (${ident('parent_id')});`))
await db.run(sql.raw(`CREATE INDEX IF NOT EXISTS ${ident('_jury_mitglieder_v_version_version_image_idx')} ON ${ident('_jury_mitglieder_v')} (${ident('version_image_id')});`))
await db.run(sql.raw(`CREATE INDEX IF NOT EXISTS ${ident('_jury_mitglieder_v_version_version_updated_at_idx')} ON ${ident('_jury_mitglieder_v')} (${ident('version_updated_at')});`))
await db.run(sql.raw(`CREATE INDEX IF NOT EXISTS ${ident('_jury_mitglieder_v_version_version_created_at_idx')} ON ${ident('_jury_mitglieder_v')} (${ident('version_created_at')});`))
await db.run(sql.raw(`CREATE INDEX IF NOT EXISTS ${ident('_jury_mitglieder_v_version_version__status_idx')} ON ${ident('_jury_mitglieder_v')} (${ident('version__status')});`))
await db.run(sql.raw(`CREATE INDEX IF NOT EXISTS ${ident('_jury_mitglieder_v_created_at_idx')} ON ${ident('_jury_mitglieder_v')} (${ident('created_at')});`))
await db.run(sql.raw(`CREATE INDEX IF NOT EXISTS ${ident('_jury_mitglieder_v_updated_at_idx')} ON ${ident('_jury_mitglieder_v')} (${ident('updated_at')});`))
await db.run(sql.raw(`CREATE INDEX IF NOT EXISTS ${ident('_jury_mitglieder_v_latest_idx')} ON ${ident('_jury_mitglieder_v')} (${ident('latest')});`))
await db.run(sql.raw(`CREATE INDEX IF NOT EXISTS ${ident('_jury_mitglieder_v_autosave_idx')} ON ${ident('_jury_mitglieder_v')} (${ident('autosave')});`))
}
export async function up({ db, payload: _payload, req: _req }: MigrateUpArgs): Promise<void> {
const hadAwardGroup = await columnExists(db, 'preistraeger', 'award_group')
await addColumn(db, 'preistraeger', 'award_group', `text DEFAULT ${literal('preistraeger')}`)
await addColumn(db, 'preistraeger', 'winner_rank', 'numeric')
await addColumn(db, 'preistraeger', 'sort_order', 'numeric DEFAULT 100')
await addColumn(db, 'preistraeger', 'show_on_index', 'integer DEFAULT true')
await addColumn(db, '_preistraeger_v', 'version_award_group', `text DEFAULT ${literal('preistraeger')}`)
await addColumn(db, '_preistraeger_v', 'version_winner_rank', 'numeric')
await addColumn(db, '_preistraeger_v', 'version_sort_order', 'numeric DEFAULT 100')
await addColumn(db, '_preistraeger_v', 'version_show_on_index', 'integer DEFAULT true')
if (!hadAwardGroup) await rankExistingPreistraeger(db)
await addColumn(db, 'pages', 'preistraeger_index_rules_total_winners', 'numeric DEFAULT 15')
await addColumn(db, 'pages', 'preistraeger_index_rules_goldene_bavaria_count', 'numeric DEFAULT 3')
await addColumn(db, 'pages', 'preistraeger_index_goldene_bavaria_eyebrow', `text DEFAULT ${literal('Goldene Bavaria')}`)
await addColumn(db, 'pages', 'preistraeger_index_goldene_bavaria_heading', `text DEFAULT ${literal('Die drei Besten des Jahrgangs')}`)
await addColumn(
db,
'pages',
'preistraeger_index_goldene_bavaria_description',
`text DEFAULT ${literal('Aus den 15 Gewinnerinnen und Gewinnern erhalten die drei bestplatzierten Unternehmen die Goldene Bavaria.')}`,
)
await addColumn(
db,
'pages',
'preistraeger_index_goldene_bavaria_empty_message',
`text DEFAULT ${literal('Für diesen Jahrgang sind noch keine Goldene-Bavaria-Gewinner markiert.')}`,
)
await addColumn(db, 'pages', 'preistraeger_index_winners_eyebrow', `text DEFAULT ${literal('Preisträger:innen')}`)
await addColumn(db, 'pages', 'preistraeger_index_winners_heading', `text DEFAULT ${literal('Weitere Gewinnerinnen und Gewinner')}`)
await addColumn(
db,
'pages',
'preistraeger_index_winners_description',
`text DEFAULT ${literal('Der Bayerische Mittelstandspreis zeichnet pro Jahrgang insgesamt 15 Gewinner aus.')}`,
)
await addColumn(db, '_pages_v', 'version_preistraeger_index_rules_total_winners', 'numeric DEFAULT 15')
await addColumn(db, '_pages_v', 'version_preistraeger_index_rules_goldene_bavaria_count', 'numeric DEFAULT 3')
await addColumn(db, '_pages_v', 'version_preistraeger_index_goldene_bavaria_eyebrow', `text DEFAULT ${literal('Goldene Bavaria')}`)
await addColumn(db, '_pages_v', 'version_preistraeger_index_goldene_bavaria_heading', `text DEFAULT ${literal('Die drei Besten des Jahrgangs')}`)
await addColumn(
db,
'_pages_v',
'version_preistraeger_index_goldene_bavaria_description',
`text DEFAULT ${literal('Aus den 15 Gewinnerinnen und Gewinnern erhalten die drei bestplatzierten Unternehmen die Goldene Bavaria.')}`,
)
await addColumn(
db,
'_pages_v',
'version_preistraeger_index_goldene_bavaria_empty_message',
`text DEFAULT ${literal('Für diesen Jahrgang sind noch keine Goldene-Bavaria-Gewinner markiert.')}`,
)
await addColumn(db, '_pages_v', 'version_preistraeger_index_winners_eyebrow', `text DEFAULT ${literal('Preisträger:innen')}`)
await addColumn(db, '_pages_v', 'version_preistraeger_index_winners_heading', `text DEFAULT ${literal('Weitere Gewinnerinnen und Gewinner')}`)
await addColumn(
db,
'_pages_v',
'version_preistraeger_index_winners_description',
`text DEFAULT ${literal('Der Bayerische Mittelstandspreis zeichnet pro Jahrgang insgesamt 15 Gewinner aus.')}`,
)
await createJuryMembersTables(db)
if (!(await columnExists(db, 'payload_locked_documents_rels', 'jury_mitglieder_id'))) {
await db.run(
sql.raw(
`ALTER TABLE ${ident('payload_locked_documents_rels')} ADD ${ident('jury_mitglieder_id')} integer REFERENCES ${ident('jury_mitglieder')}(${ident('id')});`,
),
)
}
await db.run(
sql.raw(
`CREATE INDEX IF NOT EXISTS ${ident('payload_locked_documents_rels_jury_mitglieder_id_idx')} ON ${ident('payload_locked_documents_rels')} (${ident('jury_mitglieder_id')});`,
),
)
}
export async function down({ db, payload: _payload, req: _req }: MigrateDownArgs): Promise<void> {
await db.run(sql.raw(`DROP INDEX IF EXISTS ${ident('payload_locked_documents_rels_jury_mitglieder_id_idx')};`))
await dropColumn(db, 'payload_locked_documents_rels', 'jury_mitglieder_id')
await db.run(sql.raw(`DROP TABLE IF EXISTS ${ident('_jury_mitglieder_v')};`))
await db.run(sql.raw(`DROP TABLE IF EXISTS ${ident('jury_mitglieder')};`))
await dropColumn(db, '_pages_v', 'version_preistraeger_index_winners_description')
await dropColumn(db, '_pages_v', 'version_preistraeger_index_winners_heading')
await dropColumn(db, '_pages_v', 'version_preistraeger_index_winners_eyebrow')
await dropColumn(db, '_pages_v', 'version_preistraeger_index_goldene_bavaria_empty_message')
await dropColumn(db, '_pages_v', 'version_preistraeger_index_goldene_bavaria_description')
await dropColumn(db, '_pages_v', 'version_preistraeger_index_goldene_bavaria_heading')
await dropColumn(db, '_pages_v', 'version_preistraeger_index_goldene_bavaria_eyebrow')
await dropColumn(db, '_pages_v', 'version_preistraeger_index_rules_goldene_bavaria_count')
await dropColumn(db, '_pages_v', 'version_preistraeger_index_rules_total_winners')
await dropColumn(db, 'pages', 'preistraeger_index_winners_description')
await dropColumn(db, 'pages', 'preistraeger_index_winners_heading')
await dropColumn(db, 'pages', 'preistraeger_index_winners_eyebrow')
await dropColumn(db, 'pages', 'preistraeger_index_goldene_bavaria_empty_message')
await dropColumn(db, 'pages', 'preistraeger_index_goldene_bavaria_description')
await dropColumn(db, 'pages', 'preistraeger_index_goldene_bavaria_heading')
await dropColumn(db, 'pages', 'preistraeger_index_goldene_bavaria_eyebrow')
await dropColumn(db, 'pages', 'preistraeger_index_rules_goldene_bavaria_count')
await dropColumn(db, 'pages', 'preistraeger_index_rules_total_winners')
await dropColumn(db, '_preistraeger_v', 'version_show_on_index')
await dropColumn(db, '_preistraeger_v', 'version_sort_order')
await dropColumn(db, '_preistraeger_v', 'version_winner_rank')
await dropColumn(db, '_preistraeger_v', 'version_award_group')
await dropColumn(db, 'preistraeger', 'show_on_index')
await dropColumn(db, 'preistraeger', 'sort_order')
await dropColumn(db, 'preistraeger', 'winner_rank')
await dropColumn(db, 'preistraeger', 'award_group')
}

View File

@@ -7,6 +7,7 @@ import * as migration_20260701_163206_participation_phase_form_fields from './20
import * as migration_20260707_122300_preistraeger_zip_download from './20260707_122300_preistraeger_zip_download';
import * as migration_20260707_123500_preistraeger_gallery from './20260707_123500_preistraeger_gallery';
import * as migration_20260707_124500_site_settings_preistraeger_placeholder from './20260707_124500_site_settings_preistraeger_placeholder';
import * as migration_20260707_130500_preistraeger_awards_jury_members from './20260707_130500_preistraeger_awards_jury_members';
export const migrations = [
{
@@ -54,4 +55,9 @@ export const migrations = [
down: migration_20260707_124500_site_settings_preistraeger_placeholder.down,
name: '20260707_124500_site_settings_preistraeger_placeholder',
},
{
up: migration_20260707_130500_preistraeger_awards_jury_members.up,
down: migration_20260707_130500_preistraeger_awards_jury_members.down,
name: '20260707_130500_preistraeger_awards_jury_members',
},
];

View File

@@ -69,6 +69,7 @@ export interface Config {
collections: {
pages: Page;
preistraeger: Preistraeger;
'jury-mitglieder': JuryMitglieder;
partners: Partner;
posts: Post;
events: Event;
@@ -89,6 +90,7 @@ export interface Config {
collectionsSelect: {
pages: PagesSelect<false> | PagesSelect<true>;
preistraeger: PreistraegerSelect<false> | PreistraegerSelect<true>;
'jury-mitglieder': JuryMitgliederSelect<false> | JuryMitgliederSelect<true>;
partners: PartnersSelect<false> | PartnersSelect<true>;
posts: PostsSelect<false> | PostsSelect<true>;
events: EventsSelect<false> | EventsSelect<true>;
@@ -239,6 +241,27 @@ export interface Page {
}[]
| null;
};
/**
* Blue card grid with featured winner relationships.
*/
winners?: {
eyebrow?: string | null;
heading?: string | null;
cta?: {
label?: string | null;
url?: string | null;
};
/**
* Current frontend image: /images/gala-saal-overview.jpg
*/
fallbackImage?: (number | null) | Media;
cardFallbackTitle?: string | null;
hoverLabel?: string | null;
/**
* Choose the winner cards shown on the home page. If empty, the latest 2025 winners are used.
*/
featured?: (number | Preistraeger)[] | null;
};
/**
* White text panel plus right-side stage image and five eligibility rows.
*/
@@ -289,27 +312,6 @@ export interface Page {
url?: string | null;
};
};
/**
* Blue card grid with featured winner relationships.
*/
winners?: {
eyebrow?: string | null;
heading?: string | null;
cta?: {
label?: string | null;
url?: string | null;
};
/**
* Current frontend image: /images/gala-saal-overview.jpg
*/
fallbackImage?: (number | null) | Media;
cardFallbackTitle?: string | null;
hoverLabel?: string | null;
/**
* Choose the winner cards shown on the home page. If empty, the latest 2025 winners are used.
*/
featured?: (number | Preistraeger)[] | null;
};
/**
* Portrait carousel and quote copy.
*/
@@ -1529,12 +1531,42 @@ export interface Page {
count?: {
label?: string | null;
};
/**
* Public page rules for the selected year. Winner records are still managed in the Preisträger collection.
*/
rules?: {
/**
* The public page displays at most this many winners per year.
*/
totalWinners?: number | null;
/**
* These top-ranked winners are shown in the separate Goldene Bavaria section.
*/
goldeneBavariaCount?: number | null;
};
/**
* Message when the selected year returns no winners.
*/
empty?: {
message?: string | null;
};
/**
* Copy for the separate section that highlights the best three winners.
*/
goldeneBavaria?: {
eyebrow?: string | null;
heading?: string | null;
description?: string | null;
emptyMessage?: string | null;
};
/**
* Copy for the remaining winners below the Goldene Bavaria section.
*/
winners?: {
eyebrow?: string | null;
heading?: string | null;
description?: string | null;
};
/**
* Hover label shown on winner cards.
*/
@@ -2576,6 +2608,19 @@ export interface Preistraeger {
image?: (number | null) | Media;
category?: string | null;
year?: number | null;
/**
* Steuert die Ausgabe auf der Preisträger-Übersicht. Pro Jahrgang werden 15 Gewinner angezeigt, davon maximal 3 in der Goldene-Bavaria-Section.
*/
awardGroup?: ('preistraeger' | 'goldene-bavaria') | null;
/**
* 1 bis 3 sind die besten Gewinner und sollten als Goldene Bavaria markiert werden. Niedrigere Zahlen erscheinen zuerst.
*/
winnerRank?: number | null;
/**
* Fallback-Sortierung innerhalb eines Jahrgangs, wenn kein Rang gesetzt ist.
*/
sortOrder?: number | null;
showOnIndex?: boolean | null;
awardType?: string | null;
shortDesc?: string | null;
longDesc?: string | null;
@@ -2682,6 +2727,31 @@ export interface Preistraeger {
createdAt: string;
_status?: ('draft' | 'published') | null;
}
/**
* This interface was referenced by `Config`'s JSON-Schema
* via the `definition` "jury-mitglieder".
*/
export interface JuryMitglieder {
id: number;
name: string;
image?: (number | null) | Media;
imageAlt?: string | null;
quote?: string | null;
role?: string | null;
organization?: string | null;
bio?: string | null;
website?: string | null;
linkedin?: string | null;
/**
* Niedrigere Zahlen erscheinen zuerst.
*/
sortOrder?: number | null;
active?: boolean | null;
publishedAt?: string | null;
updatedAt: string;
createdAt: string;
_status?: ('draft' | 'published') | null;
}
/**
* This interface was referenced by `Config`'s JSON-Schema
* via the `definition` "partners".
@@ -2978,6 +3048,10 @@ export interface PayloadLockedDocument {
relationTo: 'preistraeger';
value: number | Preistraeger;
} | null)
| ({
relationTo: 'jury-mitglieder';
value: number | JuryMitglieder;
} | null)
| ({
relationTo: 'partners';
value: number | Partner;
@@ -3112,6 +3186,22 @@ export interface PagesSelect<T extends boolean = true> {
id?: T;
};
};
winners?:
| T
| {
eyebrow?: T;
heading?: T;
cta?:
| T
| {
label?: T;
url?: T;
};
fallbackImage?: T;
cardFallbackTitle?: T;
hoverLabel?: T;
featured?: T;
};
quickCheck?:
| T
| {
@@ -3158,22 +3248,6 @@ export interface PagesSelect<T extends boolean = true> {
url?: T;
};
};
winners?:
| T
| {
eyebrow?: T;
heading?: T;
cta?:
| T
| {
label?: T;
url?: T;
};
fallbackImage?: T;
cardFallbackTitle?: T;
hoverLabel?: T;
featured?: T;
};
testimonials?:
| T
| {
@@ -4209,11 +4283,32 @@ export interface PagesSelect<T extends boolean = true> {
| {
label?: T;
};
rules?:
| T
| {
totalWinners?: T;
goldeneBavariaCount?: T;
};
empty?:
| T
| {
message?: T;
};
goldeneBavaria?:
| T
| {
eyebrow?: T;
heading?: T;
description?: T;
emptyMessage?: T;
};
winners?:
| T
| {
eyebrow?: T;
heading?: T;
description?: T;
};
card?:
| T
| {
@@ -4860,6 +4955,10 @@ export interface PreistraegerSelect<T extends boolean = true> {
image?: T;
category?: T;
year?: T;
awardGroup?: T;
winnerRank?: T;
sortOrder?: T;
showOnIndex?: T;
awardType?: T;
shortDesc?: T;
longDesc?: T;
@@ -4962,6 +5061,27 @@ export interface PreistraegerSelect<T extends boolean = true> {
createdAt?: T;
_status?: T;
}
/**
* This interface was referenced by `Config`'s JSON-Schema
* via the `definition` "jury-mitglieder_select".
*/
export interface JuryMitgliederSelect<T extends boolean = true> {
name?: T;
image?: T;
imageAlt?: T;
quote?: T;
role?: T;
organization?: T;
bio?: T;
website?: T;
linkedin?: T;
sortOrder?: T;
active?: T;
publishedAt?: T;
updatedAt?: T;
createdAt?: T;
_status?: T;
}
/**
* This interface was referenced by `Config`'s JSON-Schema
* via the `definition` "partners_select".
@@ -5785,6 +5905,10 @@ export interface TaskSchedulePublish {
relationTo: 'preistraeger';
value: number | Preistraeger;
} | null)
| ({
relationTo: 'jury-mitglieder';
value: number | JuryMitglieder;
} | null)
| ({
relationTo: 'partners';
value: number | Partner;

View File

@@ -5,6 +5,7 @@ import { buildConfig, PayloadRequest } from 'payload'
import { fileURLToPath } from 'url'
import { Events } from './collections/Events'
import { JuryMitglieder } from './collections/JuryMitglieder'
import { Media } from './collections/Media'
import { Pages } from './collections/Pages'
import { Partners } from './collections/Partners'
@@ -66,7 +67,7 @@ export default buildConfig({
url: process.env.DATABASE_URL || '',
},
}),
collections: [Pages, Preistraeger, Partners, Posts, Events, Media, Users],
collections: [Pages, Preistraeger, JuryMitglieder, Partners, Posts, Events, Media, Users],
cors: [getServerSideURL()].filter(Boolean),
globals: [Header, Footer, SiteSettings, ApplicationPhase],
plugins,

View File

@@ -163,6 +163,10 @@ function preistraegerData(page: SpaPageRegistryEntry, mediaMap: MediaMap) {
image: mediaID(mediaMap, winner?.img),
category: winner?.category,
year: winner?.year,
awardGroup: winner?.awardGroup,
winnerRank: winner?.winnerRank,
sortOrder: winner?.sortOrder,
showOnIndex: winner?.showOnIndex,
awardType: winner?.type,
shortDesc: winner?.shortDesc || page.description,
longDesc: winner?.longDesc,

View File

@@ -5,7 +5,7 @@ import React, { createContext, useContext } from 'react'
import type { SpaApplicationPhaseData } from '@/spa/applicationPhase'
import type { SpaSiteSettingsData } from '@/spa/siteSettings'
export type CmsRouteCollection = 'pages' | 'posts' | 'events' | 'preistraeger' | 'partners'
export type CmsRouteCollection = 'pages' | 'posts' | 'events' | 'preistraeger' | 'partners' | 'jury-mitglieder'
export type CmsRouteDoc = {
id: number | string

View File

@@ -5,6 +5,7 @@ import { useIsMobile } from '@/spa/hooks/useIsMobile';
import Image from '@/spa/components/ui/UnoptimizedImage'
import { mediaUrl } from '@/spa/cmsMediaField'
import { testimonialsContent } from '@/spa/testimonialsContent'
import { SHOW_TESTIMONIALS } from '@/spa/testimonialsVisibility'
const FF = '"IBM Plex Sans", sans-serif';
@@ -65,6 +66,10 @@ export default function TestimonialsSection({ data }: { data?: TestimonialsCms }
const prev = () => setActive(i => (i - 1 + testimonials.length) % testimonials.length);
const next = () => setActive(i => (i + 1) % testimonials.length);
if (!SHOW_TESTIMONIALS) {
return null
}
return (
<section style={{ background: '#fff', overflow: 'hidden', position: 'relative', isolation: 'isolate' }}>
<MunichSkylineBg />

View File

@@ -102,6 +102,8 @@ type StepOption = (typeof netzwerkContent.sponsoringForm.steps)[number];
const fallbackText = (value: unknown, fallback: string) => typeof value === 'string' && value.length > 0 ? value : fallback;
const fallbackArray = <T,>(value: unknown, fallback: T[]) => Array.isArray(value) && value.length ? value as T[] : fallback;
const isPremiumPackage = (pkg: PackageOption) =>
[pkg.value, pkg.title].some((value) => typeof value === 'string' && value.toLowerCase().includes('premium'));
const variants = {
enter: (dir: number) => ({ x: dir > 0 ? 40 : -40, opacity: 0 }),
@@ -168,7 +170,7 @@ export default function SponsoringForm({ theme = 'dark', content }: { theme?: 'd
const isMobile = useIsMobile();
const copy = { ...netzwerkContent.sponsoringForm, ...(content || {}) };
const steps = fallbackArray<StepOption>(copy.steps, netzwerkContent.sponsoringForm.steps);
const packages = fallbackArray<PackageOption>(copy.packages, netzwerkContent.sponsoringForm.packages);
const packages = fallbackArray<PackageOption>(copy.packages, netzwerkContent.sponsoringForm.packages).filter((pkg) => !isPremiumPackage(pkg));
const [step, setStep] = useState(0);
const [dir, setDir] = useState(1);
const [submitted, setSubmitted] = useState(false);

View File

@@ -49,9 +49,11 @@ const fittedTextSize = (text: string, preferred: number, compact = 12) => {
export function PartnerLogoMark({
partner,
defaultLogoColor = '#111D55',
scale = 1,
}: {
partner: PartnerLogoData
defaultLogoColor?: string
scale?: number
}) {
const realLogo = mediaUrl(partner.logo, '')
const alt = mediaAlt(partner.logo, fallbackText(partner.logoAlt, fallbackText(partner.name, 'Partner logo')))
@@ -72,12 +74,13 @@ export function PartnerLogoMark({
const color = fallbackText(partner.logoColor, defaultLogoColor)
const text = fallbackText(partner.logoText, fallbackText(partner.name, 'Partner'))
const subtext = fallbackText(partner.logoSubtext, '')
const textSize = fittedTextSize(text, partner.logoKind === 'serif' ? 21 : 16)
const size = (value: number) => Math.round(value * scale)
const textSize = size(fittedTextSize(text, partner.logoKind === 'serif' ? 21 : 16))
if (partner.logoKind === 'badge') {
return (
<span style={logoShellStyle}>
<span style={{ background: color, color: '#fff', fontWeight: 900, fontSize: 14, padding: '4px 10px', lineHeight: 1.25, display: 'inline-block', textAlign: 'center', fontFamily: FF }}>
<span style={{ background: color, color: '#fff', fontWeight: 900, fontSize: size(14), padding: `${size(4)}px ${size(10)}px`, lineHeight: 1.25, display: 'inline-block', textAlign: 'center', fontFamily: FF }}>
{text.split('\n').map((line, index) => (
<React.Fragment key={`${line}-${index}`}>{index > 0 && <br />}{line}</React.Fragment>
))}
@@ -89,9 +92,9 @@ export function PartnerLogoMark({
if (partner.logoKind === 'monogram') {
return (
<span style={logoShellStyle}>
<span style={{ display: 'flex', alignItems: 'center', gap: 6, minWidth: 0 }}>
<span style={{ width: 22, height: 22, background: '#3a3a3a', color: '#fff', display: 'flex', alignItems: 'center', justifyContent: 'center', fontWeight: 900, fontSize: 11, fontFamily: FF, flexShrink: 0 }}>{subtext || text.slice(0, 2)}</span>
<span style={{ ...containedTextStyle, fontWeight: 700, fontSize: fittedTextSize(text, 15, 11), color, fontFamily: FF }}>{text}</span>
<span style={{ display: 'flex', alignItems: 'center', gap: size(6), minWidth: 0 }}>
<span style={{ width: size(22), height: size(22), background: '#3a3a3a', color: '#fff', display: 'flex', alignItems: 'center', justifyContent: 'center', fontWeight: 900, fontSize: size(11), fontFamily: FF, flexShrink: 0 }}>{subtext || text.slice(0, 2)}</span>
<span style={{ ...containedTextStyle, fontWeight: 700, fontSize: size(fittedTextSize(text, 15, 11)), color, fontFamily: FF }}>{text}</span>
</span>
</span>
)
@@ -100,9 +103,9 @@ export function PartnerLogoMark({
if (partner.logoKind === 'dot') {
return (
<span style={logoShellStyle}>
<span style={{ display: 'flex', alignItems: 'center', gap: 6, minWidth: 0 }}>
<span style={{ width: 20, height: 20, borderRadius: '50%', background: color, display: 'block', flexShrink: 0 }} />
<span style={{ ...containedTextStyle, fontWeight: 700, fontSize: fittedTextSize(text, 16, 11), color, fontFamily: FF }}>{text}</span>
<span style={{ display: 'flex', alignItems: 'center', gap: size(6), minWidth: 0 }}>
<span style={{ width: size(20), height: size(20), borderRadius: '50%', background: color, display: 'block', flexShrink: 0 }} />
<span style={{ ...containedTextStyle, fontWeight: 700, fontSize: size(fittedTextSize(text, 16, 11)), color, fontFamily: FF }}>{text}</span>
</span>
</span>
)
@@ -111,9 +114,9 @@ export function PartnerLogoMark({
if (partner.logoKind === 'leaf') {
return (
<span style={logoShellStyle}>
<span style={{ display: 'flex', alignItems: 'center', gap: 6, minWidth: 0 }}>
<svg width="20" height="20" viewBox="0 0 20 20" aria-hidden="true" style={{ flexShrink: 0 }}><circle cx="10" cy="10" r="9" fill={color} /><path d="M10 3 Q14 7 14 10 Q14 14 10 17 Q6 14 6 10 Q6 7 10 3Z" fill="white" opacity="0.8" /></svg>
<span style={{ ...containedTextStyle, fontWeight: 700, fontSize: fittedTextSize(text, 15, 11), color, fontFamily: FB }}>{text}</span>
<span style={{ display: 'flex', alignItems: 'center', gap: size(6), minWidth: 0 }}>
<svg width={size(20)} height={size(20)} viewBox="0 0 20 20" aria-hidden="true" style={{ flexShrink: 0 }}><circle cx="10" cy="10" r="9" fill={color} /><path d="M10 3 Q14 7 14 10 Q14 14 10 17 Q6 14 6 10 Q6 7 10 3Z" fill="white" opacity="0.8" /></svg>
<span style={{ ...containedTextStyle, fontWeight: 700, fontSize: size(fittedTextSize(text, 15, 11)), color, fontFamily: FB }}>{text}</span>
</span>
</span>
)
@@ -122,13 +125,13 @@ export function PartnerLogoMark({
if (partner.logoKind === 'rsm') {
return (
<span style={logoShellStyle}>
<span style={{ display: 'flex', alignItems: 'center', gap: 6, minWidth: 0 }}>
<span style={{ display: 'flex', gap: 2, flexShrink: 0 }}>
<span style={{ width: 10, height: 10, background: '#6b7280', display: 'block' }} />
<span style={{ width: 10, height: 10, background: '#22c55e', display: 'block' }} />
<span style={{ width: 10, height: 10, background: '#3b82f6', display: 'block' }} />
<span style={{ display: 'flex', alignItems: 'center', gap: size(6), minWidth: 0 }}>
<span style={{ display: 'flex', gap: Math.max(2, size(2)), flexShrink: 0 }}>
<span style={{ width: size(10), height: size(10), background: '#6b7280', display: 'block' }} />
<span style={{ width: size(10), height: size(10), background: '#22c55e', display: 'block' }} />
<span style={{ width: size(10), height: size(10), background: '#3b82f6', display: 'block' }} />
</span>
<span style={{ ...containedTextStyle, fontWeight: 900, fontSize: 15, letterSpacing: 0, color, fontFamily: FF }}>{text} {subtext && <span style={{ color: '#6b7280', fontWeight: 600 }}>{subtext}</span>}</span>
<span style={{ ...containedTextStyle, fontWeight: 900, fontSize: size(15), letterSpacing: 0, color, fontFamily: FF }}>{text} {subtext && <span style={{ color: '#6b7280', fontWeight: 600 }}>{subtext}</span>}</span>
</span>
</span>
)
@@ -137,9 +140,9 @@ export function PartnerLogoMark({
if (partner.logoKind === 'deutschebank') {
return (
<span style={logoShellStyle}>
<span style={{ display: 'flex', alignItems: 'center', gap: 8, minWidth: 0 }}>
<svg width="20" height="20" viewBox="0 0 20 20" aria-hidden="true" style={{ flexShrink: 0 }}><rect x="1" y="1" width="18" height="18" fill="none" stroke={color} strokeWidth="1.5" /><line x1="5" y1="15" x2="15" y2="5" stroke={color} strokeWidth="2" /></svg>
<span style={{ ...containedTextStyle, fontWeight: 600, fontSize: fittedTextSize(text, 15, 11), color, fontFamily: FB }}>{text}</span>
<span style={{ display: 'flex', alignItems: 'center', gap: size(8), minWidth: 0 }}>
<svg width={size(20)} height={size(20)} viewBox="0 0 20 20" aria-hidden="true" style={{ flexShrink: 0 }}><rect x="1" y="1" width="18" height="18" fill="none" stroke={color} strokeWidth="1.5" /><line x1="5" y1="15" x2="15" y2="5" stroke={color} strokeWidth="2" /></svg>
<span style={{ ...containedTextStyle, fontWeight: 600, fontSize: size(fittedTextSize(text, 15, 11)), color, fontFamily: FB }}>{text}</span>
</span>
</span>
)

View File

@@ -5,6 +5,10 @@ export interface Winner {
category: string;
year: number;
type: string;
awardGroup?: 'preistraeger' | 'goldene-bavaria';
winnerRank?: number;
sortOrder?: number;
showOnIndex?: boolean;
img: string;
shortDesc: string;
longDesc: string;
@@ -17,7 +21,7 @@ export interface Winner {
hasMedia: boolean;
}
export const WINNERS: Winner[] = [
const winnerEntries: Omit<Winner, 'awardGroup' | 'winnerRank' | 'sortOrder' | 'showOnIndex'>[] = [
// ── 2025 ──────────────────────────────────────────────────────────────────
{
id: '1', slug: 'techvision-muenchen',
@@ -305,5 +309,21 @@ export const WINNERS: Winner[] = [
},
];
const winnersPerYear = new Map<number, number>();
export const WINNERS: Winner[] = winnerEntries.map((winner) => {
const winnerRank = (winnersPerYear.get(winner.year) || 0) + 1;
winnersPerYear.set(winner.year, winnerRank);
return {
...winner,
type: winnerRank <= 3 ? 'Goldene Bavaria' : winner.type,
awardGroup: winnerRank <= 3 ? 'goldene-bavaria' : 'preistraeger',
winnerRank,
sortOrder: winnerRank,
showOnIndex: winnerRank <= 15,
};
});
export const CATEGORIES = [...new Set(WINNERS.map(w => w.category))].sort();
export const YEARS = [...new Set(WINNERS.map(w => w.year))].sort((a, b) => b - a);

View File

@@ -121,14 +121,14 @@ export const netzwerkContent = {
partners: {
eyebrow: 'Netzwerkqualität',
heading: 'PARTNER & SPONSOREN',
description: 'Partner in drei Kategorien: Hauptsponsoren, Medienpartner und weitere Sponsoren. Klicken für Details.',
description: 'Ein starkes Netzwerk aus Unternehmen und Medien begleitet den Bayerischen Mittelstandspreis. Klicken für Details.',
detailLabel: 'Details',
premiumLabel: 'Premium',
premiumLabel: '',
defaultLogoColor: '#111D55',
tiers: [
{ tier: 1, label: 'Hauptsponsoren', note: 'Premium' },
{ tier: 2, label: 'Medienpartner', note: '' },
{ tier: 3, label: 'Weitere Sponsoren', note: '' },
{ tier: 1, label: 'Große Darstellung', note: '' },
{ tier: 2, label: 'Mittlere Darstellung', note: '' },
{ tier: 3, label: 'Kompakte Darstellung', note: '' },
],
modal: {
industryLabel: 'Branche',

View File

@@ -401,6 +401,48 @@ const Home: React.FC = () => {
{/* Status Phase Slider */}
<StatusSlider data={applicationPhase} />
{/* Winners Grid neue Preisträger-Übersicht */}
<section style={{ background: '#111D55' }}>
<div style={{ padding: isMobile ? '48px 24px 32px' : '72px 80px 48px', display: 'flex', flexDirection: isMobile ? 'column' : 'row', alignItems: isMobile ? 'flex-start' : 'flex-end', justifyContent: 'space-between', gap: isMobile ? 16 : 0 }}>
<div>
<span style={{ fontFamily: '"IBM Plex Sans", sans-serif', fontSize: 10, fontWeight: 700, letterSpacing: '0.3em', textTransform: 'uppercase', color: '#EFBF04', display: 'block', marginBottom: 12 }}>{fallbackText(winnersSection.eyebrow, homeContent.winners.eyebrow)}</span>
<h2 style={{ fontFamily: '"IBM Plex Sans", sans-serif', fontSize: 'clamp(2rem, 4vw, 3rem)', fontWeight: 900, color: '#fff', textTransform: 'uppercase', letterSpacing: '-0.02em', margin: 0, lineHeight: 1 }}>
<Lines text={fallbackText(winnersSection.heading, homeContent.winners.heading)} />
</h2>
</div>
<Link
to={fallbackText(winnersSection.cta?.url, homeContent.winners.cta.url)}
style={{ fontFamily: '"IBM Plex Sans", sans-serif', fontSize: 15, fontWeight: 700, letterSpacing: '0.1em', textTransform: 'uppercase', color: '#EFBF04', textDecoration: 'none', display: 'flex', alignItems: 'center', gap: 6, paddingBottom: 4, borderBottom: '1px solid #EFBF04', whiteSpace: 'nowrap' }}
>
{fallbackText(winnersSection.cta?.label, homeContent.winners.cta.label)} <ChevronRight size={14} />
</Link>
</div>
<div style={{
display: 'grid',
gridTemplateColumns: isMobile ? undefined : 'repeat(4, 1fr)',
gridAutoFlow: isMobile ? 'column' : undefined,
gridTemplateRows: isMobile ? 'repeat(2, 1fr)' : undefined,
gridAutoColumns: isMobile ? '66vw' : undefined,
overflowX: isMobile ? 'auto' : undefined,
scrollSnapType: isMobile ? 'x mandatory' : undefined,
gap: isMobile ? 8 : 0,
padding: isMobile ? '0 16px 8px' : 0,
WebkitOverflowScrolling: 'touch',
scrollbarWidth: 'none',
}}>
{homeWinners.map((w) => (
<HomeWinnerCard
key={(w as WinnerCardData).id || (w as WinnerCardData).slug}
winner={w as WinnerCardData}
fallbackTitle={fallbackText(winnersSection.cardFallbackTitle, homeContent.winners.cardFallbackTitle)}
fallbackImage={winnerFallbackImage}
hoverLabel={fallbackText(winnersSection.hoverLabel, homeContent.winners.hoverLabel)}
/>
))}
</div>
</section>
{/* Schnell-Check Section */}
<section style={{ overflow: 'hidden', position: 'relative', isolation: 'isolate' }}>
<MunichSkylineBg />
@@ -550,48 +592,6 @@ const Home: React.FC = () => {
</div>
</section>
{/* Winners Grid neue Preisträger-Übersicht */}
<section style={{ background: '#111D55' }}>
<div style={{ padding: isMobile ? '48px 24px 32px' : '72px 80px 48px', display: 'flex', flexDirection: isMobile ? 'column' : 'row', alignItems: isMobile ? 'flex-start' : 'flex-end', justifyContent: 'space-between', gap: isMobile ? 16 : 0 }}>
<div>
<span style={{ fontFamily: '"IBM Plex Sans", sans-serif', fontSize: 10, fontWeight: 700, letterSpacing: '0.3em', textTransform: 'uppercase', color: '#EFBF04', display: 'block', marginBottom: 12 }}>{fallbackText(winnersSection.eyebrow, homeContent.winners.eyebrow)}</span>
<h2 style={{ fontFamily: '"IBM Plex Sans", sans-serif', fontSize: 'clamp(2rem, 4vw, 3rem)', fontWeight: 900, color: '#fff', textTransform: 'uppercase', letterSpacing: '-0.02em', margin: 0, lineHeight: 1 }}>
<Lines text={fallbackText(winnersSection.heading, homeContent.winners.heading)} />
</h2>
</div>
<Link
to={fallbackText(winnersSection.cta?.url, homeContent.winners.cta.url)}
style={{ fontFamily: '"IBM Plex Sans", sans-serif', fontSize: 15, fontWeight: 700, letterSpacing: '0.1em', textTransform: 'uppercase', color: '#EFBF04', textDecoration: 'none', display: 'flex', alignItems: 'center', gap: 6, paddingBottom: 4, borderBottom: '1px solid #EFBF04', whiteSpace: 'nowrap' }}
>
{fallbackText(winnersSection.cta?.label, homeContent.winners.cta.label)} <ChevronRight size={14} />
</Link>
</div>
<div style={{
display: 'grid',
gridTemplateColumns: isMobile ? undefined : 'repeat(4, 1fr)',
gridAutoFlow: isMobile ? 'column' : undefined,
gridTemplateRows: isMobile ? 'repeat(2, 1fr)' : undefined,
gridAutoColumns: isMobile ? '66vw' : undefined,
overflowX: isMobile ? 'auto' : undefined,
scrollSnapType: isMobile ? 'x mandatory' : undefined,
gap: isMobile ? 8 : 0,
padding: isMobile ? '0 16px 8px' : 0,
WebkitOverflowScrolling: 'touch',
scrollbarWidth: 'none',
}}>
{homeWinners.map((w) => (
<HomeWinnerCard
key={(w as WinnerCardData).id || (w as WinnerCardData).slug}
winner={w as WinnerCardData}
fallbackTitle={fallbackText(winnersSection.cardFallbackTitle, homeContent.winners.cardFallbackTitle)}
fallbackImage={winnerFallbackImage}
hoverLabel={fallbackText(winnersSection.hoverLabel, homeContent.winners.hoverLabel)}
/>
))}
</div>
</section>
{/* Testimonials Section */}
<TestimonialsSection data={home.testimonials} />

View File

@@ -7,6 +7,7 @@ import MembershipWizard from '@/spa/components/membership/MembershipWizard';
import { useCmsRoute } from '@/spa/cmsRoute';
import { mediaAlt, mediaUrl } from '@/spa/cmsMediaField';
import { mitgliedWerdenContent } from '@/spa/mitgliedWerdenContent';
import { SHOW_TESTIMONIALS } from '@/spa/testimonialsVisibility';
import Image from '@/spa/components/ui/UnoptimizedImage'
const NAVY = '#111D55';
@@ -1242,52 +1243,53 @@ const MitgliedWerden: React.FC = () => {
<div style={{ height: 2, background: 'linear-gradient(to right, #EFBF04, rgba(239,191,4,0.25), transparent)', flexShrink: 0 }} />
</section>
{/* ── SECTION 7 Testimonials ────────────────────────────────────────── */}
<section style={{ background: '#fff', position: 'relative', overflow: 'hidden' }}>
<div style={{ padding: isMobile ? '48px 24px' : '80px' }}>
<span
style={{
fontFamily: FF,
fontSize: 10,
fontWeight: 700,
textTransform: 'uppercase',
letterSpacing: '0.32em',
color: BLUE,
display: 'block',
marginBottom: 16,
}}
>
{fallbackText(testimonials.eyebrow, mitgliedWerdenContent.testimonials.eyebrow)}
</span>
<h2
style={{
fontFamily: FF,
fontSize: 'clamp(2rem, 4vw, 3rem)',
fontWeight: 900,
color: '#101828',
textTransform: 'uppercase',
letterSpacing: '-0.025em',
lineHeight: 1.03,
margin: '0 0 20px',
}}
>
{fallbackText(testimonials.heading, mitgliedWerdenContent.testimonials.heading)}
</h2>
<div style={{ width: 40, height: 2, background: GOLD, marginBottom: 48 }} />
{SHOW_TESTIMONIALS && (
<section style={{ background: '#fff', position: 'relative', overflow: 'hidden' }}>
<div style={{ padding: isMobile ? '48px 24px' : '80px' }}>
<span
style={{
fontFamily: FF,
fontSize: 10,
fontWeight: 700,
textTransform: 'uppercase',
letterSpacing: '0.32em',
color: BLUE,
display: 'block',
marginBottom: 16,
}}
>
{fallbackText(testimonials.eyebrow, mitgliedWerdenContent.testimonials.eyebrow)}
</span>
<h2
style={{
fontFamily: FF,
fontSize: 'clamp(2rem, 4vw, 3rem)',
fontWeight: 900,
color: '#101828',
textTransform: 'uppercase',
letterSpacing: '-0.025em',
lineHeight: 1.03,
margin: '0 0 20px',
}}
>
{fallbackText(testimonials.heading, mitgliedWerdenContent.testimonials.heading)}
</h2>
<div style={{ width: 40, height: 2, background: GOLD, marginBottom: 48 }} />
<div
style={{
display: 'grid',
gridTemplateColumns: isMobile ? '1fr' : 'repeat(3, 1fr)',
gap: 24,
}}
>
{testimonialItems.map((item, index) => (
<QuoteCard key={`${item.name}-${index}`} quote={item.quote} initials={item.initials} name={item.name} role={item.role} />
))}
<div
style={{
display: 'grid',
gridTemplateColumns: isMobile ? '1fr' : 'repeat(3, 1fr)',
gap: 24,
}}
>
{testimonialItems.map((item, index) => (
<QuoteCard key={`${item.name}-${index}`} quote={item.quote} initials={item.initials} name={item.name} role={item.role} />
))}
</div>
</div>
</div>
</section>
</section>
)}
{/* ── FAQ ─────────────────────────────────────────────────────────────── */}
<FAQSection isMobile={isMobile} content={faq} />

View File

@@ -4,7 +4,7 @@ import { ChevronRight, X, ArrowRight, Globe, Linkedin, Building2, MapPin, Extern
import SponsoringForm from '@/spa/components/forms/SponsoringForm';
import MunichSkylineBg from '@/spa/components/ui/munich-skyline-bg';
import { useIsMobile } from '@/spa/hooks/useIsMobile';
import { useCmsCollection, useCmsRoute } from '@/spa/cmsRoute';
import { useCmsCollection, useCmsRoute, type CmsRouteDoc } from '@/spa/cmsRoute';
import { mediaAlt, mediaUrl } from '@/spa/cmsMediaField';
import { homeContent } from '@/spa/homeContent';
import { netzwerkContent } from '@/spa/netzwerkContent';
@@ -18,14 +18,6 @@ const GOLD = '#EFBF04';
const CREAM = '#E4E2E3';
const HIDE_MEMBERSHIP_NETWORK_CTA = true;
const ROLE_COLOR: Record<string, string> = {
'Hauptsponsor': '#EFBF04',
'Sponsor': '#2563EB',
'Finanzpartner': '#16A34A',
'Partner': '#111D55',
'Medienpartner': '#DC2626',
};
type NetzwerkCms = Partial<typeof netzwerkContent> & {
hero?: Partial<typeof netzwerkContent.hero> & { image?: unknown }
sponsoring?: Partial<typeof netzwerkContent.sponsoring> & { image?: unknown }
@@ -44,7 +36,14 @@ type HomeVideoCms = {
}
type PatronPerson = (typeof netzwerkContent.patronage.people)[number] & { imageUpload?: unknown }
type JuryMember = (typeof netzwerkContent.jury.members)[number] & { imageUpload?: unknown }
type JuryMember = (typeof netzwerkContent.jury.members)[number] & {
active?: boolean | null
imageAlt?: string | null
imageUpload?: unknown
organization?: string | null
quote?: string | null
sortOrder?: number | null
}
type Partner = (typeof netzwerkContent.partners.items)[number] &
PartnerLogoData & {
active?: boolean | null
@@ -65,11 +64,40 @@ type PartnerModalCopy = typeof netzwerkContent.partners.modal
const fallbackText = (value: unknown, fallback: string) => typeof value === 'string' && value.length > 0 ? value : fallback;
const fallbackArray = <T,>(value: unknown, fallback: T[]) => Array.isArray(value) && value.length ? value as T[] : fallback;
const managedImage = (upload: unknown, fallback: unknown) => mediaUrl(upload, fallbackText(fallback, ''))
const deprecatedPartnerDescription = 'Partner in drei Kategorien: Hauptsponsoren, Medienpartner und weitere Sponsoren. Klicken für Details.'
const visiblePartnerDescription = (value: unknown) => {
const text = fallbackText(value, netzwerkContent.partners.description)
return text.trim() === deprecatedPartnerDescription ? netzwerkContent.partners.description : text
}
const juryImageFallback = '/images/preistraeger-placeholder.svg'
const sortedPartners = <T extends PartnerLogoData>(partners: T[]) =>
partners
.map((partner, index) => ({ partner, index }))
.sort((a, b) => Number(a.partner.sortOrder ?? a.index) - Number(b.partner.sortOrder ?? b.index))
.map(({ partner }) => partner)
const normalizeJuryMember = (member: CmsRouteDoc): JuryMember => {
const organization = fallbackText(member.organization, '')
const rawRole = fallbackText(member.role, '')
const role = rawRole && organization && rawRole !== organization ? `${rawRole} / ${organization}` : fallbackText(rawRole, organization)
return {
name: fallbackText(member.name, ''),
role,
bio: fallbackText(member.bio, fallbackText(member.quote, '')),
image: mediaUrl(member.image, juryImageFallback),
imageAlt: fallbackText(member.imageAlt, fallbackText(member.name, 'Jury-Mitglied')),
imageUpload: member.image,
organization,
quote: fallbackText(member.quote, ''),
sortOrder: typeof member.sortOrder === 'number' ? member.sortOrder : undefined,
active: member.active !== false,
}
}
const sortedJuryMembers = (members: JuryMember[]) =>
members
.map((member, index) => ({ member, index }))
.sort((a, b) => Number(a.member.sortOrder ?? a.index) - Number(b.member.sortOrder ?? b.index))
.map(({ member }) => member)
const isMembershipCta = (cta?: { label?: string | null; url?: string | null } | null) => {
const normalizedLabel = cta?.label?.trim().toLowerCase();
@@ -138,24 +166,30 @@ function PersonCard({ imgSrc, imgAlt, name, titleLine1, titleLine2, institution,
// ── JuryCard ──────────────────────────────────────────────────────────────────
const JuryCard: React.FC<{ member: JuryMember; idx: number }> = ({ member, idx }) => {
const JuryCard: React.FC<{ member: JuryMember }> = ({ member }) => {
const [hovered, setHovered] = useState(false);
const isMobileCard = useIsMobile();
const quote = fallbackText(member.quote, '');
return (
<div
onMouseEnter={() => setHovered(true)}
onMouseLeave={() => setHovered(false)}
style={{ borderLeft: !isMobileCard && idx > 0 ? '1px solid rgba(255,255,255,0.07)' : 'none', display: 'flex', flexDirection: 'column', cursor: 'default', background: hovered ? 'rgba(255,255,255,0.03)' : 'transparent', transition: 'background 0.2s', ...(isMobileCard ? { minWidth: '74vw', maxWidth: '74vw', flexShrink: 0, scrollSnapAlign: 'start', border: '1px solid rgba(255,255,255,0.08)', borderRadius: 16, overflow: 'hidden' } : {}) }}
style={{ display: 'flex', flexDirection: 'column', height: '100%', cursor: 'default', background: hovered ? 'rgba(255,255,255,0.04)' : NAVY, transition: 'background 0.2s', ...(isMobileCard ? { minWidth: '58vw', maxWidth: '58vw', flexShrink: 0, scrollSnapAlign: 'start', border: '1px solid rgba(255,255,255,0.08)', borderRadius: 16, overflow: 'hidden' } : { minWidth: 0, border: '1px solid rgba(255,255,255,0.07)' }) }}
>
<div style={{ position: 'relative', overflow: 'hidden', aspectRatio: '3/4' }}>
<Image unoptimized src={managedImage(member.imageUpload, member.image)} alt={member.name} style={{ width: '100%', height: '100%', objectFit: 'cover', filter: hovered ? 'none' : 'grayscale(100%)', transition: 'filter 0.5s', display: 'block' }} />
<div style={{ position: 'relative', overflow: 'hidden', height: isMobileCard ? 142 : 170, flexShrink: 0 }}>
<Image unoptimized src={managedImage(member.imageUpload, member.image)} alt={fallbackText(member.imageAlt, member.name)} style={{ width: '100%', height: '100%', objectFit: 'cover', objectPosition: 'center top', filter: hovered ? 'none' : 'grayscale(100%)', transition: 'filter 0.5s', display: 'block' }} />
<div style={{ position: 'absolute', bottom: 0, left: 0, right: 0, height: '40%', background: 'linear-gradient(to top, rgba(3,9,58,0.65), transparent)' }} />
</div>
<div style={{ padding: isMobileCard ? '28px 28px 32px' : '32px 32px 36px' }}>
<div style={{ fontFamily: FF, fontSize: 20, fontWeight: 700, color: '#fff', marginBottom: 5 }}>{member.name}</div>
<div style={{ fontFamily: FF, fontSize: 12, color: GOLD, textTransform: 'uppercase', letterSpacing: '0.16em', fontWeight: 700, marginBottom: 14 }}>{member.role}</div>
<div style={{ width: hovered ? '100%' : 24, height: 1, background: GOLD, opacity: 0.4, transition: 'width 0.4s ease', marginBottom: 14 }} />
<div style={{ fontFamily: FB, fontSize: 18, color: 'rgba(255,255,255,0.55)', lineHeight: 1.7 }}>{member.bio}</div>
<div style={{ padding: isMobileCard ? '18px 18px 22px' : '20px 20px 24px', flex: 1, minWidth: 0, overflowWrap: 'anywhere', wordBreak: 'break-word' }}>
<div style={{ fontFamily: FF, fontSize: isMobileCard ? 16 : 17, fontWeight: 700, color: '#fff', lineHeight: 1.15, marginBottom: 5, minWidth: 0, overflowWrap: 'anywhere', wordBreak: 'break-word' }}>{member.name}</div>
<div style={{ fontFamily: FF, fontSize: isMobileCard ? 9 : 10, color: GOLD, textTransform: 'uppercase', letterSpacing: isMobileCard ? '0.1em' : '0.14em', fontWeight: 700, lineHeight: 1.35, marginBottom: 10, minWidth: 0, overflowWrap: 'anywhere', wordBreak: 'break-word' }}>{member.role}</div>
<div style={{ width: hovered ? '100%' : 20, height: 1, background: GOLD, opacity: 0.4, transition: 'width 0.4s ease', marginBottom: 10 }} />
<div style={{ fontFamily: FB, fontSize: isMobileCard ? 14 : 15, color: 'rgba(255,255,255,0.55)', lineHeight: 1.55, minWidth: 0, overflowWrap: 'anywhere', wordBreak: 'break-word' }}>{member.bio}</div>
{quote ? (
<div style={{ borderLeft: `2px solid ${GOLD}`, color: 'rgba(255,255,255,0.72)', fontFamily: FB, fontSize: isMobileCard ? 13 : 14, fontStyle: 'italic', lineHeight: 1.5, marginTop: 14, paddingLeft: 10, minWidth: 0, overflowWrap: 'anywhere', wordBreak: 'break-word' }}>
{quote}
</div>
) : null}
</div>
</div>
);
@@ -166,6 +200,7 @@ const JuryCard: React.FC<{ member: JuryMember; idx: number }> = ({ member, idx }
const JuryChairCard: React.FC<{ member: JuryMember; badge: string }> = ({ member, badge }) => {
const [hovered, setHovered] = useState(false);
const isMobileCard = useIsMobile();
const quote = fallbackText(member.quote, '');
return (
<div
onMouseEnter={() => setHovered(true)}
@@ -181,7 +216,7 @@ const JuryChairCard: React.FC<{ member: JuryMember; badge: string }> = ({ member
}}
>
<div style={{ position: 'relative', overflow: 'hidden', aspectRatio: isMobileCard ? '16/10' : '3/4', minHeight: isMobileCard ? 240 : 'auto' }}>
<Image unoptimized src={managedImage(member.imageUpload, member.image)} alt={member.name} style={{ width: '100%', height: '100%', objectFit: 'cover', objectPosition: 'center top', filter: hovered ? 'none' : 'grayscale(100%)', transition: 'filter 0.5s', display: 'block' }} />
<Image unoptimized src={managedImage(member.imageUpload, member.image)} alt={fallbackText(member.imageAlt, member.name)} style={{ width: '100%', height: '100%', objectFit: 'cover', objectPosition: 'center top', filter: hovered ? 'none' : 'grayscale(100%)', transition: 'filter 0.5s', display: 'block' }} />
<div style={{ position: 'absolute', bottom: 0, left: 0, right: 0, height: '45%', background: 'linear-gradient(to top, rgba(3,9,58,0.7), transparent)' }} />
</div>
<div style={{ padding: isMobileCard ? '32px 28px 36px' : '56px 56px', display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>
@@ -192,6 +227,11 @@ const JuryChairCard: React.FC<{ member: JuryMember; badge: string }> = ({ member
<div style={{ fontFamily: FF, fontSize: 13, color: GOLD, textTransform: 'uppercase', letterSpacing: '0.18em', fontWeight: 700, marginBottom: 24 }}>{member.role}</div>
<div style={{ width: 48, height: 2, background: GOLD, opacity: 0.5, marginBottom: 24 }} />
<div style={{ fontFamily: FB, fontSize: isMobileCard ? 18 : 21, color: 'rgba(255,255,255,0.6)', lineHeight: 1.7, maxWidth: 620 }}>{member.bio}</div>
{quote ? (
<div style={{ borderLeft: `3px solid ${GOLD}`, color: 'rgba(255,255,255,0.78)', fontFamily: FB, fontSize: isMobileCard ? 17 : 19, fontStyle: 'italic', lineHeight: 1.65, marginTop: 24, maxWidth: 620, paddingLeft: 18 }}>
{quote}
</div>
) : null}
</div>
</div>
);
@@ -201,35 +241,35 @@ const JuryChairCard: React.FC<{ member: JuryMember; badge: string }> = ({ member
// ── SponsorCell (tiered) ──────────────────────────────────────────────────────
const SponsorCell: React.FC<{ partner: Partner; variant: 'lg' | 'md' | 'sm'; idx: number; cols: number; detailLabel: string; premiumLabel: string; onClick: () => void }> = ({ partner, variant, idx, cols, detailLabel, premiumLabel, onClick }) => {
const SponsorCell: React.FC<{ partner: Partner; variant: 'lg' | 'md' | 'sm'; idx: number; cols: number; detailLabel: string; onClick: () => void }> = ({ partner, variant, idx, cols, detailLabel, onClick }) => {
const [hovered, setHovered] = useState(false);
const isMobileCell = useIsMobile();
const lg = variant === 'lg';
const sm = variant === 'sm';
const lastCol = (idx % cols) === cols - 1;
const logoHeight = isMobileCell ? (lg ? 76 : sm ? 54 : 62) : lg ? 92 : sm ? 62 : 76;
const logoScale = lg ? 1.55 : sm ? 1.22 : 1.38;
return (
<div
onClick={onClick}
onMouseEnter={() => setHovered(true)}
onMouseLeave={() => setHovered(false)}
style={{
padding: isMobileCell ? '24px 20px' : lg ? '40px 36px' : sm ? '28px 28px' : '32px 32px',
padding: isMobileCell ? '26px 20px' : lg ? '44px 38px 40px' : sm ? '30px 28px' : '36px 32px',
borderRight: !lastCol && !isMobileCell ? '1px solid rgba(3,9,58,0.08)' : 'none',
borderBottom: '1px solid rgba(3,9,58,0.08)',
display: 'flex', flexDirection: 'column', gap: 14,
display: 'flex', flexDirection: 'column', gap: lg ? 18 : 16,
cursor: 'pointer',
background: hovered ? '#E8E5E4' : 'transparent',
transition: 'background 0.15s',
position: 'relative',
}}
>
{lg && (
<span style={{ position: 'absolute', top: 18, right: 18, fontFamily: FF, fontSize: 9, fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.18em', color: '#101828', background: GOLD, padding: '4px 10px', borderRadius: 100, zIndex: 1 }}>{premiumLabel}</span>
)}
<div style={{ height: lg ? 52 : 44, display: 'flex', alignItems: 'center' }}><PartnerLogoMark partner={partner} /></div>
<div style={{ width: hovered ? 48 : 20, height: 1, background: GOLD, transition: 'width 0.3s ease' }} />
<div style={{ height: logoHeight, display: 'flex', alignItems: 'center', justifyContent: 'center', width: '100%', minWidth: 0 }}>
<PartnerLogoMark partner={partner} scale={logoScale} />
</div>
<div style={{ width: hovered ? 56 : 24, height: 1, background: GOLD, transition: 'width 0.3s ease' }} />
<div style={{ fontFamily: FF, fontSize: lg ? 22 : 18, fontWeight: 700, color: '#101828', letterSpacing: '-0.01em', lineHeight: 1.15 }}>{partner.name}</div>
<div style={{ fontFamily: FF, fontSize: sm ? 10 : 11, color: GOLD, textTransform: 'uppercase', letterSpacing: '0.2em', fontWeight: 700 }}>{partner.role}</div>
{!sm && <div style={{ fontFamily: FB, fontSize: lg ? 17 : 16, color: 'rgba(16,24,40,0.45)', lineHeight: 1.6, flexGrow: 1 }}>{partner.desc}</div>}
<div style={{ fontFamily: FF, fontSize: 11, textTransform: 'uppercase', letterSpacing: '0.12em', color: GOLD, fontWeight: 700, display: 'flex', alignItems: 'center', gap: 4 }}>
{detailLabel} <ArrowRight size={10} />
@@ -241,7 +281,7 @@ const SponsorCell: React.FC<{ partner: Partner; variant: 'lg' | 'md' | 'sm'; idx
// ── PartnerModal ─────────────────────────────────────────────────────────────
function PartnerModal({ partner, copy, onClose }: { partner: Partner; copy: PartnerModalCopy; onClose: () => void }) {
const accentColor = ROLE_COLOR[partner.role] ?? GOLD;
const accentColor = GOLD;
useEffect(() => {
document.body.style.overflow = 'hidden';
@@ -279,21 +319,6 @@ function PartnerModal({ partner, copy, onClose }: { partner: Partner; copy: Part
{/* Gradient to white */}
<div style={{ position: 'absolute', inset: 0, background: 'linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 35%, rgba(255,255,255,0.6) 75%, #fff 100%)' }} />
{/* Category badge top left */}
<div style={{ position: 'absolute', top: 20, left: 24 }}>
<span style={{
background: 'rgba(255,255,255,0.15)',
backdropFilter: 'blur(8px)', WebkitBackdropFilter: 'blur(8px)',
border: '1px solid rgba(255,255,255,0.25)',
color: '#fff', padding: '5px 13px',
fontFamily: FF, fontSize: 9, fontWeight: 700,
textTransform: 'uppercase', letterSpacing: '0.22em',
display: 'inline-block',
}}>
{partner.role}
</span>
</div>
{/* Social + Close top right */}
<div style={{ position: 'absolute', top: 16, right: 20, display: 'flex', gap: 8, alignItems: 'center' }}>
{partner.linkedin && (
@@ -432,9 +457,6 @@ function PartnerModal({ partner, copy, onClose }: { partner: Partner; copy: Part
<span style={{ fontFamily: FF, fontSize: 9, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.12em', color: 'rgba(16,24,40,0.3)' }}>
{fallbackText(copy.footerTitle, netzwerkContent.partners.modal.footerTitle)}
</span>
<span style={{ fontFamily: FF, fontSize: 9, fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.12em', color: accentColor }}>
{fallbackText(copy.footerRolePrefix, netzwerkContent.partners.modal.footerRolePrefix)} {partner.role}
</span>
</div>
</div>
</div>
@@ -451,6 +473,7 @@ const Netzwerk: React.FC = () => {
const cms = (useCmsRoute()?.doc?.netzwerk || {}) as NetzwerkCms;
const homePage = useCmsCollection('pages').find((page) => page.spaPath === '/' || page.slug === 'startseite' || page.slug === 'home');
const cmsPartners = useCmsCollection('partners') as unknown as Partner[];
const cmsJuryMembers = useCmsCollection('jury-mitglieder');
const home = (homePage?.home || {}) as HomeVideoCms;
const homeVideoModal = home.videoModal || {};
const hero = { ...netzwerkContent.hero, ...(cms.hero || {}) };
@@ -462,7 +485,10 @@ const Netzwerk: React.FC = () => {
const partnerModal = { ...netzwerkContent.partners.modal, ...((cms.partners as typeof netzwerkContent.partners | undefined)?.modal || {}) };
const sponsoring = { ...netzwerkContent.sponsoring, ...(cms.sponsoring || {}) };
const patronPeople = fallbackArray<PatronPerson>(patronage.people, netzwerkContent.patronage.people);
const juryMembers = fallbackArray<JuryMember>(jury.members, netzwerkContent.jury.members);
const juryCollectionMembers = sortedJuryMembers(cmsJuryMembers.map(normalizeJuryMember).filter((member) => member.active !== false && member.name));
const juryMembers = juryCollectionMembers.length
? juryCollectionMembers
: fallbackArray<JuryMember>(jury.members, netzwerkContent.jury.members);
const expertiseRows = fallbackArray<ExpertiseRow>(expertise.rows, netzwerkContent.expertise.rows);
const defaultLogoColor = fallbackText(partnerSection.defaultLogoColor, netzwerkContent.partners.defaultLogoColor);
const partnerSource = cmsPartners.length ? cmsPartners : (netzwerkContent.partners.items as Partner[]);
@@ -686,9 +712,9 @@ const Netzwerk: React.FC = () => {
</div>
{/* ── Übrige Jury-Mitglieder ──────────────────────────────────────── */}
<div style={{ display: isMobile ? 'flex' : 'grid', gridTemplateColumns: isMobile ? undefined : 'repeat(3, 1fr)', overflowX: isMobile ? 'auto' : undefined, scrollSnapType: isMobile ? 'x mandatory' : undefined, gap: isMobile ? 14 : 0, padding: isMobile ? '24px 24px 12px' : '0', WebkitOverflowScrolling: 'touch', scrollbarWidth: 'none', borderTop: isMobile ? 'none' : '1px solid rgba(255,255,255,0.07)' }}>
<div style={{ display: isMobile ? 'flex' : 'grid', gridTemplateColumns: isMobile ? undefined : 'repeat(auto-fill, minmax(210px, 1fr))', overflowX: isMobile ? 'auto' : undefined, scrollSnapType: isMobile ? 'x mandatory' : undefined, gap: isMobile ? 12 : 0, padding: isMobile ? '24px 24px 12px' : '0', WebkitOverflowScrolling: 'touch', scrollbarWidth: 'none', borderTop: isMobile ? 'none' : '1px solid rgba(255,255,255,0.07)' }}>
{juryMembers.slice(1).map((member, idx) => (
<JuryCard key={idx} member={member} idx={idx} />
<JuryCard key={idx} member={member} />
))}
</div>
@@ -741,7 +767,7 @@ const Netzwerk: React.FC = () => {
<h2 style={{ fontFamily: FF, fontWeight: 900, color: '#101828', textTransform: 'uppercase', letterSpacing: '-0.025em', fontSize: 'clamp(2rem, 3.5vw, 3rem)', lineHeight: 0.95, margin: 0 }}><Lines text={fallbackText(partnerSection.heading, netzwerkContent.partners.heading)} /></h2>
</div>
<p style={{ fontFamily: FB, fontSize: 18, color: 'rgba(16,24,40,0.4)', maxWidth: isMobile ? '100%' : 220, textAlign: isMobile ? 'left' : 'right', lineHeight: 1.6, margin: 0 }}>
{fallbackText(partnerSection.description, netzwerkContent.partners.description)}
{visiblePartnerDescription(partnerSection.description)}
</p>
</div>
@@ -755,7 +781,7 @@ const Netzwerk: React.FC = () => {
return (
<div key={t.tier} style={{ display: 'grid', gridTemplateColumns: `repeat(${cols}, 1fr)` }}>
{items.map((p, i) => (
<SponsorCell key={p.id} partner={p} variant={variant} idx={i} cols={cols} detailLabel={fallbackText(partnerSection.detailLabel, netzwerkContent.partners.detailLabel)} premiumLabel={fallbackText(partnerSection.premiumLabel, netzwerkContent.partners.premiumLabel)} onClick={() => setSelectedPartner(p)} />
<SponsorCell key={p.id} partner={p} variant={variant} idx={i} cols={cols} detailLabel={fallbackText(partnerSection.detailLabel, netzwerkContent.partners.detailLabel)} onClick={() => setSelectedPartner(p)} />
))}
</div>
);

View File

@@ -1,6 +1,6 @@
import React, { useState, useMemo } from 'react';
import { Link } from '@/spa/router';
import { Trophy, ArrowRight } from 'lucide-react';
import { Trophy, ArrowRight, Medal } from 'lucide-react';
import { WINNERS, type Winner } from '@/spa/data/winners';
import { useCmsCollection, useCmsRoute, type CmsRouteDoc } from '@/spa/cmsRoute';
import { docImageUrl, mediaAlt, mediaUrl } from '@/spa/cmsMediaField';
@@ -16,6 +16,8 @@ const BORDER = '#D0D5DD';
const GRAY = '#666666';
const BG_ALT = '#E4E2E3';
const SIMPLE_LIST_YEAR = 2023;
const GOLDENE_BAVARIA_GROUP = 'goldene-bavaria';
const PREISTRAEGER_GROUP = 'preistraeger';
type PreistraegerIndexCms = Partial<typeof preistraegerIndexContent> & {
hero?: Partial<typeof preistraegerIndexContent.hero> & { image?: unknown }
@@ -23,6 +25,60 @@ type PreistraegerIndexCms = Partial<typeof preistraegerIndexContent> & {
}
const fallbackText = (value: unknown, fallback: string) => typeof value === 'string' && value.length > 0 ? value : fallback;
const optionalNumber = (value: unknown) => {
const parsed = Number(value);
return Number.isFinite(parsed) ? parsed : undefined;
};
const positiveNumber = (value: unknown, fallback: number) => {
const parsed = optionalNumber(value);
return parsed && parsed > 0 ? Math.floor(parsed) : fallback;
};
const normalizeAwardGroup = (value: unknown): Winner['awardGroup'] =>
value === GOLDENE_BAVARIA_GROUP || value === PREISTRAEGER_GROUP ? value : undefined;
const isGoldeneBavariaWinner = (winner: Winner) =>
winner.awardGroup === GOLDENE_BAVARIA_GROUP || winner.type.toLowerCase().includes('goldene bavaria');
const sortWinnersForDisplay = (winners: Winner[]) =>
winners
.map((winner, index) => ({ winner, index }))
.sort((a, b) => {
const rankDiff = (a.winner.winnerRank ?? Number.POSITIVE_INFINITY) - (b.winner.winnerRank ?? Number.POSITIVE_INFINITY);
if (rankDiff !== 0) return rankDiff;
const sortDiff = (a.winner.sortOrder ?? Number.POSITIVE_INFINITY) - (b.winner.sortOrder ?? Number.POSITIVE_INFINITY);
if (sortDiff !== 0) return sortDiff;
return a.index - b.index;
})
.map(({ winner }) => winner);
const splitWinnersForYear = (winners: Winner[], totalWinners: number, goldeneBavariaCount: number) => {
const visibleWinners = sortWinnersForDisplay(winners.filter((winner) => winner.showOnIndex !== false));
const maxGoldeneBavaria = Math.min(goldeneBavariaCount, totalWinners);
const goldeneBavariaWinners = visibleWinners
.filter((winner) => isGoldeneBavariaWinner(winner) || (winner.winnerRank || Number.POSITIVE_INFINITY) <= maxGoldeneBavaria)
.slice(0, maxGoldeneBavaria);
const goldIds = new Set(goldeneBavariaWinners.map((winner) => winner.id));
for (const winner of visibleWinners) {
if (goldeneBavariaWinners.length >= maxGoldeneBavaria) break;
if (goldIds.has(winner.id) || winner.awardGroup === PREISTRAEGER_GROUP) continue;
goldeneBavariaWinners.push(winner);
goldIds.add(winner.id);
}
const remainingWinners = visibleWinners
.filter((winner) => !goldIds.has(winner.id))
.slice(0, Math.max(totalWinners - goldeneBavariaWinners.length, 0));
return {
goldeneBavariaWinners,
remainingWinners,
displayedWinners: [...goldeneBavariaWinners, ...remainingWinners],
};
};
const normalizeWinner = (
doc: CmsRouteDoc,
@@ -34,7 +90,15 @@ const normalizeWinner = (
name: String(doc.title || fallbackWinner.name || preistraegerIndexContent.card.fallbackWinner.name),
category: String(doc.category || fallbackWinner.category || preistraegerIndexContent.card.fallbackWinner.category),
year: Number(doc.year || new Date().getFullYear()),
type: String(doc.awardType || fallbackWinner.awardType || preistraegerIndexContent.card.fallbackWinner.awardType),
type: String(
doc.awardType ||
(normalizeAwardGroup(doc.awardGroup) === GOLDENE_BAVARIA_GROUP ? 'Goldene Bavaria' : fallbackWinner.awardType) ||
preistraegerIndexContent.card.fallbackWinner.awardType,
),
awardGroup: normalizeAwardGroup(doc.awardGroup),
winnerRank: optionalNumber(doc.winnerRank),
sortOrder: optionalNumber(doc.sortOrder),
showOnIndex: doc.showOnIndex !== false,
img: docImageUrl(doc, placeholderImage),
shortDesc: String(doc.shortDesc || doc.description || doc.meta?.description || ''),
longDesc: String(doc.longDesc || doc.description || doc.meta?.description || ''),
@@ -55,9 +119,17 @@ export default function Preistraeger() {
const hero = { ...preistraegerIndexContent.hero, ...(cms.hero || {}) };
const breadcrumb = { ...preistraegerIndexContent.breadcrumb, ...(cms.breadcrumb || {}) };
const count = { ...preistraegerIndexContent.count, ...(cms.count || {}) };
const rules = { ...preistraegerIndexContent.rules, ...(cms.rules || {}) };
const empty = { ...preistraegerIndexContent.empty, ...(cms.empty || {}) };
const goldeneBavaria = { ...preistraegerIndexContent.goldeneBavaria, ...(cms.goldeneBavaria || {}) };
const winnersSection = { ...preistraegerIndexContent.winners, ...(cms.winners || {}) };
const card = useMemo(() => ({ ...preistraegerIndexContent.card, ...(cms.card || {}) }), [cms.card]);
const cta = { ...preistraegerIndexContent.cta, ...(cms.cta || {}) };
const totalWinners = positiveNumber(rules.totalWinners, preistraegerIndexContent.rules.totalWinners);
const goldeneBavariaCount = Math.min(
positiveNumber(rules.goldeneBavariaCount, preistraegerIndexContent.rules.goldeneBavariaCount),
totalWinners,
);
const winners = useMemo(() => {
const fallbackWinner = card.fallbackWinner || preistraegerIndexContent.card.fallbackWinner;
if (cmsPreistraeger.length) return cmsPreistraeger.map((doc) => normalizeWinner(doc, placeholderImage, fallbackWinner)).filter((winner) => winner.slug);
@@ -68,6 +140,10 @@ export default function Preistraeger() {
const selectedYear = activeYear ?? years[0] ?? new Date().getFullYear();
const filtered = useMemo(() => winners.filter(w => w.year === selectedYear), [selectedYear, winners]);
const winnerGroups = useMemo(
() => splitWinnersForYear(filtered, totalWinners, goldeneBavariaCount),
[filtered, goldeneBavariaCount, totalWinners],
);
const usesSimpleWinnerGrid = selectedYear === SIMPLE_LIST_YEAR;
return (
@@ -120,35 +196,51 @@ export default function Preistraeger() {
<div style={{ padding: isMobile ? '12px 24px' : '12px 80px', background: BG_ALT, borderTop: `1px solid ${BORDER}`, borderBottom: `1px solid ${BORDER}`, display: 'flex', alignItems: 'center', gap: 12 }}>
<Trophy size={13} style={{ color: GOLD }} fill={GOLD} />
<span style={{ fontFamily: FF, fontSize: 15, color: GRAY }}>
<strong style={{ color: '#101828' }}>{selectedYear}</strong> {filtered.length} {fallbackText(count.label, preistraegerIndexContent.count.label)}
<strong style={{ color: '#101828' }}>{selectedYear}</strong> {winnerGroups.displayedWinners.length} {fallbackText(count.label, preistraegerIndexContent.count.label)}
</span>
</div>
{/* Grid */}
{filtered.length === 0 ? (
{winnerGroups.displayedWinners.length === 0 ? (
<div style={{ padding: isMobile ? '56px 24px' : '80px', textAlign: 'center', color: GRAY, fontFamily: FF }}>
{fallbackText(empty.message, preistraegerIndexContent.empty.message)}
</div>
) : usesSimpleWinnerGrid ? (
<SimpleWinnerGrid winners={filtered} />
) : (
<div style={{
display: 'grid',
gridTemplateColumns: isMobile ? undefined : 'repeat(4, 1fr)',
gridAutoFlow: isMobile ? 'column' : undefined,
gridTemplateRows: isMobile ? 'repeat(2, 1fr)' : undefined,
gridAutoColumns: isMobile ? '74vw' : undefined,
overflowX: isMobile ? 'auto' : undefined,
scrollSnapType: isMobile ? 'x mandatory' : undefined,
gap: isMobile ? 8 : 0,
padding: isMobile ? '0 16px 8px' : 0,
WebkitOverflowScrolling: 'touch',
scrollbarWidth: 'none',
}}>
{filtered.map(w => (
<WinnerCard key={w.id} winner={w} hoverLabel={fallbackText(card.hoverLabel, preistraegerIndexContent.card.hoverLabel)} />
))}
</div>
<>
{winnerGroups.goldeneBavariaWinners.length > 0 ? (
<GoldeneBavariaSection
copy={goldeneBavaria}
hoverLabel={fallbackText(card.hoverLabel, preistraegerIndexContent.card.hoverLabel)}
winners={winnerGroups.goldeneBavariaWinners}
/>
) : null}
{winnerGroups.remainingWinners.length > 0 ? (
<section style={{ background: '#fff' }}>
<SectionIntro copy={winnersSection} isMobile={isMobile} />
{usesSimpleWinnerGrid ? (
<SimpleWinnerGrid winners={winnerGroups.remainingWinners} />
) : (
<div style={{
display: 'grid',
gridTemplateColumns: isMobile ? undefined : 'repeat(4, 1fr)',
gridAutoFlow: isMobile ? 'column' : undefined,
gridTemplateRows: isMobile ? 'repeat(2, 1fr)' : undefined,
gridAutoColumns: isMobile ? '74vw' : undefined,
overflowX: isMobile ? 'auto' : undefined,
scrollSnapType: isMobile ? 'x mandatory' : undefined,
gap: isMobile ? 8 : 0,
padding: isMobile ? '0 16px 8px' : 0,
WebkitOverflowScrolling: 'touch',
scrollbarWidth: 'none',
}}>
{winnerGroups.remainingWinners.map(w => (
<WinnerCard key={w.id} winner={w} hoverLabel={fallbackText(card.hoverLabel, preistraegerIndexContent.card.hoverLabel)} />
))}
</div>
)}
</section>
) : null}
</>
)}
{/* Bottom CTA */}
@@ -172,6 +264,101 @@ export default function Preistraeger() {
);
}
function SectionIntro({ copy, isMobile }: { copy: typeof preistraegerIndexContent.winners; isMobile: boolean }) {
return (
<div style={{ padding: isMobile ? '40px 24px 22px' : '56px 80px 28px', maxWidth: 900 }}>
<span style={{ color: GOLD, fontFamily: FF, fontSize: 12, fontWeight: 800, textTransform: 'uppercase', letterSpacing: 0 }}>
{fallbackText(copy.eyebrow, preistraegerIndexContent.winners.eyebrow)}
</span>
<h2 style={{ color: NAVY, fontFamily: FF, fontSize: isMobile ? 28 : 42, fontWeight: 900, lineHeight: 1.05, margin: '10px 0 12px', textTransform: 'uppercase', letterSpacing: 0 }}>
{fallbackText(copy.heading, preistraegerIndexContent.winners.heading)}
</h2>
<p style={{ color: GRAY, fontFamily: FF, fontSize: 17, lineHeight: 1.6, margin: 0, maxWidth: 680 }}>
{fallbackText(copy.description, preistraegerIndexContent.winners.description)}
</p>
</div>
);
}
function GoldeneBavariaSection({
copy,
hoverLabel,
winners,
}: {
copy: typeof preistraegerIndexContent.goldeneBavaria;
hoverLabel: string;
winners: Winner[];
}) {
const isMobile = useIsMobile();
return (
<section style={{ background: NAVY, color: '#fff', borderTop: `1px solid ${BORDER}` }}>
<div style={{ padding: isMobile ? '44px 24px 26px' : '64px 80px 34px', maxWidth: 980 }}>
<span style={{ color: GOLD, fontFamily: FF, fontSize: 12, fontWeight: 800, textTransform: 'uppercase', letterSpacing: 0 }}>
{fallbackText(copy.eyebrow, preistraegerIndexContent.goldeneBavaria.eyebrow)}
</span>
<h2 style={{ color: '#fff', fontFamily: FF, fontSize: isMobile ? 30 : 48, fontWeight: 900, lineHeight: 1.02, margin: '10px 0 14px', textTransform: 'uppercase', letterSpacing: 0 }}>
{fallbackText(copy.heading, preistraegerIndexContent.goldeneBavaria.heading)}
</h2>
<p style={{ color: 'rgba(255,255,255,0.74)', fontFamily: FF, fontSize: 18, lineHeight: 1.6, margin: 0, maxWidth: 760 }}>
{fallbackText(copy.description, preistraegerIndexContent.goldeneBavaria.description)}
</p>
</div>
<div style={{
display: 'grid',
gridTemplateColumns: isMobile ? '1fr' : 'repeat(3, minmax(0, 1fr))',
gap: isMobile ? 14 : 16,
padding: isMobile ? '0 24px 48px' : '0 80px 72px',
}}>
{winners.map((winner, index) => (
<GoldeneBavariaCard key={winner.id} winner={winner} rank={winner.winnerRank || index + 1} hoverLabel={hoverLabel} />
))}
</div>
</section>
);
}
function GoldeneBavariaCard({ winner, rank, hoverLabel }: { winner: Winner; rank: number; hoverLabel: string }) {
const [hovered, setHovered] = useState(false);
const isMobile = useIsMobile();
return (
<Link
to={`/preistraeger/${winner.slug}`}
style={{ background: '#fff', color: '#101828', display: 'block', minHeight: isMobile ? 0 : 430, overflow: 'hidden', position: 'relative', textDecoration: 'none' }}
onMouseEnter={() => setHovered(true)}
onMouseLeave={() => setHovered(false)}
>
<div style={{ height: isMobile ? 250 : 300, overflow: 'hidden', position: 'relative' }}>
<Image unoptimized
src={winner.img}
alt={winner.name}
style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block', transition: 'transform 0.5s ease', transform: hovered ? 'scale(1.05)' : 'scale(1)' }}
/>
<div style={{ position: 'absolute', inset: 0, background: 'linear-gradient(to top, rgba(0,0,0,0.62), transparent 62%)' }} />
<div style={{ position: 'absolute', left: 18, bottom: 18, display: 'inline-flex', alignItems: 'center', gap: 8, background: GOLD, color: NAVY, padding: '8px 12px', fontFamily: FF, fontSize: 13, fontWeight: 900, textTransform: 'uppercase', letterSpacing: 0 }}>
<Medal size={16} /> #{rank} Goldene Bavaria
</div>
</div>
<div style={{ padding: isMobile ? '20px' : '24px' }}>
<span style={{ color: GOLD, fontFamily: FF, fontSize: 12, fontWeight: 800, textTransform: 'uppercase', letterSpacing: 0 }}>
{winner.year} · {winner.category}
</span>
<h3 style={{ color: NAVY, fontFamily: FF, fontSize: isMobile ? 23 : 26, fontWeight: 900, lineHeight: 1.12, margin: '10px 0 10px', overflowWrap: 'anywhere' }}>
{winner.name}
</h3>
<p style={{ color: GRAY, fontFamily: FF, fontSize: 15, lineHeight: 1.55, margin: 0, overflowWrap: 'anywhere' }}>
{winner.shortDesc}
</p>
<span style={{ marginTop: 18, display: 'inline-flex', alignItems: 'center', gap: 7, color: NAVY, fontFamily: FF, fontSize: 14, fontWeight: 800, textTransform: 'uppercase', letterSpacing: 0 }}>
<Trophy size={14} /> {hoverLabel}
</span>
</div>
</Link>
);
}
// ── WinnerCard ───────────────────────────────────────────────────────────────
function WinnerCard({ winner, hoverLabel }: { winner: Winner; hoverLabel: string }) {

View File

@@ -54,13 +54,14 @@ export default function PreistraegerDetail() {
...((cmsWinner?.detailPage || {}) as PreistraegerDetailCms),
} as PreistraegerDetailCms;
const fallbackWinner = cmsDetail.fallbackWinner || preistraegerDetailContent.fallbackWinner;
const cmsWinnerIsGoldeneBavaria = cmsWinner?.awardGroup === 'goldene-bavaria';
const winner = cmsWinner ? {
id: String(cmsWinner.id),
slug: String(cmsWinner.slug || slug),
name: String(cmsWinner.title || fallbackWinner.name || preistraegerDetailContent.fallbackWinner.name),
category: String(cmsWinner.category || fallbackWinner.category || preistraegerDetailContent.fallbackWinner.category),
year: Number(cmsWinner.year || new Date().getFullYear()),
type: String(cmsWinner.awardType || fallbackWinner.awardType || preistraegerDetailContent.fallbackWinner.awardType),
type: String(cmsWinner.awardType || (cmsWinnerIsGoldeneBavaria ? 'Goldene Bavaria' : fallbackWinner.awardType) || preistraegerDetailContent.fallbackWinner.awardType),
img: docImageUrl(cmsWinner, placeholderImage),
shortDesc: String(cmsWinner.shortDesc || cmsWinner.description || cmsWinner.meta?.description || ''),
longDesc: String(cmsWinner.longDesc || cmsWinner.description || cmsWinner.meta?.description || fallbackWinner.longDesc || preistraegerDetailContent.fallbackWinner.longDesc),

View File

@@ -1,6 +1,5 @@
import React, { useState } from 'react';
import { Link } from '@/spa/router';
import { Calendar, MapPin, Download, ArrowRight, FileText } from 'lucide-react';
import React from 'react';
import { Calendar, MapPin } from 'lucide-react';
import MunichSkylineBg from '@/spa/components/ui/munich-skyline-bg';
import { useIsMobile } from '@/spa/hooks/useIsMobile';
import { useCmsCollection, useCmsRoute, type CmsRouteDoc } from '@/spa/cmsRoute';
@@ -75,20 +74,17 @@ function Lines({ text }: { text: string }) {
const fallbackCardImage = (item: PressEventItem | PressNewsItem) => mediaUrl(item.image, fallbackText(item.img, ''))
function NewsCard({ item, idx, isMobile, readMoreLabel, total }: { item: PressNewsItem; idx: number; isMobile: boolean; readMoreLabel: string; total: number }) {
function NewsCard({ item, idx, isMobile, total }: { item: PressNewsItem; idx: number; isMobile: boolean; total: number }) {
const [hovered, setHovered] = React.useState(false);
return (
<Link
to={item.slug}
<article
onMouseEnter={() => setHovered(true)}
onMouseLeave={() => setHovered(false)}
style={{
display: 'flex',
flexDirection: 'column',
cursor: 'pointer',
borderLeft: isMobile ? 'none' : (idx > 0 ? '1px solid rgba(255,255,255,0.07)' : 'none'),
borderBottom: isMobile && idx < total - 1 ? '1px solid rgba(255,255,255,0.07)' : 'none',
textDecoration: 'none',
}}
>
{/* image */}
@@ -166,54 +162,8 @@ function NewsCard({ item, idx, isMobile, readMoreLabel, total }: { item: PressNe
>
{item.excerpt}
</p>
<span
style={{
fontFamily: FF,
fontSize: 10,
fontWeight: 700,
textTransform: 'uppercase',
letterSpacing: '0.12em',
color: GOLD,
display: 'inline-flex',
alignItems: 'center',
gap: 5,
}}
>
{readMoreLabel} <ArrowRight size={12} />
</span>
</div>
</Link>
);
}
function DarkInput(props: React.InputHTMLAttributes<HTMLInputElement>) {
const [f, setF] = React.useState(false);
return (
<input
{...props}
onFocus={(e) => {
setF(true);
props.onFocus?.(e);
}}
onBlur={(e) => {
setF(false);
props.onBlur?.(e);
}}
style={{
width: '100%',
height: 44,
padding: '0 14px',
fontFamily: FF,
fontSize: 18,
color: '#fff',
border: `1px solid ${f ? 'rgba(239,191,4,0.8)' : 'rgba(255,255,255,0.12)'}`,
background: f ? 'rgba(255,255,255,0.08)' : 'rgba(255,255,255,0.05)',
outline: 'none',
boxSizing: 'border-box',
transition: 'border-color 0.15s, background 0.15s',
...props.style,
}}
/>
</article>
);
}
@@ -224,7 +174,6 @@ const Press: React.FC = () => {
const eventsSection = React.useMemo(() => ({ ...pressIndexContent.events, ...(cms.events || {}) }), [cms.events]);
const newsSection = React.useMemo(() => ({ ...pressIndexContent.news, ...(cms.news || {}) }), [cms.news]);
const downloads = React.useMemo(() => ({ ...pressIndexContent.downloads, ...(cms.downloads || {}) }), [cms.downloads]);
const accreditation = React.useMemo(() => ({ ...pressIndexContent.accreditation, ...(cms.accreditation || {}) }), [cms.accreditation]);
const contactLines = fallbackText(downloads.contactLines, pressIndexContent.downloads.contactLines).split('\n');
const cmsEvents = useCmsCollection('events');
const cmsPosts = useCmsCollection('posts');
@@ -248,22 +197,6 @@ const Press: React.FC = () => {
if (cmsPosts.length) return cmsPosts.map((post) => postFromCms(post, newsCollectionFallbackImage, newsSection));
return fallbackArray<PressNewsItem>(newsSection.fallbackItems, pressIndexContent.news.fallbackItems);
}, [cmsPosts, newsCollectionFallbackImage, newsSection]);
const [hoveredEvent, setHoveredEvent] = useState<number | null>(null);
const [dlHovered, setDlHovered] = useState(false);
const [submitHovered, setSubmitHovered] = useState(false);
// Form state
const [medium, setMedium] = useState('');
const [name, setName] = useState('');
const [email, setEmail] = useState('');
const [submitted, setSubmitted] = useState(false);
const handleSubmit = () => {
if (medium.trim() && name.trim() && email.trim()) {
setSubmitted(true);
}
};
return (
<div className="animate-fade-in">
@@ -411,15 +344,11 @@ const Press: React.FC = () => {
{combinedEvents.map((event, idx) => (
<div
key={idx}
onMouseEnter={() => setHoveredEvent(idx)}
onMouseLeave={() => setHoveredEvent(null)}
style={{
display: 'grid',
gridTemplateColumns: isMobile ? '1fr' : '320px 1fr',
borderBottom: '1px solid rgba(3,9,58,0.08)',
background: hoveredEvent === idx ? '#EAE7E6' : 'transparent',
transition: 'background 0.15s',
cursor: 'pointer',
background: 'transparent',
}}
>
{/* Left image cell */}
@@ -444,9 +373,6 @@ const Press: React.FC = () => {
</div>
<div style={{ width: 24, height: 1, background: 'rgba(239,191,4,0.4)', marginBottom: 14 }} />
<p style={{ fontFamily: FB, fontSize: 18, color: 'rgba(16,24,40,0.5)', lineHeight: 1.7, flex: 1 }}>{event.desc}</p>
<Link to={event.slug} style={{ display: 'inline-flex', alignItems: 'center', gap: 6, marginTop: 16, fontFamily: FF, fontSize: 16, fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.1em', color: '#101828', textDecoration: 'none' }}>
{fallbackText(eventsSection.detailLabel, pressIndexContent.events.detailLabel)} <ArrowRight size={12} />
</Link>
</div>
</div>
))}
@@ -511,7 +437,7 @@ const Press: React.FC = () => {
{/* 3-column news grid */}
<div style={{ display: 'grid', gridTemplateColumns: isMobile ? '1fr' : 'repeat(3, 1fr)' }}>
{combinedNews.map((item, idx) => (
<NewsCard key={idx} item={item} idx={idx} isMobile={isMobile} readMoreLabel={fallbackText(newsSection.readMoreLabel, pressIndexContent.news.readMoreLabel)} total={combinedNews.length} />
<NewsCard key={idx} item={item} idx={idx} isMobile={isMobile} total={combinedNews.length} />
))}
</div>
</section>
@@ -519,7 +445,7 @@ const Press: React.FC = () => {
{/* ── 4. PRESSE-MATERIAL & AKKREDITIERUNG ─────────────────────────── */}
<section id="downloads" style={{ background: CREAM, overflow: 'hidden', position: 'relative', isolation: 'isolate' }}>
<MunichSkylineBg />
<div style={{ display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '55% 45%', minHeight: isMobile ? 'auto' : 600 }}>
<div style={{ display: 'grid', gridTemplateColumns: '1fr', minHeight: isMobile ? 'auto' : 600 }}>
{/* Left col */}
<div
@@ -529,8 +455,6 @@ const Press: React.FC = () => {
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
borderRight: isMobile ? 'none' : '1px solid rgba(3,9,58,0.1)',
borderBottom: isMobile ? '1px solid rgba(3,9,58,0.1)' : 'none',
}}
>
<div
@@ -571,62 +495,12 @@ const Press: React.FC = () => {
color: 'rgba(16,24,40,0.5)',
lineHeight: 1.8,
maxWidth: 380,
marginBottom: 48,
marginBottom: 0,
}}
>
{fallbackText(downloads.description, pressIndexContent.downloads.description)}
</p>
{/* Download button */}
<a
href={mediaUrl(downloads.kitFile, fallbackText(downloads.kitUrl, pressIndexContent.downloads.kitUrl))}
download={fallbackText(downloads.kitDownloadName, pressIndexContent.downloads.kitDownloadName)}
onMouseEnter={() => setDlHovered(true)}
onMouseLeave={() => setDlHovered(false)}
style={{
display: 'flex',
alignItems: 'center',
gap: 20,
padding: '24px 28px',
border: `1px solid ${dlHovered ? GOLD : 'rgba(3,9,58,0.12)'}`,
background: '#fff',
cursor: 'pointer',
marginBottom: 20,
transition: 'border-color 0.15s',
textDecoration: 'none',
}}
>
<div
style={{
width: 48,
height: 48,
background: NAVY,
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
flexShrink: 0,
}}
>
<Download size={20} color={GOLD} />
</div>
<div>
<div
style={{
fontFamily: FF,
fontSize: 18,
fontWeight: 700,
color: '#101828',
marginBottom: 3,
}}
>
{fallbackText(downloads.kitLabel, pressIndexContent.downloads.kitLabel)}
</div>
<div style={{ fontFamily: FB, fontSize: 17, color: 'rgba(16,24,40,0.4)' }}>
{fallbackText(downloads.kitMeta, pressIndexContent.downloads.kitMeta)}
</div>
</div>
</a>
{/* Press contact block */}
<div style={{ borderLeft: `3px solid ${GOLD}`, paddingLeft: 24, marginTop: 32 }}>
<div
@@ -671,204 +545,6 @@ const Press: React.FC = () => {
</div>
</div>
</div>
{/* Right col */}
<div
style={{
background: NAVY,
padding: isMobile ? '48px 24px' : '72px 64px',
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
}}
>
{submitted ? (
/* Success state */
<div
style={{
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
textAlign: 'center',
}}
>
<div
style={{
width: 56,
height: 56,
background: GOLD,
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
marginBottom: 28,
flexShrink: 0,
}}
>
<FileText size={24} color={NAVY} />
</div>
<h3
style={{
fontFamily: FF,
fontSize: 'clamp(1.4rem, 2.2vw, 1.8rem)',
fontWeight: 900,
color: '#fff',
textTransform: 'uppercase',
letterSpacing: '-0.02em',
margin: '0 0 16px',
}}
>
{fallbackText(accreditation.successHeading, pressIndexContent.accreditation.successHeading)}
</h3>
<p
style={{
fontFamily: FB,
fontSize: 18,
color: 'rgba(255,255,255,0.45)',
lineHeight: 1.8,
margin: 0,
}}
>
{fallbackText(accreditation.successMessage, pressIndexContent.accreditation.successMessage)}
</p>
</div>
) : (
<>
<div
style={{
fontFamily: FF,
fontSize: 10,
color: GOLD,
textTransform: 'uppercase',
letterSpacing: '0.32em',
fontWeight: 700,
marginBottom: 20,
}}
>
{fallbackText(accreditation.eyebrow, pressIndexContent.accreditation.eyebrow)}
</div>
<h3
style={{
fontFamily: FF,
fontSize: 'clamp(1.4rem, 2.2vw, 1.8rem)',
fontWeight: 900,
color: '#fff',
textTransform: 'uppercase',
letterSpacing: '-0.02em',
margin: '0 0 16px',
}}
>
<Lines text={fallbackText(accreditation.heading, pressIndexContent.accreditation.heading)} />
</h3>
{/* Gold divider */}
<div style={{ width: 36, height: 2, background: GOLD, marginBottom: 28 }} />
<p
style={{
fontFamily: FB,
fontSize: 18,
color: 'rgba(255,255,255,0.45)',
lineHeight: 1.8,
marginBottom: 36,
}}
>
{fallbackText(accreditation.description, pressIndexContent.accreditation.description)}
</p>
{/* Form fields */}
<div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
<div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
<label
style={{
fontFamily: FF,
fontSize: 10,
fontWeight: 700,
textTransform: 'uppercase',
letterSpacing: '0.2em',
color: 'rgba(255,255,255,0.35)',
}}
>
{fallbackText(accreditation.mediumLabel, pressIndexContent.accreditation.mediumLabel)}
</label>
<DarkInput
type="text"
value={medium}
onChange={(e) => setMedium(e.target.value)}
/>
</div>
<div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
<label
style={{
fontFamily: FF,
fontSize: 10,
fontWeight: 700,
textTransform: 'uppercase',
letterSpacing: '0.2em',
color: 'rgba(255,255,255,0.35)',
}}
>
{fallbackText(accreditation.nameLabel, pressIndexContent.accreditation.nameLabel)}
</label>
<DarkInput
type="text"
value={name}
onChange={(e) => setName(e.target.value)}
/>
</div>
<div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
<label
style={{
fontFamily: FF,
fontSize: 10,
fontWeight: 700,
textTransform: 'uppercase',
letterSpacing: '0.2em',
color: 'rgba(255,255,255,0.35)',
}}
>
{fallbackText(accreditation.emailLabel, pressIndexContent.accreditation.emailLabel)}
</label>
<DarkInput
type="email"
value={email}
onChange={(e) => setEmail(e.target.value)}
/>
</div>
{/* Submit button */}
<button
onClick={handleSubmit}
onMouseEnter={() => setSubmitHovered(true)}
onMouseLeave={() => setSubmitHovered(false)}
style={{
background: submitHovered ? '#FFD130' : GOLD,
boxShadow: submitHovered ? '0 0 18px rgba(239,191,4,0.65), 0 0 40px rgba(239,191,4,0.3)' : 'none',
color: '#101828',
border: 'none',
fontFamily: FF,
fontSize: 16,
fontWeight: 700,
textTransform: 'uppercase',
letterSpacing: '0.12em',
cursor: 'pointer',
padding: '14px 28px',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
gap: 8,
width: '100%',
transition: 'background 0.15s, box-shadow 0.2s',
}}
>
{fallbackText(accreditation.submitLabel, pressIndexContent.accreditation.submitLabel)} <ArrowRight size={13} />
</button>
</div>
</>
)}
</div>
</div>
</section>
</div>

View File

@@ -7,11 +7,27 @@ export const preistraegerIndexContent = {
label: 'Preisträger:innen',
},
count: {
label: 'Preisträger:innen',
label: 'Gewinner:innen',
},
rules: {
totalWinners: 15,
goldeneBavariaCount: 3,
},
empty: {
message: 'Keine Preisträger für diese Auswahl.',
},
goldeneBavaria: {
eyebrow: 'Goldene Bavaria',
heading: 'Die drei Besten des Jahrgangs',
description:
'Aus den 15 Gewinnerinnen und Gewinnern erhalten die drei bestplatzierten Unternehmen die Goldene Bavaria.',
emptyMessage: 'Für diesen Jahrgang sind noch keine Goldene-Bavaria-Gewinner markiert.',
},
winners: {
eyebrow: 'Preisträger:innen',
heading: 'Weitere Gewinnerinnen und Gewinner',
description: 'Der Bayerische Mittelstandspreis zeichnet pro Jahrgang insgesamt 15 Gewinner aus.',
},
card: {
fallbackImageFilename: 'gala-saal-overview.jpg',
hoverLabel: 'Mehr erfahren',

View File

@@ -0,0 +1,2 @@
// Temporary global switch: keep CMS testimonial data intact while hiding sections.
export const SHOW_TESTIMONIALS: boolean = false

File diff suppressed because one or more lines are too long