Felix Brabetz
43 lines
2.8 KiB
Plaintext
43 lines
2.8 KiB
Plaintext
---
|
|
// src/components/Events.astro
|
|
---
|
|
<!-- Events Section -->
|
|
<section id="events" 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="mb-20 text-center">
|
|
<span class="text-xs font-bold tracking-widest text-amber-500 uppercase block mb-3">Exklusive Gartenevents</span>
|
|
<h2 class="text-3xl sm:text-5xl font-luxury font-bold text-white mb-4">Das Komplettpaket für Ihr Event</h2>
|
|
<p class="text-stone-500 max-w-2xl mx-auto font-light">Wir gestalten nicht nur Ihren Garten, wir füllen ihn auch mit Leben. Unser exklusives Netzwerk für unvergessliche Momente.</p>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
<!-- Leihköche -->
|
|
<div class="glass p-8 rounded-2xl hover:border-amber-500/20 transition-all group">
|
|
<div class="w-12 h-12 bg-emerald-900/50 rounded-lg flex items-center justify-center text-amber-400 text-xl border border-amber-500/20 mb-6 group-hover:border-amber-500/50 transition-all">
|
|
<i class="fa-solid fa-utensils"></i>
|
|
</div>
|
|
<h3 class="text-xl font-luxury font-bold text-white mb-3">Beste Leihköche</h3>
|
|
<p class="text-stone-400 text-sm font-light leading-relaxed">Kulinarische Meisterwerke direkt in Ihrem Garten. Von Live-Cooking bis zum exklusiven Mehr-Gänge-Menü.</p>
|
|
</div>
|
|
|
|
<!-- DJs -->
|
|
<div class="glass p-8 rounded-2xl hover:border-amber-500/20 transition-all group">
|
|
<div class="w-12 h-12 bg-emerald-900/50 rounded-lg flex items-center justify-center text-amber-400 text-xl border border-amber-500/20 mb-6 group-hover:border-amber-500/50 transition-all">
|
|
<i class="fa-solid fa-compact-disc"></i>
|
|
</div>
|
|
<h3 class="text-xl font-luxury font-bold text-white mb-3">Top DJs</h3>
|
|
<p class="text-stone-400 text-sm font-light leading-relaxed">Die perfekte Soundkulisse für Ihre Sommernacht. Professionelle DJs mit High-End Equipment.</p>
|
|
</div>
|
|
|
|
<!-- Eventmanager -->
|
|
<div class="glass p-8 rounded-2xl hover:border-amber-500/20 transition-all group">
|
|
<div class="w-12 h-12 bg-emerald-900/50 rounded-lg flex items-center justify-center text-amber-400 text-xl border border-amber-500/20 mb-6 group-hover:border-amber-500/50 transition-all">
|
|
<i class="fa-solid fa-calendar-check"></i>
|
|
</div>
|
|
<h3 class="text-xl font-luxury font-bold text-white mb-3">Eventmanager</h3>
|
|
<p class="text-stone-400 text-sm font-light leading-relaxed">Stressfreie Planung von A bis Z. Wir kümmern uns um Logistik, Deko und Ablauf, damit Sie Gast sein können.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|