Tailwind Testimonials Components in Cyber library

<section class="py-20 relative scan-lines">
        <div class="absolute inset-0 bg-gradient-to-br from-black via-gray-950 to-black"></div>
        <div class="absolute inset-0 opacity-20">
            <div class="absolute top-20 left-1/4 w-2 h-2 bg-blue-400 rounded-full animate-pulse"></div>
            <div class="absolute top-40 right-1/3 w-1 h-1 bg-green-400 rounded-full animate-pulse delay-75"></div>
            <div class="absolute bottom-40 left-1/3 w-3 h-3 bg-purple-500 rounded-full animate-pulse delay-150"></div>
            <div class="absolute bottom-20 right-1/4 w-1 h-1 bg-blue-400 rounded-full animate-pulse delay-300"></div>
        </div>
        
        <div class="container px-4 mx-auto relative z-10">
            <div class="flex flex-wrap items-center -mx-4">
                <div class="w-full lg:w-5/12 px-4 mb-12 lg:mb-0">
                    <div class="relative hologram-effect p-2 rounded-lg border border-blue-400 border-opacity-30 animate-float">
                        <div class="absolute inset-0 bg-gradient-to-br from-blue-400 via-purple-500 to-green-400 opacity-10 rounded-lg"></div>
                        <img class="mx-auto object-cover rounded-lg relative z-10 border-2 border-blue-400 border-opacity-50" src="https://images.unsplash.com/photo-1519345182560-3f2917c472ef?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=facearea&amp;facepad=8&amp;w=300&amp;h=300&amp;q=80" alt="">
                        <div class="absolute top-4 right-4 w-2 h-2 bg-green-400 rounded-full animate-pulse"></div>
                        <div class="absolute bottom-4 left-4 w-1 h-1 bg-blue-400 rounded-full animate-pulse delay-75"></div>
                    </div>
                </div>
                <div class="w-full lg:w-7/12 px-4">
                    <div class="max-w-xl lg:ml-auto">
                        <div class="mb-4 relative">
                            <img class="w-12 h-12 opacity-60 filter hue-rotate-180" src="cyber-assets/images/quote.svg" alt="">
                        </div>
                        <div class="relative mb-4">
                            <h2 class="mb-4 text-3xl leading-tight md:text-4xl md:leading-tight lg:text-5xl lg:leading-tight font-black font-heading tracking-wider bg-gradient-to-r from-blue-400 via-purple-500 to-green-400 bg-clip-text text-transparent hover:animate-glitch transition-all duration-300">QUANTUM INTERFACE PROTOCOLS SYNCHRONIZED</h2>
                            <div class="absolute -top-2 -left-2 w-full h-full border border-blue-400 opacity-20 transform rotate-1 z-n1"></div>
                        </div>
                        <p class="mb-9 text-base leading-relaxed lg:text-xl lg:leading-relaxed text-gray-400">Neural networks optimized. Quantum encryption algorithms deployed. System integration achieving 99.7% efficiency across all cybernetic enhancement protocols.</p>
                        <div class="relative">
                            <p class="text-2xl font-black font-heading tracking-wider text-blue-400 hover:text-purple-500 transition-colors duration-300">DANNY BAILEY</p>
                            <p class="text-lg text-green-400 tracking-wider">CEO &amp; SYSTEM ARCHITECT</p>
                            <div class="absolute -left-4 top-0 w-1 h-full bg-gradient-to-b from-blue-400 via-purple-500 to-green-400 animate-pulse"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>