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