testimonials.html

<!-- Testimonials Section -->
<section class="bg-gray-50 py-16 fade-in">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-16">
            <h2 class="text-3xl font-bold text-primary mb-4">What Doctors Say About Us</h2>
            <p class="text-gray-600 max-w-2xl mx-auto">Hear from medical professionals across Tamil Nadu who have grown their careers with our platform</p>
        </div>
        
        <div class="testimonial-carousel" data-auto-slide="8000">
            <div class="testimonial-track">
                <!-- Testimonial 1 -->
                <div class="testimonial-slide">
                    <div class="bg-white rounded-lg shadow-md p-8 md:p-10 relative">
                        <div class="text-accent absolute -top-5 -left-2 text-5xl opacity-30">"</div>
                        <div class="text-accent absolute -bottom-10 -right-2 text-5xl opacity-30">"</div>
                        <p class="text-gray-700 mb-6 text-lg relative z-10">TN Medical Connect has completely transformed how I collaborate with specialists. The verified network ensures I'm connecting with legitimate peers, and I've found three research partners through the platform already.</p>
                        <div class="flex items-center">
                            <div class="h-12 w-12 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 mr-4">
                                <i class="fas fa-user-md"></i>
                            </div>
                            <div>
                                <h4 class="font-semibold text-primary">Dr. Anita Krishnan</h4>
                                <p class="text-sm text-gray-600">Cardiologist, Apollo Hospital Chennai</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Testimonial 2 -->
                <div class="testimonial-slide">
                    <div class="bg-white rounded-lg shadow-md p-8 md:p-10 relative">
                        <div class="text-accent absolute -top-5 -left-2 text-5xl opacity-30">"</div>
                        <div class="text-accent absolute -bottom-10 -right-2 text-5xl opacity-30">"</div>
                        <p class="text-gray-700 mb-6 text-lg relative z-10">The research resources alone are worth joining. I've accessed international journals I couldn't find elsewhere, and the grant notifications are always relevant to my field of study. It's like having a personal research assistant!</p>
                        <div class="flex items-center">
                            <div class="h-12 w-12 rounded-full bg-green-100 flex items-center justify-center text-green-600 mr-4">
                                <i class="fas fa-user-md"></i>
                            </div>
                            <div>
                                <h4 class="font-semibold text-primary">Dr. Rajesh Mani</h4>
                                <p class="text-sm text-gray-600">Neurologist, Madurai Medical College</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Testimonial 3 -->
                <div class="testimonial-slide">
                    <div class="bg-white rounded-lg shadow-md p-8 md:p-10 relative">
                        <div class="text-accent absolute -top-5 -left-2 text-5xl opacity-30">"</div>
                        <div class="text-accent absolute -bottom-10 -right-2 text-5xl opacity-30">"</div>
                        <p class="text-gray-700 mb-6 text-lg relative z-10">As a young doctor just starting my career, having a TNMC-verified professional email has opened doors I didn't expect. Senior physicians take my communications more seriously, and I've received interview opportunities based on connections made here.</p>
                        <div class="flex items-center">
                            <div class="h-12 w-12 rounded-full bg-purple-100 flex items-center justify-center text-purple-600 mr-4">
                                <i class="fas fa-user-md"></i>
                            </div>
                            <div>
                                <h4 class="font-semibold text-primary">Dr. Kavitha Sundaram</h4>
                                <p class="text-sm text-gray-600">General Practitioner, Coimbatore</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Navigation dots -->
            <div class="testimonial-navigation mt-8"></div>
            
            <!-- Navigation arrows -->
            <div class="flex justify-between mt-8">
                <button class="testimonial-prev bg-white shadow-md rounded-full w-10 h-10 flex items-center justify-center text-primary hover:bg-gray-50 focus:outline-none">
                    <i class="fas fa-arrow-left"></i>
                </button>
                <button class="testimonial-next bg-white shadow-md rounded-full w-10 h-10 flex items-center justify-center text-primary hover:bg-gray-50 focus:outline-none">
                    <i class="fas fa-arrow-right"></i>
                </button>
            </div>
        </div>
        
        <!-- Join now CTA -->
        <div class="text-center mt-12">
            <a href="#register" class="btn-gold px-8 py-3 rounded-md font-medium shadow-sm hover:shadow-md transition-all btn-hover-effect inline-block">
                Join Our Network Today
            </a>
        </div>
    </div>
</section>