From ba045edc251df6503c8bfc255f8dce897f76ec21 Mon Sep 17 00:00:00 2001
From: Jens Cornelsen <79703163+IB-Cornelsen@users.noreply.github.com>
Date: Sat, 7 Dec 2024 02:36:07 +0100
Subject: [PATCH] Tag cloud

---
 src/pages/faq/index.astro | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/src/pages/faq/index.astro b/src/pages/faq/index.astro
index f4f9eb6a..800b48de 100644
--- a/src/pages/faq/index.astro
+++ b/src/pages/faq/index.astro
@@ -13,6 +13,30 @@ import Layout from "#layouts/Layout.astro";
 
 <div class="faq">
 
+<div class="keyword-cloud">
+  <span class="keyword-cloud__tag">Gebäudekonstruktion</span>
+  <span class="keyword-cloud__tag">Standard-Software</span>
+  <span class="keyword-cloud__tag">manuelle Bearbeitung</span>
+  <span class="keyword-cloud__tag">Zusatzkosten</span>
+  <span class="keyword-cloud__tag">Grundrisspläne</span>
+  <span class="keyword-cloud__tag">Baujahr</span>
+  <span class="keyword-cloud__tag">Pläne</span>
+  <span class="keyword-cloud__tag">Übermittlung</span>
+  <span class="keyword-cloud__tag">E-Mail</span>
+  <span class="keyword-cloud__tag">Rechnung</span>
+  <span class="keyword-cloud__tag">Differenzbetrag</span>
+  <span class="keyword-cloud__tag">Mischgebäude</span>
+  <span class="keyword-cloud__tag">Rückruf</span>
+  <span class="keyword-cloud__tag">Wohnfläche</span>
+  <span class="keyword-cloud__tag">energetische Nutzfläche</span>
+  <span class="keyword-cloud__tag">Dachgeschoss</span>
+  <span class="keyword-cloud__tag">Bauweise</span>
+  <span class="keyword-cloud__tag">Zahlungsmethoden</span>
+  <span class="keyword-cloud__tag">Bestätigungs-E-Mail</span>
+  <span class="keyword-cloud__tag">Kundenservice</span>
+  <span class="keyword-cloud__tag">Pflichtfelder</span>
+</div>
+
   <div class="faq__section">
     <h2 class="faq__section-title">Was tun, wenn die Gebäudekonstruktion nicht in die Standard-Software passt?</h2>
     <p class="faq__section-content">
@@ -323,5 +347,18 @@ import Layout from "#layouts/Layout.astro";
 
   }
 }
+
+.keyword-cloud {
+  @apply flex flex-wrap gap-2 mt-6 p-4 bg-gray-50 rounded-lg shadow-md;
+
+  &__tag {
+    @apply bg-blue-100 text-blue-800 text-sm font-medium px-3 py-1 rounded-full hover:bg-blue-200;
+    transition: all 0.3s ease-in-out;
+  }
+
+  &__tag:hover {
+    @apply shadow-md;
+  }
+}
 </style>	
 </Layout>
\ No newline at end of file
-- 
2.49.1