<section class="py-12 bg-gradient-to-r from-primary-blue to-blue-600 text-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex flex-col md:flex-row justify-between items-center"> <div class="mb-6 md:mb-0" data-aos="fade-right"> <h3 id="ad-banner1-heading" class="text-2xl md:text-3xl font-bold mb-2"> {{ 'ad_banner.banner1.heading'|trans }} </h3> <p id="ad-banner1-text" class="text-lg"> {{ 'ad_banner.banner1.text'|trans }} </p> </div> <div data-aos="fade-left"> <a href="#request-order" class="inline-flex items-center px-6 py-3 bg-gold text-primary-blue font-bold rounded-lg shadow-lg hover:bg-yellow-600 transition duration-300 transform hover:scale-105"> <i class="fas fa-gift mr-2"></i> <span id="ad-banner1-cta">{{ 'ad_banner.banner1.cta'|trans }}</span> </a> </div> </div> </div></section>