<section id="testimonials" class="py-20 bg-gradient-to-b from-blue-50 to-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-16" data-aos="fade-up"> <h2 id="testimonials-heading" class="text-4xl font-extrabold text-primary-blue mb-4"> {{ 'testimonials.heading'|trans }} </h2> <p id="testimonials-subtext" class="text-xl text-gray-600 max-w-3xl mx-auto"> {{ 'testimonials.subtext'|trans }} </p> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-8" id="testimonials-container"> </div> <div class="mt-12 text-center" data-aos="fade-up"> <a href="#request-order" class="inline-flex items-center px-8 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-star mr-2"></i> <span id="share-testimonial-text">{{ 'testimonials.cta'|trans }}</span> </a> </div> <div class="mt-16 cta-banner rounded-2xl p-8 text-white" data-aos="zoom-in"> <div class="max-w-4xl mx-auto text-center"> <h3 id="ad-banner2-heading" class="text-2xl md:text-3xl font-bold mb-4"> {{ 'ad_banner.banner2.heading'|trans }} </h3> <p id="ad-banner2-text" class="text-lg mb-6 max-w-2xl mx-auto"> {{ 'ad_banner.banner2.text'|trans }} </p> <div class="flex flex-wrap justify-center gap-4"> <a href="tel:+86 13434346581" 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-phone-alt mr-2"></i> <span id="ad-banner2-cta1">{{ 'ad_banner.banner2.cta_phone'|trans }}</span> </a> <a href="https://wa.me/86 13434346581" target="_blank" class="inline-flex items-center px-6 py-3 bg-green-500 text-white font-bold rounded-lg shadow-lg hover:bg-green-600 transition duration-300 transform hover:scale-105"> <i class="fab fa-whatsapp mr-2"></i> <span id="ad-banner2-cta2">{{ 'ad_banner.banner2.cta_whatsapp'|trans }}</span> </a> </div> </div> </div> </div></section>