---
import Layout from "../layouts/Layout.astro";
import PageHeader from "../components/PageHeader.astro";
import { getSettings } from "../lib/directus";

const settings = await getSettings();
---

<Layout title="Presse" description="Pressekontakt und Informationen zum Kitafreunde Regenbogen e.V., Förderverein der Integrationskita Regenbogen in Berlin-Tegel.">
  <PageHeader eyebrow="Presse">
    Kontakt für Presse<br>und <span class="squiggle rainbow-text">Medien.</span>
    <Fragment slot="lead">Pressekontakt, Boilerplate und Pressekit zum Verein.</Fragment>
  </PageHeader>

  <section class="section pt-6">
    <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
      <div>
        <h2 class="text-xl font-bold mb-4">Pressekontakt</h2>
        {settings?.contact_email ? (
          <div class="card">
            <p class="font-semibold mb-1">Kitafreunde Regenbogen e.V.</p>
            <p class="text-sm text-[var(--color-text-muted)] mb-3">Keilerstraße 23 · 13503 Berlin</p>
            <a href={`mailto:${settings.contact_email}?subject=Presseanfrage`} class="text-[var(--color-primary)] font-medium">
              {settings.contact_email}
            </a>
          </div>
        ) : (
          <div class="card">
            <p class="text-sm text-[var(--color-text-muted)] italic">Pressekontakt folgt</p>
          </div>
        )}

        <div class="mt-8">
          <h3 class="font-bold mb-3">Pressekit (Download)</h3>
          <ul class="text-sm text-[var(--color-text-muted)] space-y-2">
            <li>🖼️ Logo in PNG und SVG (alle Varianten)</li>
            <li>📄 Kurzbeschreibung (150 Wörter)</li>
            <li>📄 Langprofil</li>
            <li>📷 Projektfotos (DSGVO-konform)</li>
          </ul>
          <a href="/presse-kit.zip" class="btn-secondary text-sm mt-4 inline-flex">Pressekit anfragen</a>
        </div>
      </div>

      <!-- Boilerplate -->
      <div>
        <h2 class="text-xl font-bold mb-4">Über den Verein</h2>
        <div class="card bg-[var(--color-surface-alt)] prose prose-sm max-w-none text-[var(--color-text-muted)]">
          <p>
            Der Kitafreunde Regenbogen e.V. ist der gemeinnützige Förderverein der
            Integrationskindertagesstätte „Regenbogen" in Berlin-Tegel (Keilerstraße 23,
            13503 Berlin). Der Verein ermöglicht Projekte, Erlebnisse und Teilhabe, die über
            die staatlich finanzierte Grundversorgung hinausgehen.
          </p>
          <p>
            Schwerpunkte sind kulturelle Bildung, Naturerfahrung und die finanzielle Unterstützung
            von Kindern aus einkommensschwachen Familien. Als Förderverein einer Integrationskita
            setzt sich der Kitafreunde Regenbogen e.V. dafür ein, dass ein Ort, an dem Kinder mit
            und ohne Behinderung gemeinsam aufwachsen, mehr kann als das Minimum.
          </p>
          <p class="text-xs">
            Vereinssitz: Berlin &middot; Gemeinnützig anerkannt
          </p>
        </div>
      </div>
    </div>
  </section>
</Layout>
