<!-- Hero Section --> <section class="bg-gradient-to-br from-blue-900 via-purple-900 to-indigo-900 text-white py-24"> <div class="container mx-auto px-6"> <div class="max-w-4xl mx-auto text-center"> <div class="text-6xl mb-6"> <i class="fas fa-vote-yea"></i> </div> <h1 class="text-4xl md:text-5xl font-bold mb-6"> Election Management & Constituency Profiling </h1> <p class="text-xl text-gray-200"> Comprehensive election campaign management with data-driven constituency profiling and strategic planning. </p> </div> </div> </section> <!-- Features Section --> <section class="py-20"> <div class="container mx-auto px-6"> <div class="max-w-6xl mx-auto"> <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-12 text-center"> What We Offer </h2> <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> <div class="flex items-start space-x-4 opacity-0 animate-fade-in-up animate-delay-1"> <div class="flex-shrink-0"> <div class="w-12 h-12 bg-primary text-white rounded-lg flex items-center justify-center"> <i class="fas fa-check"></i> </div> </div> <div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Constituency Analysis & Profiling</h3> <p class="text-gray-600">Expert solutions tailored to your specific needs</p> </div> </div> <div class="flex items-start space-x-4 opacity-0 animate-fade-in-up animate-delay-2"> <div class="flex-shrink-0"> <div class="w-12 h-12 bg-primary text-white rounded-lg flex items-center justify-center"> <i class="fas fa-check"></i> </div> </div> <div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Campaign Strategy Development</h3> <p class="text-gray-600">Expert solutions tailored to your specific needs</p> </div> </div> <div class="flex items-start space-x-4 opacity-0 animate-fade-in-up animate-delay-3"> <div class="flex-shrink-0"> <div class="w-12 h-12 bg-primary text-white rounded-lg flex items-center justify-center"> <i class="fas fa-check"></i> </div> </div> <div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Voter Data Management</h3> <p class="text-gray-600">Expert solutions tailored to your specific needs</p> </div> </div> <div class="flex items-start space-x-4 opacity-0 animate-fade-in-up animate-delay-4"> <div class="flex-shrink-0"> <div class="w-12 h-12 bg-primary text-white rounded-lg flex items-center justify-center"> <i class="fas fa-check"></i> </div> </div> <div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Ground Campaign Coordination</h3> <p class="text-gray-600">Expert solutions tailored to your specific needs</p> </div> </div> <div class="flex items-start space-x-4 opacity-0 animate-fade-in-up animate-delay-5"> <div class="flex-shrink-0"> <div class="w-12 h-12 bg-primary text-white rounded-lg flex items-center justify-center"> <i class="fas fa-check"></i> </div> </div> <div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Digital Campaign Management</h3> <p class="text-gray-600">Expert solutions tailored to your specific needs</p> </div> </div> <div class="flex items-start space-x-4 opacity-0 animate-fade-in-up animate-delay-6"> <div class="flex-shrink-0"> <div class="w-12 h-12 bg-primary text-white rounded-lg flex items-center justify-center"> <i class="fas fa-check"></i> </div> </div> <div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Public Opinion Polling</h3> <p class="text-gray-600">Expert solutions tailored to your specific needs</p> </div> </div> </div> </div> </div> </section> <!-- Benefits Section --> <section class="bg-gray-100 py-20"> <div class="container mx-auto px-6"> <div class="max-w-6xl mx-auto"> <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-12 text-center"> Key Benefits </h2> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <div class="bg-white p-6 rounded-xl shadow-lg opacity-0 animate-fade-in-up animate-delay-1"> <div class="text-3xl text-primary mb-4"> <i class="fas fa-star"></i> </div> <p class="text-gray-700 font-medium">Data-driven campaign strategies</p> </div> <div class="bg-white p-6 rounded-xl shadow-lg opacity-0 animate-fade-in-up animate-delay-2"> <div class="text-3xl text-primary mb-4"> <i class="fas fa-star"></i> </div> <p class="text-gray-700 font-medium">Better understanding of voter demographics</p> </div> <div class="bg-white p-6 rounded-xl shadow-lg opacity-0 animate-fade-in-up animate-delay-3"> <div class="text-3xl text-primary mb-4"> <i class="fas fa-star"></i> </div> <p class="text-gray-700 font-medium">Effective resource allocation</p> </div> <div class="bg-white p-6 rounded-xl shadow-lg opacity-0 animate-fade-in-up animate-delay-4"> <div class="text-3xl text-primary mb-4"> <i class="fas fa-star"></i> </div> <p class="text-gray-700 font-medium">Coordinated campaign execution</p> </div> <div class="bg-white p-6 rounded-xl shadow-lg opacity-0 animate-fade-in-up animate-delay-5"> <div class="text-3xl text-primary mb-4"> <i class="fas fa-star"></i> </div> <p class="text-gray-700 font-medium">Real-time campaign monitoring</p> </div> </div> </div> </div> </section> <!-- Process Section --> <section class="py-20"> <div class="container mx-auto px-6"> <div class="max-w-6xl mx-auto"> <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-12 text-center"> Our Process </h2> <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> <div class="text-center"> <div class="w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-4"> 1 </div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Discovery</h3> <p class="text-gray-600">We understand your goals and requirements</p> </div> <div class="text-center"> <div class="w-16 h-16 bg-secondary text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-4"> 2 </div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Strategy</h3> <p class="text-gray-600">We develop a customized action plan</p> </div> <div class="text-center"> <div class="w-16 h-16 bg-accent text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-4"> 3 </div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Execution</h3> <p class="text-gray-600">We implement with precision and expertise</p> </div> <div class="text-center"> <div class="w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-4"> 4 </div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Optimize</h3> <p class="text-gray-600">We monitor and refine for best results</p> </div> </div> </div> </div> </section> <!-- CTA Section --> <section class="bg-gradient-to-br from-primary to-secondary text-white py-20"> <div class="container mx-auto px-6 text-center"> <h2 class="text-3xl md:text-4xl font-bold mb-6"> Ready to Get Started with Election Management & Constituency Profiling? </h2> <p class="text-xl mb-8 max-w-2xl mx-auto"> Contact us today to discuss how we can help transform your business </p> <a href="/contact" class="bg-white text-primary px-8 py-4 rounded-lg font-semibold hover:bg-gray-100 transition shadow-lg inline-block"> Contact Us Today </a> </div> </section>