From 2689b54c65bf9bb679ce6e6a695b1b5be726ad13 Mon Sep 17 00:00:00 2001
From: Felix Brabetz <lixatnz@gmail.com>
Date: Sat, 16 May 2026 03:39:45 +0200
Subject: [PATCH] Add more FAQs about Plantlix and Schwammstadt to FAQ section

---
 src/components/FAQ.astro | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/components/FAQ.astro b/src/components/FAQ.astro
index ba0264c..29db48f 100644
--- a/src/components/FAQ.astro
+++ b/src/components/FAQ.astro
@@ -9,7 +9,7 @@
             <h2 class="text-3xl font-luxury font-bold text-white">Häufige Fragen im Vorfeld</h2>
         </div>
         
-        <div class="space-y-4">
+        <div class="space-y-4" x-data="{ faqOpen: null }">
             <!-- FAQ 1 -->
             <div class="glass rounded-xl overflow-hidden cursor-pointer group" @click="faqOpen = (faqOpen === 1 ? null : 1)">
                 <div class="flex justify-between items-center p-6 select-none">
@@ -20,6 +20,28 @@
                     Ganz einfach: Gewährleistung und Substanz. Wenn Billigbetriebe fertig sind, wächst der Rasen drei Monate schön – und im ersten Winter sacken die Pflastersteine ab, weil am Unterbau gespart wurde. Wir verdichten Tragschichten mit Prüfprotokoll und betonieren Fundamente präzise aus. Bei uns altert die Anlage in Würde, statt zu verfallen.
                 </div>
             </div>
+
+            <!-- FAQ 2 -->
+            <div class="glass rounded-xl overflow-hidden cursor-pointer group" @click="faqOpen = (faqOpen === 2 ? null : 2)">
+                <div class="flex justify-between items-center p-6 select-none">
+                    <h3 class="font-bold text-white text-base sm:text-lg group-hover:text-amber-400 transition-colors">Wie läuft die Zusammenarbeit mit Plantlix.de ab?</h3>
+                    <i class="fa-solid fa-chevron-down text-stone-500 transition-transform duration-300" :class="{ 'rotate-180 text-amber-400': faqOpen === 2 }"></i>
+                </div>
+                <div class="px-6 pb-6 text-stone-400 text-sm leading-relaxed" x-show="faqOpen === 2" x-cloak x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-2" x-transition:enter-end="opacity-100 translate-y-0">
+                    Vor jedem Projekt machen wir eine Standortanalyse (Boden, Licht, Wasser). Diese Daten fließen in die Plantlix-API ein. Plantlix schlägt uns dann die perfekte pflanzensoziologische Zusammenstellung vor. So garantieren wir, dass dein Garten ohne viel Pflegeaufwand prächtig gedeiht.
+                </div>
+            </div>
+
+            <!-- FAQ 3 -->
+            <div class="glass rounded-xl overflow-hidden cursor-pointer group" @click="faqOpen = (faqOpen === 3 ? null : 3)">
+                <div class="flex justify-between items-center p-6 select-none">
+                    <h3 class="font-bold text-white text-base sm:text-lg group-hover:text-amber-400 transition-colors">Was bedeutet das Schwammstadt-Prinzip für meinen Garten?</h3>
+                    <i class="fa-solid fa-chevron-down text-stone-500 transition-transform duration-300" :class="{ 'rotate-180 text-amber-400': faqOpen === 3 }"></i>
+                </div>
+                <div class="px-6 pb-6 text-stone-400 text-sm leading-relaxed" x-show="faqOpen === 3" x-cloak x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-2" x-transition:enter-end="opacity-100 translate-y-0">
+                    Es bedeutet, dass wir deinen Garten so planen, dass er Starkregen wie ein Schwamm aufsaugen kann. Statt das Wasser teuer in die Kanalisation zu leiten, speichern wir es in Rigolen und Mulden. Das spart Abwassergebühren und versorgt deine Pflanzen in Trockenzeiten.
+                </div>
+            </div>
         </div>
     </div>
 </section>