feat(ui): add contact information section with WhatsApp and location details

- Introduced a new contact info section replacing the map
- Added WhatsApp contact details with availability hours
- Included location information for better user guidance

Author: ten24bytes

index.html

@@ -500,17 +500,30 @@ <h2>Get in Touch</h2>
             </form>
           </div>
           <div class="col-md-6">
-            <div id="map">
-              <iframe
-                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d248849.90089845023!2d77.46612749954616!3d12.953945614996007!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae1670c9b44e6d%3A0xf8dfc3e8517e4fe0!2sBengaluru%2C%20Karnataka!5e0!3m2!1sen!2sin!4v1767085021882!5m2!1sen!2sinhttps://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d248849.90089845023!2d77.46612749954616!3d12.953945614996007!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae1670c9b44e6d%3A0xf8dfc3e8517e4fe0!2sBengaluru%2C%20Karnataka!5e0!3m2!1sen!2sin!4v1767085021882!5m2!1sen!2sin"
-                width="100%"
-                height="422px"
-                frameborder="0"
-                style="border: 0"
-                allowfullscreen="false"
-                loading="lazy"
-                referrerpolicy="no-referrer-when-downgrade"
-              ></iframe>
+            <div class="contact-info" style="padding: 40px; background-color: rgba(250,250,250,0.1); border-radius: 0px; height: 422px; display: flex; flex-direction: column; justify-content: center;">
+              <div style="margin-bottom: 30px;">
+                <h4 style="color: #fff; margin-bottom: 15px;">
+                  <i class="fa fa-whatsapp" style="color: #f5a425; margin-right: 10px;"></i>
+                  WhatsApp Only
+                </h4>
+                <p style="font-size: 24px; font-weight: 600; color: #f5a425; margin: 0; margin-bottom: 10px;">
+                  <a href="https://wa.me/918501988279" target="_blank" style="color: #f5a425; text-decoration: none;">
+                    +91 85019 88279
+                  </a>
+                </p>
+                <p style="font-size: 13px; color: rgba(250,250,250,0.7); margin: 0;">
+                  Available: 9am - 6pm IST
+                </p>
+              </div>
+              <div>
+                <h4 style="color: #fff; margin-bottom: 15px;">
+                  <i class="fa fa-map-marker" style="color: #f5a425; margin-right: 10px;"></i>
+                  Location
+                </h4>
+                <p style="font-size: 20px; color: #fff; margin: 0;">
+                  Bengaluru, India 🇮🇳
+                </p>
+              </div>
             </div>
           </div>
         </div>