Contact Us - PRLabs

<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"> <h1 class="text-4xl md:text-5xl font-bold mb-6"> Get In Touch </h1> <p class="text-xl text-gray-200"> Let's discuss how we can help transform your business </p> </div> </div> </section>  <section class="py-20"> <div class="container mx-auto px-6"> <div class="max-w-6xl mx-auto"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-12">  <div> <h2 class="text-3xl font-bold text-gray-900 mb-6">Send Us a Message</h2> <form class="space-y-6"> <div> <label class="block text-gray-700 font-semibold mb-2">Full Name</label> <input type="text" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-primary" placeholder="John Doe" /> </div> <div> <label class="block text-gray-700 font-semibold mb-2">Email Address</label> <input type="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-primary" placeholder="john@example.com" /> </div> <div> <label class="block text-gray-700 font-semibold mb-2">Phone Number</label> <input type="tel" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-primary" placeholder="+91 123 456 7890" /> </div> <div> <label class="block text-gray-700 font-semibold mb-2">Service Interested In</label> <select class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-primary"> <option>Select a service</option> <option>Digital Marketing & Growth</option> <option>Web Development & Tech Solutions</option> <option>Data, AI & Automation Solutions</option> <option>PR, Branding & Communications</option> <option>Event Management</option> <option>Election Management</option> </select> </div> <div> <label class="block text-gray-700 font-semibold mb-2">Message</label> <textarea rows="5" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-primary" placeholder="Tell us about your project..." ></textarea> </div> <button type="submit" class="w-full bg-primary text-white px-8 py-4 rounded-lg font-semibold hover:bg-blue-800 transition" > Send Message </button> </form> </div>  <div> <h2 class="text-3xl font-bold text-gray-900 mb-6">Contact Information</h2> <div class="space-y-6 mb-12"> <div class="flex items-start space-x-4"> <div class="flex-shrink-0 w-12 h-12 bg-primary text-white rounded-lg flex items-center justify-center"> <i class="fas fa-envelope"></i> </div> <div> <h3 class="font-semibold text-gray-900 mb-1">Email</h3> <p class="text-gray-600">info@prlabs.in</p> <p class="text-gray-600">support@prlabs.in</p> </div> </div> <div class="flex items-start space-x-4"> <div class="flex-shrink-0 w-12 h-12 bg-secondary text-white rounded-lg flex items-center justify-center"> <i class="fas fa-phone"></i> </div> <div> <h3 class="font-semibold text-gray-900 mb-1">Phone</h3> <p class="text-gray-600">+91 123 456 7890</p> <p class="text-gray-600">+91 098 765 4321</p> </div> </div> <div class="flex items-start space-x-4"> <div class="flex-shrink-0 w-12 h-12 bg-accent text-white rounded-lg flex items-center justify-center"> <i class="fas fa-map-marker-alt"></i> </div> <div> <h3 class="font-semibold text-gray-900 mb-1">Address</h3> <p class="text-gray-600"> PRLabs Headquarters<br> Business District, India </p> </div> </div> <div class="flex items-start space-x-4"> <div class="flex-shrink-0 w-12 h-12 bg-primary text-white rounded-lg flex items-center justify-center"> <i class="fas fa-clock"></i> </div> <div> <h3 class="font-semibold text-gray-900 mb-1">Business Hours</h3> <p class="text-gray-600">Monday - Friday: 9:00 AM - 6:00 PM</p> <p class="text-gray-600">Saturday: 10:00 AM - 4:00 PM</p> </div> </div> </div>  <div> <h3 class="text-xl font-bold text-gray-900 mb-4">Follow Us</h3> <div class="flex space-x-4"> <a href="#" class="w-12 h-12 bg-blue-600 text-white rounded-lg flex items-center justify-center hover:bg-blue-700 transition"> <i class="fab fa-linkedin"></i> </a> <a href="#" class="w-12 h-12 bg-blue-400 text-white rounded-lg flex items-center justify-center hover:bg-blue-500 transition"> <i class="fab fa-twitter"></i> </a> <a href="#" class="w-12 h-12 bg-blue-800 text-white rounded-lg flex items-center justify-center hover:bg-blue-900 transition"> <i class="fab fa-facebook"></i> </a> <a href="#" class="w-12 h-12 bg-pink-600 text-white rounded-lg flex items-center justify-center hover:bg-pink-700 transition"> <i class="fab fa-instagram"></i> </a> </div> </div> </div> </div> </div> </div> </section>  <section class="bg-gray-200 py-20"> <div class="container mx-auto px-6"> <div class="bg-gray-300 h-96 rounded-xl flex items-center justify-center"> <div class="text-center"> <i class="fas fa-map-marked-alt text-6xl text-gray-500 mb-4"></i> <p class="text-gray-600 text-lg">Map Integration Area</p> </div> </div> </div> </section>