Google
Edit File: contact-us.php
<?php include 'captch.php'; ?> <!DOCTYPE html> <html lang="en"> <head> <!-- Basic Page Needs ================================================== --> <meta charset="utf-8"> <!-- Mobile Specific Metas ================================================== --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> <!-- head seo includes Start --> <?php include 'includes/htmlhead.php';?> <!-- Site Title --> <title>Contact Us | Pinnacle Services</title> <meta name="description" content="Connect with Pinnacle Services for expert food and beverage management solutions. Let us be your trusted partner in culinary excellence. Contact us today!"> <!-- styles set here --> <?php include 'includes/styles.php';?> <!-- styles ends here --> </head> <style> #mail-status{ display:none; } </style> <body class="contact-us"> <div class="body-inner contact-us"> <!-- header set here --> <?php include 'includes/header.php';?> <!-- header ends here --> <!-- breadcrumb set here --> <section class="breadcrumbSection"> <div class="bracdcrumbBlocks"> <div class="container"> <div class="row"> <div class="col-lg-8 col-md-8 col-sm-12"> <div class="section-title-area"> <h1 class="sub-title">contact us</h1> <div class="breadcrumbNav"> <ul> <li><a href="index.php">home</a></li> <li><a>contact us</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <!-- breadcrumb ends here --> <!-- clients Start --> <section class="ts-sponsors contactForm "> <div class="container"> <div class="row"> <div class="col-md-12"> <!-- Title Area Row Start --> <div class="row"> <div class="col-lg-12"> <div class="section-title-area text-center"> <h2 class="sub-title">Get In Touch With Us</h2> <p>Pinnacle Services is India’s premier F&B management company delivering exceptional culinary experiences<br> with customized end-to-end solutions across the nation since 2012.<br><br>For inquiries, please fill out the form below</p> </div> </div> </div> <!-- Title Area Row End --> <!-- Title Area Row Start --> <div class="row"> <div class="col-lg-8 mx-auto"> <!-- CONTACT FORM START --> <form id="contactForm" method="POST" action="process_form.php" novalidate> <div class="error-container"></div> <div class="row"> <!-- NAME --> <div class="col-md-12"> <div class="form-group"> <input type="text" id="name" name="name" class="form-control" placeholder="Enter your Name" required minlength="3"> <div class="name-error text-danger"></div> </div> </div> <!-- EMAIL --> <div class="col-md-6"> <div class="form-group"> <input type="email" id="email" name="email" class="form-control" placeholder="Enter your Email" required> <div class="email-error text-danger"></div> </div> </div> <!-- PHONE --> <div class="col-md-6"> <div class="form-group"> <input type="tel" id="phone_number" name="phone_number" class="form-control" maxlength="10" pattern="[6-9][0-9]{9}" placeholder="Enter your Mobile Number" required> <div class="number-error text-danger"></div> </div> </div> <!-- SELECT OPTION --> <!-- ADD THIS SELECT TO YOUR FORM --> <div class="col-md-12"> <div class="form-group"> <select id="subject" name="subject" class="form-control" required> <option value="" disabled selected>-- Select Inquiry Purpose --</option> <option value="Food Court Management">Food Court Management</option> <option value="Catering Services">Catering Services</option> <option value="Events">Events</option> <option value="Brand Tie Ups">Brand Tie Ups</option> <option value="Concerts">Concerts</option> </select> <div class="subject-error text-danger"></div> </div> </div> <!-- MESSAGE --> <div class="col-md-12"> <div class="form-group"> <textarea id="message" name="message" class="form-control" rows="5" placeholder="Enter your Message" required minlength="10"></textarea> <div class="message-error text-danger"></div> </div> </div> </div> <!-- CAPTCHA ROW (Fix: don't nest .row inside .row improperly) --> <div class="row"> <div class="form-group col-md-6"> <label>Enter Captcha <span class="colorrequired">*</span></label> <input type="text" id="txtverifycaptcha" name="txtverifycaptcha" class="form-control" autocomplete="off" required> <div class="captcha-error text-danger"></div> </div> <div class="form-group col-md-6"> <label>Captcha</label><br> <!-- IMPORTANT: disabled fields DO NOT submit --> <input type="text" class="form-control captchabg" style="width:45%;" value="<?php echo $_SESSION['captcha']; ?>" readonly> <!-- Hidden field so captcha is sent --> <input type="hidden" id="sessionCaptcha" value="<?php echo $_SESSION['captcha']; ?>"> </div> </div> <!-- SUBMIT BUTTON --> <div class="text-center mt-3"> <button type="submit" id="submitBtn" class="btn btn-success customBtnDouble"> Submit Message </button> </div> <!-- STATUS --> <div id="mail-status" class="text-center mt-3"></div> </form> <!-- Contact form end --> </div> </div> <!-- Title Area Row End --> </div> </div> </div> </section> <!-- clients End --> <!-- clients Start --> <section class="ts-sponsors ourContactDetails "> <div class="container"> <div class="row"> <div class="col-md-12"> <!-- Title Area Row Start --> <div class="row"> <div class="col-lg-12"> <div class="section-title-area text-center"> <h2 class="sub-title">contact us</h2> <h3>We’d love to here from you</h3> <p>We're here to help you, every step of the way.</p> </div> </div> </div> <!-- Title Area Row End --> <!-- Title Area Row Start --> <div class="row"> <div class="col-lg-4 col-md-12"> <div class="contactAddressBlock"> <div class="contactAddressImg"> <img src="images/contact/pinnacle-mumbai-address.png" alt="pinnacle-mumbai-address.png"> </div> <div class="contactAddressContent"> <h2 class="addressHead">Mumbai</h2> <div class="contactAddressDetails"> <ul> <li><h3>Registered Address</h3></li> <li><p>5803, Tower A, -Auris Serenity, Kanchpada Road, Malad West, Opposite Landmark Restaurant, Mumbai, 400064</p></li> <li class="contactIconSet fas fa-envelope"><a href="mailto:info@pinnacle-s.com">info@pinnacle-s.com</a></li> <li class="contactIconSet fas fa-phone-square-alt"><a href="tel:+91-9316013711">+91-931-601-3711</a> / <a href="tel:+91-9686453774">+91-968-645-3774</a> </li> <!-- <li class="contactIconSet fab fa-whatsapp-square"><a href="tel:+91-9316013711">+91-931-601-3711</a> / <a href="tel:+91-9686453774">+91-968-645-3774</a> </li> --> </ul> </div> </div> </div> </div> <div class="col-lg-4 col-md-12"> <div class="contactAddressBlock"> <div class="contactAddressImg"> <img src="images/contact/pinnacle-delhi-address.png" alt="pinnacle-delhi-address.png"> </div> <div class="contactAddressContent"> <h2 class="addressHead">New Delhi</h2> <div class="contactAddressDetails"> <ul> <li><h3>Delhi Corporate Office</h3></li> <li><p>M-91, First Floor, Cannught Place, New Delhi-110001</p></li> <li class="contactIconSet fas fa-envelope"><a href="mailto:info@pinnacle-s.com">info@pinnacle-s.com</a></li> <li class="contactIconSet fas fa-phone-square-alt"><a href="tel:+91-9316013711">+91-931-601-3711</a> / <a href="tel:+91-9686453774">+91-968-645-3774</a> </li> </ul> </div> </div> </div> </div> <div class="col-lg-4 col-md-12"> <div class="contactAddressBlock"> <div class="contactAddressImg"> <img src="images/contact/pinnacle-uttar-pradesh-address.png" alt="pinnacle-uttar-pradesh-address.png"> </div> <div class="contactAddressContent"> <h2 class="addressHead">Uttar Pradesh</h2> <div class="contactAddressDetails"> <ul> <li><h3>Noida Office Address</h3></li> <li><p>1st Floor, CFB, India Exposition Mart Limited, Plot No. 23 –25 & 27- 29 Knowledge Park – II Gautam Budh Nagar, Greater Noida – 201306</p></li> <li class="contactIconSet fas fa-envelope"><a href="mailto:info@pinnacle-s.com">info@pinnacle-s.com</a></li> <li class="contactIconSet fas fa-phone-square-alt"><a href="tel:+91-9316013711">+91-931-601-3711</a> / <a href="tel:+91-9686453774">+91-968-645-3774</a> </li> </ul> </div> </div> </div> </div> </div> <!-- Title Area Row End --> </div> </div> </div> </section> <!-- clients End --> <div class="mapFrame"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3507.5900543828125!2d77.49795707613279!3d28.461771691813556!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cc1d95ad7e3df%3A0xd205216f488558f3!2sINDIA%20EXPO%20CENTRE%20%26%20MART!5e0!3m2!1sen!2sin!4v1707721068053!5m2!1sen!2sin" width="100%" height="600px" style="border:none;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> <!-- Footer Area Start --> <?php include 'includes/footer.php';?> <!-- Footer Area End --> <!-- Back to top --> <div class="BackTo"> <a href="#" class="fa fa-angle-up" aria-hidden="true"></a> </div> <!-- Javascript Files ================================================== --> <?php include 'includes/footer-script.php';?> </div> </div> <script> $(document).ready(function(){ $("#contactForm").submit(function(e){ e.preventDefault(); let error = false; // clear errors $(".text-danger").text(""); $("#mail-status").hide(); let name = $("#name").val().trim(); let email = $("#email").val().trim(); let phone = $("#phone_number").val().trim(); let subject = $("#subject").val(); let message = $("#message").val().trim(); let captcha = $("#txtverifycaptcha").val().trim(); // Patterns let emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; let phonePattern = /^[6-9]\d{9}$/; // NAME if(name.length < 3){ $(".name-error").text("Enter at least 3 characters"); error = true; } // EMAIL if(!emailPattern.test(email)){ $(".email-error").text("Enter a valid email"); error = true; } // PHONE if(!phonePattern.test(phone)){ $(".number-error").text("Enter valid 10-digit mobile number"); error = true; } // ADD THIS TO YOUR EXISTING jQuery VALIDATION if (!subject) { $(".subject-error").text("Please select the inquiry purpose"); error = true; } // MESSAGE if(message.length < 10){ $(".message-error").text("Message must be at least 10 characters"); error = true; } // CAPTCHA var enteredCaptcha = captcha.toLowerCase(); var sessionCaptcha = '<?php echo isset($_SESSION["captcha"]) ? strtolower($_SESSION["captcha"]) : ""; ?>'; if(captcha === ""){ $(".captcha-error").text("Captcha required"); error = true; } else if (enteredCaptcha !== sessionCaptcha) { $(".captcha-error").text("Captcha verification failed. Please try again."); error = true; } // STOP if error if(error) return; // Disable button immediately $("#submitBtn").prop("disabled", true).text("Sending..."); // AJAX $.ajax({ url:"https://pinnacle-s.com/process_form", type:"POST", data: $("#contactForm").serialize(), dataType:"json", success:function(res){ $("#submitBtn").prop("disabled", false).text("Submit"); $("#mail-status") .css("color", res.status === "success" ? "green" : "red") .text(res.message) .fadeIn(); if(res.status === "success"){ $("#contactForm")[0].reset(); } }, error:function(){ $("#submitBtn").prop("disabled", false).text("Submit Message"); $("#mail-status") .css("color","red") .text("Server error. Try again later.") .fadeIn(); } }); }); }); </script> <!-- Body inner end --> </body> </html>