---
import Button from '@components/base/Button.astro';
---

<!-- Glass CTA Section -->
<section
    id="kontakt"
    class="relative min-h-[80vh] md:min-h-screen flex items-center justify-center py-12 md:py-20 px-4 sm:px-6 scroll-mt-16"
>
    <!-- Background Image -->
    <div class="absolute inset-0 z-0">
        <img
            src="/images/partner/partner-cta-bg.avif"
            alt="Partner werden"
            class="object-cover w-full h-full"
        />
        <div class="absolute inset-0 bg-black/60" />
    </div>

    <!-- Form Container -->
    <div class="relative z-10 w-full max-w-md md:max-w-2xl mx-4">
        <div class="bg-white/10 backdrop-blur-xl rounded-2xl p-6 md:p-12 border border-white/20 shadow-2xl">
            <h2 class="text-3xl md:text-4xl font-bold text-white text-center mb-2">
                Bereit, neue Maßstäbe zu setzen?
            </h2>
            <p class="text-slate-300 text-center mb-6 md:mb-8 text-sm md:text-base">
                Kontaktieren Sie uns. Wir freuen uns auf eine starke Partnerschaft.
            </p>

            <form class="space-y-4">
                <input
                    type="text"
                    placeholder="Name des Unternehmens"
                    class="w-full bg-white/10 border-white/20 border rounded-lg p-3 text-white placeholder-slate-400 focus:ring-2 focus:ring-amber-500 focus:outline-none transition-all text-sm md:text-base"
                />
                <input
                    type="email"
                    placeholder="Ihre E-Mail-Adresse"
                    class="w-full bg-white/10 border-white/20 border rounded-lg p-3 text-white placeholder-slate-400 focus:ring-2 focus:ring-amber-500 focus:outline-none transition-all text-sm md:text-base"
                />
                <textarea
                    rows={4}
                    placeholder="Ihre Nachricht"
                    class="w-full bg-white/10 border-white/20 border rounded-lg p-3 text-white placeholder-slate-400 focus:ring-2 focus:ring-amber-500 focus:outline-none transition-all text-sm md:text-base"
                ></textarea>

                <Button type="submit" variant="primary" fullWidth size="md">
                    Anfrage senden
                </Button>
            </form>
        </div>
    </div>
</section>