Tag cloud

This commit is contained in:
Jens Cornelsen
2024-12-07 02:36:07 +01:00
parent bb078919f4
commit ba045edc25

View File

@@ -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>