<section class="testimonials py-20 relative">
    <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center">
        
        <span class="text-xs font-bold tracking-widest text-nftAccentCyan uppercase block mb-2">// Network Attestations</span>
        <h2 class="text-3xl md:text-4xl font-bold tracking-tight mb-16">Ecosystem User Testimonials</h2>

        <div class="glass-card max-w-3xl mx-auto rounded-3xl p-8 md:p-12 border border-slate-800/80 relative">
            <i class="fa-solid fa-quote-left absolute -top-6 left-12 text-5xl text-nftAccentCyan/10"></i>
            
            <p class="text-base md:text-lg text-slate-200 italic leading-relaxed relative z-10">
                "Deploying our advanced AI automation tool pipeline architecture via Agentic Square transformed our operational metrics. Setting up digital product fulfillment logic execution benchmarks took under three minutes, establishing deep buyer validation profiles."
            </p>

            <div class="mt-8 flex flex-col items-center justify-center">
                <img src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=120&q=80" alt="Customer Profile Portrait" class="w-14 h-14 rounded-full object-cover border-2 border-nftAccentPurple p-0.5 mb-3 shadow-xl">
                <h4 class="font-bold text-sm text-white">Marcus Vance</h4>
                <p class="text-xs text-nftTextGray">Core Technical Lead at CyberForge Operations</p>
                <div class="flex space-x-1 text-amber-400 text-[10px] mt-2">
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                </div>
            </div>
        </div>
        
    </div>
</section>

<section id="contact-section" class="contact-form py-20 bg-gradient-to-t from-nftDark via-nftCard/5 to-transparent relative">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
        
        <div class="text-center max-w-xl mx-auto mb-12">
            <span class="text-xs font-bold tracking-widest text-nftAccentPurple uppercase block mb-2">// Technical Inquiries</span>
            <h2 class="text-3xl font-bold tracking-tight">Need Support Protocol Assistance?</h2>
            <p class="text-xs text-nftTextGray mt-1">Operational questions regarding author transactional validation metrics or custom merchant access levels? Submit a formal ticket.</p>
        </div>

        <form action="#" method="POST" class="glass-card p-6 sm:p-10 rounded-3xl border border-slate-800/80 space-y-6">
            <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                <div class="space-y-2">
                    <label class="text-xs font-semibold text-slate-300 uppercase tracking-wider">Identity Entity Name</label>
                    <input type="text" name="contact_name" placeholder="John Doe" required class="w-full bg-slate-950/60 border border-slate-800/80 rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-nftAccentCyan text-slate-200 transition-all">
                </div>
                <div class="space-y-2">
                    <label class="text-xs font-semibold text-slate-300 uppercase tracking-wider">Secure Email Address</label>
                    <input type="email" name="contact_email" placeholder="john@example.com" required class="w-full bg-slate-950/60 border border-slate-800/80 rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-nftAccentCyan text-slate-200 transition-all">
                </div>
            </div>
            
            <div class="space-y-2">
                <label class="text-xs font-semibold text-slate-300 uppercase tracking-wider">Message Categorization Subject</label>
                <input type="text" name="contact_subject" placeholder="Author Platform Audit Verification" required class="w-full bg-slate-950/60 border border-slate-800/80 rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-nftAccentCyan text-slate-200 transition-all">
            </div>

            <div class="space-y-2">
                <label class="text-xs font-semibold text-slate-300 uppercase tracking-wider">Payload Message Content</label>
                <textarea rows="5" name="contact_message" placeholder="Please specify your asset infrastructure support demands..." required class="w-full bg-slate-950/60 border border-slate-800/80 rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-nftAccentCyan text-slate-200 transition-all resize-none"></textarea>
            </div>

            <button type="submit" class="w-full btn-gradient py-3.5 rounded-xl font-bold text-sm tracking-wide shadow-xl transition-all">
                Dispatch Request Protocol <i class="fa-solid fa-paper-plane ml-2 text-xs"></i>
            </button>
        </form>

    </div>
</section>