first commit

frontend/src/pages/business/ihr-projekt.astro

@@ -0,0 +1,63 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+
+<Layout
+  title="Ihr Projekt"
+  description="So funktioniert ein Unternehmensbienen-Projekt mit place4bees – von der Beratung bis zur Honigernte."
+>
+  <section class="mx-auto max-w-3xl px-4 sm:px-6 lg:px-8 py-16">
+    <p class="text-xs font-semibold uppercase tracking-[0.2em] text-brand-accent">Eigene Bienen vor Ort. Professionell betreut. Nachhaltig erlebbar.</p>
+    <h1 class="mt-2 text-4xl text-brand-ink">Ihr Projekt</h1>
+
+    <h2 class="mt-10 text-2xl text-brand-ink">So funktioniert's</h2>
+    <p class="mt-4 text-brand-text normal-case">
+      place4bees ermöglicht es Unternehmen, ohne imkerliche Erfahrung Bienenvölker auf dem
+      Firmengelände anzusiedeln. Wir kümmern uns um die intensive Betreuung das ganze Jahr über,
+      regeln alle Formalitäten und gesetzlichen Vorgaben und unterstützen bei der medialen
+      Aufbereitung.
+    </p>
+
+    <h2 class="mt-10 text-2xl text-brand-ink">Ablauf vor Projektstart</h2>
+    <ol class="mt-4 space-y-2 text-brand-text normal-case list-decimal list-inside">
+      <li>Kennenlernen &amp; Beratungsgespräch</li>
+      <li>Standortauswahl mit lokalem Imker vor Ort</li>
+      <li>Individuelles Angebot</li>
+      <li>Vorbereitung der Bienenvölker</li>
+      <li>Die Bienen ziehen ein!</li>
+    </ol>
+
+    <h2 class="mt-10 text-2xl text-brand-ink">Highlights</h2>
+    <div class="mt-4 grid gap-6 sm:grid-cols-3">
+      <div>
+        <p class="font-semibold text-brand-ink normal-case">Honigernte</p>
+        <p class="mt-1 text-sm text-brand-text normal-case">1–2 Mal jährlich eigenen Honig aus Ihrem direkten Umfeld, auf Wunsch mit individuellem Design.</p>
+      </div>
+      <div>
+        <p class="font-semibold text-brand-ink normal-case">PR &amp; Media</p>
+        <p class="mt-1 text-sm text-brand-text normal-case">Wir unterstützen bei der medialen Aufbereitung Ihres nachhaltigen Engagements.</p>
+      </div>
+      <div>
+        <p class="font-semibold text-brand-ink normal-case">Events</p>
+        <p class="mt-1 text-sm text-brand-text normal-case">Regelmäßige Besuche der Imker:innen vor Ort sowie Workshops, Vorträge und Kurse.</p>
+      </div>
+    </div>
+
+    <h2 class="mt-10 text-2xl text-brand-ink">Leistungen umfassen</h2>
+    <ul class="mt-4 grid gap-2 sm:grid-cols-2 text-brand-text normal-case list-disc list-inside">
+      <li>Bienenstand einrichten</li>
+      <li>Honigernte und -verarbeitung</li>
+      <li>Event-Organisation</li>
+      <li>Übernahme aller Formalitäten</li>
+      <li>Individueller Unternehmenshonig</li>
+      <li>Ersatz für Verluste (versichert gegen Diebstahl und Vandalismus)</li>
+      <li>Ganzjährige Betreuung</li>
+      <li>PR &amp; Social Media Support</li>
+      <li>Rückholung der Bienen bei Projektende</li>
+    </ul>
+
+    <a href="/business/anfrage" class="mt-10 inline-block rounded bg-brand-primary text-brand-ink px-7 py-3 text-sm font-semibold hover:bg-brand-primary-hover transition-colors">
+      Interesse? Jetzt anfragen
+    </a>
+  </section>
+</Layout>