File: /var/www/html/balajiproperties.org/inc/get-in-touch.php
<section
class="elementor-section elementor-top-section elementor-element elementor-element-7ce0b72e elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default"
data-id="7ce0b72e" data-element_type="section"
data-settings="{"background_background":"classic"}">
<div class="elementor-container elementor-column-gap-no">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b033912"
data-id="2b033912" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<!-- Left Column -->
<section
class="elementor-section elementor-inner-section elementor-element elementor-element-8dab1bc elementor-section-boxed elementor-section-height-default elementor-section-height-default"
data-id="8dab1bc" data-element_type="section"
data-settings="{"background_background":"classic"}">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-d60910c"
data-id="d60910c" data-element_type="column"
data-settings="{"background_background":"classic"}">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-background-overlay"></div>
<!-- Contact Title -->
<div class="elementor-element elementor-element-e29e851 elementor-widget elementor-widget-uael-infobox"
data-id="e29e851" data-element_type="widget"
data-widget_type="uael-infobox.default">
<div class="elementor-widget-container">
<div
class="uael-module-content uael-infobox uael-infobox-left uael-infobox-link-type-none">
<div class="uael-infobox-left-right-wrap">
<div class="uael-infobox-content">
<div class='uael-infobox-title-wrap'>
<h5 class="uael-infobox-title-prefix">
Get in Touch with Us!
</h5>
<h3 class="uael-infobox-title">
Let's Find the Perfect
Property for You</h3>
</div>
<div class="uael-infobox-text-wrap">
<div class="uael-infobox-text">
Looking for the perfect space to
grow your business? At Balaji
Properties, we make leasing
simple, transparent, and
tailored to your needs. Our team
is ready to help you find the
right location today.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Rating -->
<div class="elementor-element elementor-element-5546fc3 elementor-star-rating--align-left elementor--star-style-star_fontawesome elementor-widget elementor-widget-star-rating"
data-id="5546fc3" data-element_type="widget"
data-widget_type="star-rating.default">
<div class="elementor-widget-container">
<div class="elementor-star-rating__wrapper">
<div class="elementor-star-rating" title="5/5"
itemtype="http://schema.org/Rating" itemscope=""
itemprop="reviewRating">
<i class="elementor-star-full"></i>
<i class="elementor-star-full"></i>
<i class="elementor-star-full"></i>
<i class="elementor-star-full"></i>
<i class="elementor-star-full"></i>
<span itemprop="ratingValue" class="elementor-screen-only">5/5</span>
</div>
</div>
</div>
</div>
<!-- Testimonial -->
<div class="elementor-element elementor-element-a3647a2 elementor-widget elementor-widget-testimonial"
data-id="a3647a2" data-element_type="widget"
data-widget_type="testimonial.default">
<div class="elementor-widget-container">
<div class="elementor-testimonial-wrapper">
<div class="elementor-testimonial-content">
Balaji Properties understood our
requirements perfectly and guided us to the
ideal space for our restaurant. The entire
process was smooth, professional, and
stress-free.
</div>
<div
class="elementor-testimonial-meta elementor-has-image elementor-testimonial-image-position-aside">
<div class="elementor-testimonial-meta-inner">
<div class="elementor-testimonial-image">
<img loading="lazy" decoding="async" width="240" height="240"
src="wp-content/uploads/sites/242/2020/02/17.jpg"
class="attachment-full size-full wp-image-891"
alt="Happy Customer" />
</div>
<div class="elementor-testimonial-details">
<div class="elementor-testimonial-name">
Karan Mehta</div>
<div class="elementor-testimonial-job">
Restaurant Owner</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Right Column (Form) -->
<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-422a34a"
data-id="422a34a" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<!-- Keep your WPForms form -->
<div class="elementor-element elementor-element-0b9410e elementor-widget elementor-widget-shortcode"
data-id="0b9410e" data-element_type="widget" data-widget_type="shortcode.default">
<div class="elementor-widget-container">
<div class="elementor-shortcode">
<!-- Your WPForms form code remains the same -->
<div class="wpforms-container " id="wpforms-385">
<form id="wpforms-form-385" class="wpforms-validate wpforms-form"
data-formid="385" method="post" enctype="multipart/form-data"
action="https://balajiproperties.org/form-submittintg.php"
data-token="1d7d7fd3f083dbcb6b3f09a403fd2448"
data-token-time="1758111323">
<noscript class="wpforms-error-noscript">Please
enable JavaScript in your
browser to complete this
form.</noscript>
<div class="wpforms-field-container">
<div id="wpforms-385-field_0-container"
class="wpforms-field wpforms-field-name" data-field-id="0">
<label class="wpforms-field-label"
for="wpforms-385-field_0">Enter
Name <span
class="wpforms-required-label">*</span></label><input
type="text" id="wpforms-385-field_0"
class="wpforms-field-large wpforms-field-required"
name="wpforms[fields][0]">
</div>
<div id="wpforms-385-field_1-container"
class="wpforms-field wpforms-field-email"
data-field-id="1"><label class="wpforms-field-label"
for="wpforms-385-field_4">Enter
Phone <span
class="wpforms-required-label">*</span></label><input
type="number" id="wpforms-385-field_4"
class="wpforms-field-large wpforms-field-required"
name="wpforms[fields][4]" spellcheck="false" maxlength="10" title="Please enter a valid 10-digit phone number.">
</div>
<div id="wpforms-385-field_1-container"
class="wpforms-field wpforms-field-email"
data-field-id="1"><label class="wpforms-field-label"
for="wpforms-385-field_1">Enter
Email <span
class="wpforms-required-label">*</span></label><input
type="email" id="wpforms-385-field_1"
class="wpforms-field-large wpforms-field-required"
name="wpforms[fields][1]" spellcheck="false">
</div>
<div id="wpforms-385-field_2-container"
class="wpforms-field wpforms-field-textarea"
data-field-id="2"><label class="wpforms-field-label"
for="wpforms-385-field_2">Your
Message <span
class="wpforms-required-label">*</span></label><textarea
id="wpforms-385-field_2"
class="wpforms-field-medium wpforms-field-required"
name="wpforms[fields][2]"></textarea>
</div>
</div>
<!-- .wpforms-field-container -->
<div class="wpforms-field wpforms-field-hp">
<label for="wpforms-385-field-hp"
class="wpforms-field-label">Comment</label><input
type="text" name="wpforms[hp]" id="wpforms-385-field-hp"
class="wpforms-field-medium">
</div>
<div class="wpforms-submit-container">
<input type="hidden" name="page_title"
value="<?php echo htmlspecialchars(basename($_SERVER['PHP_SELF'], '.php')); ?>">
<input type="hidden" name="wpforms[post_id]" value="4"><button
type="submit" name="wpforms[submit]"
id="wpforms-submit-385" class="wpforms-submit"
data-alt-text="Sending..." data-submit-text="SEND MESSAGE"
aria-live="assertive" value="wpforms-submit">SEND
MESSAGE</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Ongoing Projects Section -->
</div>
</div>
</div>
</section>
<script>
document.addEventListener("DOMContentLoaded", function() {
const form = document.getElementById("wpforms-form-385");
const submitBtn = document.getElementById("wpforms-submit-385");
form.addEventListener("submit", function(event) {
let valid = true;
let nameField = document.getElementById("wpforms-385-field_0");
let emailField = document.getElementById("wpforms-385-field_1");
let phoneField = document.getElementById("wpforms-385-field_4");
let messageField = document.getElementById("wpforms-385-field_2");
let hpField = document.getElementById("wpforms-385-field-hp");
// Remove previous errors
document.querySelectorAll(".error-message").forEach(el => el.remove());
// Check honeypot
if (hpField.value.trim() !== "") {
valid = false;
alert("Bot submission detected!");
}
// Validate Name
if (nameField.value.trim() === "") {
valid = false;
showError(nameField, "Please enter your name.");
}
// Validate Email
if (emailField.value.trim() === "") {
valid = false;
showError(emailField, "Please enter your email.");
} else if (!validateEmail(emailField.value.trim())) {
valid = false;
showError(emailField, "Please enter a valid email address.");
}
// Validate Phone
if (phoneField.value.trim() === "") {
valid = false;
showError(phoneField, "Please enter your phone number.");
} else if (!/^\d{10}$/.test(phoneField.value.trim())) {
valid = false;
showError(phoneField, "Please enter a valid 10-digit phone number.");
}
// Validate Message
if (messageField.value.trim() === "") {
valid = false;
showError(messageField, "Please enter your message.");
}
if (!valid) {
event.preventDefault();
removeLoader();
return;
}
// Show loader inside the button
showLoader();
// Prevent multiple clicks
submitBtn.disabled = true;
});
function showError(input, message) {
const error = document.createElement("div");
error.className = "error-message";
error.style.color = "red";
error.style.fontSize = "0.9em";
error.textContent = message;
input.parentNode.appendChild(error);
}
function validateEmail(email) {
const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
return re.test(email);
}
function showLoader() {
// Add loader only once
if (!document.querySelector(".button-loader")) {
submitBtn.innerHTML = `
<span class="button-loader" style="
display: inline-block;
width: 18px;
height: 18px;
border: 2px solid #fff;
border-top: 2px solid transparent;
border-radius: 50%;
margin-right: 8px;
animation: spin 0.8s linear infinite;
vertical-align: middle;
"></span> Sending...`;
}
// Add spinner animation
const style = document.createElement("style");
style.innerHTML = `
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}`;
document.head.appendChild(style);
}
function removeLoader() {
submitBtn.innerHTML = "SEND MESSAGE";
submitBtn.disabled = false;
}
});
</script>