fberger/brabetz-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add more FAQs about Plantlix and Schwammstadt to FAQ section

Browse Source
This commit is contained in:
Felix Brabetz
2026-05-16 03:39:45 +02:00
parent 11f1156296
commit 2689b54c65
1 changed files with 23 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/FAQ.astro
+23 -1
View File
@@ -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>