---
// No props needed for static version
---

<section class="relative bg-gray-900 overflow-hidden">
    <div class="absolute inset-0 z-0">
        <img
                src="/images/payment/payment_hero.avif"
                alt="Premium Minivan Transfer in Berlin"
                class="w-full h-full object-cover opacity-60"
                loading="eager"
        />
    </div>

    <div class="relative z-10 py-48 px-4 sm:px-6 lg:px-8 text-center animate-fade-in-up">
        <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6">
            Premium Transfer Service
        </h1>
        <p class="text-xl md:text-2xl text-amber-200 max-w-3xl mx-auto">
            Sichere und bequeme Bezahlung für Ihren Transfer in Berlin
        </p>
    </div>
</section>

<style>
    @keyframes fade-in-up {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .animate-fade-in-up {
        animation: fade-in-up 0.8s ease-out forwards;
    }
</style>
