diff --git a/app/pages/partner-werden.php b/app/pages/partner-werden.php index 7726438..5bc19e8 100644 --- a/app/pages/partner-werden.php +++ b/app/pages/partner-werden.php @@ -3,44 +3,74 @@ declare(strict_types=1); /** - * Partner werden — Platzhalter/Stub für Sponsoring/Partnerschaft. Pakete und - * Konditionen folgen; Kontaktweg über data/club.json (Single Source of Truth). + * Werbepartner werden — Conversion-Seite. + * Struktur: Hero → Argumente → Drei Kanäle → Partner-Grid → CTA-Band → FAQ. + * Inhalte: data/partner-werden.json. Logos: data/partners.json (Single Source). */ -$club = json_load('club'); +$page = json_load('partner-werden'); $meta = [ - 'title' => 'Partner werden', - 'description' => 'Werde Partner oder Sponsor des TSV 1908 Kulmbach und unterstütze den Sport im Katzbachtal – so kommst du mit uns ins Gespräch.', - 'schema' => page_schema([ - ['name' => 'Startseite', 'slug' => ''], - ['name' => 'Der Verein', 'slug' => 'verein'], - ['name' => 'Partner werden', 'slug' => 'partner-werden'], - ]), + 'title' => 'Werbepartner werden', + 'description' => 'Werden Sie Werbepartner des TSV 08 Kulmbach – sichtbar vor Ort, in Print und digital. Einstieg ab 199 € pro Saison. Jetzt unverbindlich anfragen.', + 'og_image' => 'img/pages/fussball-hero-1600.jpg', + 'schema' => page_schema( + [ + ['name' => 'Startseite', 'slug' => ''], + ['name' => 'Der Verein', 'slug' => 'verein'], + ['name' => 'Werbepartner werden', 'slug' => 'partner-werden'], + ], + $page['faq'] ?? [] + ), ]; + +component('hero', ['hero' => $page['hero']]); ?> -
+ + + + $page['partner_grid']]); + +component('cta-band', [ + 'band' => $page['cta'], + 'anchor' => 'kontakt-aufnehmen', +]); + +component('faq', ['faq' => $page['faq'] ?? []]); diff --git a/data/partner-werden.json b/data/partner-werden.json new file mode 100644 index 0000000..1b3416d --- /dev/null +++ b/data/partner-werden.json @@ -0,0 +1,108 @@ +{ + "hero": { + "compact": true, + "align": "bottom-left", + "title": "Lokal sichtbar werden", + "text": "Bringen Sie Ihr Unternehmen dorthin, wo Kulmbach zuhause ist: auf den Sportplatz, in die Stadionzeitung und auf die Vereins-Website. Echte Menschen, echte Reichweite – mitten in der Region.", + "image": { + "base": "img/pages/fussball-hero", + "widths": [640, 1000, 1600], + "alt": "Fußballplatz des TSV 08 Kulmbach im Katzbachtal mit Vereinsfahnen" + } + }, + "arguments": { + "items": [ + { + "icon": "clock-history", + "title": "Tradition seit 1908", + "text": "Seit über 100 Jahren prägt der TSV 08 das Stadtbild Kulmbachs. Partner profitieren von einem Vertrauen, das Generationen gewachsen ist." + }, + { + "icon": "people-fill", + "title": "Gesellschaftliche Verantwortung", + "text": "Jugendarbeit und Gemeinschaft stärken – auch in schwierigen Zeiten. Partner zeigen Haltung als Arbeitgeber und Teil der Region." + }, + { + "icon": "link-45deg", + "title": "Backlink mit echtem Trust", + "text": "Eine langlebige Domain mit Verweisen von Verbänden und Medien. Ein Backlink stärkt Ihre Suchmaschinenposition nachhaltig." + }, + { + "icon": "robot", + "title": "KI-Sichtbarkeit von morgen", + "text": "Moderne KI-Suchsysteme bevorzugen vertrauenswürdige, lokal verankerte Quellen. Wer heute hier erscheint, gewinnt morgen digitale Reichweite in einer neuen Dimension." + } + ] + }, + "channels": { + "title": "Drei Wege zu Ihrer Zielgruppe", + "intro": "Ob auf dem Platz, in der Stadionzeitung oder online – wir bieten Ihnen Sichtbarkeit, die ankommt.", + "items": [ + { + "kicker": "Paket 01", + "icon": "geo-alt-fill", + "title": "Vor Ort", + "text": "Dauerpräsenz direkt auf dem Sportgelände – sichtbar für jeden, der ins Katzbachtal kommt.", + "features": [ + "Bandenwerbung am Spielfeldrand", + "Plakatierung auf der Anlage", + "Präsenz bei jedem Heimspiel", + "Direkter Kontakt mit dem Publikum" + ] + }, + { + "kicker": "Paket 02", + "icon": "newspaper", + "title": "Print", + "text": "Ihre Anzeige in unserer Stadionzeitung HEIMSPIEL – gedruckt und bald auch digital.", + "features": [ + "1/2 Seite oder ganze Seite wählbar", + "Erscheint zu jedem Heimspiel", + "Print + Flipbook ab Saison 26/27", + "Verteilt an alle Zuschauer vor Ort" + ] + }, + { + "kicker": "Paket 03", + "icon": "globe2", + "title": "Digital", + "text": "Reichweite auf Website und Instagram – rund um die Uhr, weit über den Spieltag hinaus.", + "features": [ + "Beitrag auf der Vereinswebsite", + "Post auf unserem Instagram-Kanal", + "Dauerpräsenz online rund um die Uhr", + "Reichweite weit über den Spieltag hinaus" + ] + } + ] + }, + "partner_grid": { + "title": "Auszug bisheriger Partner & Sponsoren", + "text": "Viele lokale Unternehmen setzen bereits auf die Plattform des TSV 08 Kulmbach. Werden Sie Teil dieses Netzwerks." + }, + "cta": { + "title": "Kurzes Gespräch?", + "text": "Zehn Minuten genügen, um das passende Paket für Ihr Unternehmen zu finden. Einstieg schon ab 199 Euro pro Saison. Unser Ansprechpartner Christian Ohnemüller freut sich auf Ihre Nachricht.", + "ctas": [ + { "label": "Jetzt Kontakt aufnehmen", "slug": "kontakt", "style": "primary" } + ] + }, + "faq": [ + { + "q": "Welche Werbemöglichkeiten gibt es beim TSV 08 Kulmbach?", + "a": "Wir bieten drei Kanäle: Vor Ort (Bandenwerbung & Plakate am Sportgelände), Print (Anzeigen in unserer Stadionzeitung HEIMSPIEL) sowie Digital (Präsenz auf Website und Instagram). Alle Kanäle können einzeln oder kombiniert gebucht werden." + }, + { + "q": "Wen erreiche ich als Werbepartner?", + "a": "Unsere Reichweite umfasst über 650 Vereinsmitglieder, rund 100 Zuschauer pro Heimspiel sowie regelmäßige Besucher auf unserer Website und Instagram. Das Publikum ist lokal verankert – Familien, Betriebe und alle Generationen aus Kulmbach und dem Katzbachtal." + }, + { + "q": "Ab wann lohnt sich eine Partnerschaft?", + "a": "Der Einstieg ist schon ab 199 Euro pro Saison möglich. In einem kurzen Gespräch finden wir heraus, welcher Kanal und welches Budget am besten zu Ihrem Unternehmen passt." + }, + { + "q": "Wie nehme ich Kontakt auf?", + "a": "Schreib uns über das Kontaktformular oder wende dich direkt an Christian Ohnemüller (2. Vorstand), unseren Ansprechpartner für Sponsoring. Zehn Minuten genügen für ein erstes Gespräch." + } + ] +} diff --git a/public/assets/css/components.css b/public/assets/css/components.css index 714a2ca..5d30e64 100644 --- a/public/assets/css/components.css +++ b/public/assets/css/components.css @@ -595,6 +595,192 @@ object-fit: contain; } +/* === sponsor-arguments === */ +.sponsor-arguments__grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 2.5rem 3rem; + list-style: none; + padding: 0; +} + +.sponsor-arguments__item { + display: flex; + gap: 1.25rem; + align-items: flex-start; +} + +.sponsor-arguments__icon { + flex-shrink: 0; + width: 2.5rem; + height: 2.5rem; + background: var(--clr-accent); + border-radius: 8px; + display: grid; + place-items: center; + font-size: 1.1rem; + color: #fff; + margin-top: 0.25rem; +} + +.sponsor-arguments__title { + font-family: var(--ff-heading); + font-size: var(--fs-675); + text-transform: uppercase; + line-height: var(--lh-heading); + margin: 0 0 0.5rem; +} + +.sponsor-arguments__text { + color: var(--clr-text-muted); + font-size: var(--fs-500); + line-height: var(--lh-body); + margin: 0; +} + +@media (max-width: 768px) { + .sponsor-arguments__grid { + grid-template-columns: 1fr; + gap: 2rem; + } +} + +/* === sponsor-channels === */ +.sponsor-channels > .container { + text-align: center; +} + +.sponsor-channels__intro { + max-width: 65ch; + margin-inline: auto; + margin-top: 1rem; + color: var(--clr-text-muted); +} + +.sponsor-channels__grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 1.5rem; + margin-top: 2.5rem; + list-style: none; + padding: 0; + align-items: stretch; +} + +.sponsor-channels__card { + background: var(--clr-glass-bg); + border: 1px solid var(--clr-glass-border); + border-top: 3px solid var(--clr-accent); + border-radius: var(--radius-card); + padding: 2rem; + display: flex; + flex-direction: column; + gap: 0; + text-align: left; + transition: background var(--transition), box-shadow var(--transition); +} + +.sponsor-channels__card:hover { + background: rgb(255 255 255 / 0.07); + box-shadow: 0 8px 32px rgb(0 0 0 / 0.35); +} + +.sponsor-channels__head { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 0; +} + +.sponsor-channels__kicker { + font-family: var(--ff-body); + font-size: var(--fs-300); + font-weight: var(--fw-bold); + letter-spacing: 0.12em; + text-transform: uppercase; + color: var(--clr-text-muted); + margin: 0 0 1rem; +} + +.sponsor-channels__icon { + width: 2.75rem; + height: 2.75rem; + background: var(--clr-accent); + border-radius: 8px; + display: grid; + place-items: center; + font-size: 1.25rem; + color: #fff; + margin-bottom: 1.25rem; +} + +.sponsor-channels__title { + font-family: var(--ff-heading); + font-size: var(--fs-700); + text-transform: uppercase; + line-height: var(--lh-heading); + margin: 0 0 0.75rem; +} + +.sponsor-channels__desc { + color: var(--clr-text-muted); + font-size: var(--fs-500); + line-height: var(--lh-body); + margin: 0; +} + +.sponsor-channels__divider { + border: none; + border-top: 1px solid var(--clr-glass-border); + margin: 1.5rem 0; +} + +.sponsor-channels__features { + list-style: none; + padding: 0; + margin: 0; + display: flex; + flex-direction: column; + gap: 0.625rem; + flex: 1; +} + +.sponsor-channels__features li { + display: flex; + align-items: center; + gap: 0.625rem; + font-size: var(--fs-500); + color: var(--clr-text); +} + +.sponsor-channels__check { + flex-shrink: 0; + font-size: 1rem; + color: var(--clr-accent); +} + +@media (max-width: 768px) { + .sponsor-channels__grid { + grid-template-columns: 1fr; + } + + .sponsor-channels__title { + font-size: var(--fs-700); + } +} + +@media (min-width: 769px) and (max-width: 992px) { + .sponsor-channels__grid { + grid-template-columns: repeat(2, 1fr); + } + + .sponsor-channels__card:last-child:nth-child(odd) { + grid-column: 1 / -1; + max-width: 50%; + margin-inline: auto; + } +} + /* === persons (Ansprechpartner-Visitenkarten) === */ .persons > .container { text-align: center; diff --git a/public/assets/icons/geo-alt-fill.svg b/public/assets/icons/geo-alt-fill.svg new file mode 100644 index 0000000..b09f137 --- /dev/null +++ b/public/assets/icons/geo-alt-fill.svg @@ -0,0 +1 @@ + diff --git a/public/assets/icons/globe2.svg b/public/assets/icons/globe2.svg new file mode 100644 index 0000000..cc2ed42 --- /dev/null +++ b/public/assets/icons/globe2.svg @@ -0,0 +1 @@ + diff --git a/public/assets/icons/newspaper.svg b/public/assets/icons/newspaper.svg new file mode 100644 index 0000000..299438b --- /dev/null +++ b/public/assets/icons/newspaper.svg @@ -0,0 +1,2 @@ + +