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

Migrate to Astro and split components

Browse Source
This commit is contained in:
Felix Brabetz
2026-05-16 01:46:08 +02:00
parent a4b1ba7d79
commit 35fc67cd6e
19 changed files with 953 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Biodiversity.astro
+46
View File
@@ -0,0 +1,46 @@
---
// src/components/Biodiversity.astro
---
<!-- Biodiversity & Quality Section -->
<section id="biodiversity" class="py-32 bg-stone-900/50 border-y border-stone-800/50">
<div class="max-w-7xl mx-auto px-6 lg:px-8">
<div class="grid grid-cols-1 lg:grid-cols-12 gap-16 items-center">
<div class="lg:col-span-6">
<span class="text-xs font-bold tracking-widest text-amber-500 uppercase block mb-3">Zukunftssicher & Lebendig</span>
<h2 class="text-3xl sm:text-4xl font-luxury font-bold text-white mb-6">Biodiversität trifft Premium-Qualität</h2>
<div class="w-16 h-1 bg-gradient-to-r from-emerald-500 to-amber-500 mb-6"></div>
<p class="text-stone-400 text-lg leading-relaxed font-light mb-6">
Ein Garten ist mehr als nur eine optische Kulisse. Wir schaffen lebendige Ökosysteme, die Generationen überdauern. Unser Fokus liegt auf der perfekten Symbiose aus exklusivem Design, höchster baulicher Qualität und ökologischer Verantwortung.
</p>
<p class="text-stone-400 text-lg leading-relaxed font-light mb-6">
In enger Kooperation mit <a href="https://plantlix.de" target="_blank" class="text-amber-400 hover:underline">Plantlix.de</a> nutzen wir modernste, datengestützte Pflanzenanalysen. So stellen wir sicher, dass jede Pflanze optimal zum Standort passt, die Biodiversität fördert und klimaresistent ist.
</p>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6 mt-8">
<div class="flex items-start gap-3">
<div class="text-emerald-500 mt-1"><i class="fa-solid fa-leaf"></i></div>
<div>
<h4 class="font-bold text-white text-sm">Native Flora</h4>
<p class="text-stone-500 text-xs mt-1">Gezielter Einsatz heimischer Pflanzen zur Förderung von Insekten und Vögeln.</p>
</div>
</div>
<div class="flex items-start gap-3">
<div class="text-emerald-500 mt-1"><i class="fa-solid fa-seedling"></i></div>
<div>
<h4 class="font-bold text-white text-sm">Bodenbiologie</h4>
<p class="text-stone-500 text-xs mt-1">Nachhaltiger Aufbau der Bodenschichten nach DIN-Vorgaben für langlebiges Grün.</p>
</div>
</div>
</div>
</div>
<div class="lg:col-span-6">
<div class="relative rounded-2xl overflow-hidden shadow-2xl border border-white/5">
<img src="https://images.unsplash.com/photo-1466692442299-3581ffda9327?auto=format&fit=crop&w=800&q=80" alt="Biodiverser Garten" class="w-full h-full object-cover">
<div class="absolute inset-0 bg-gradient-to-t from-stone-950/50 to-transparent"></div>
<div class="absolute bottom-6 left-6 right-6 glass p-4 rounded-xl">
<p class="text-xs text-stone-300 font-light">"Wir schaffen Oasen, die nicht nur schön anzusehen sind, sondern aktiv zum Erhalt unserer Artenvielfalt beitragen."</p>
</div>
</div>
</div>
</div>
</div>
</section>