268 lines
12 KiB
PHP
268 lines
12 KiB
PHP
<?PHP
|
||
|
||
require_once "./admin/db/config.php";
|
||
?>
|
||
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
|
||
<?PHP include './includes/links.php'; ?>
|
||
<link rel="canonical" href="<?php echo $BASE_URL; ?>/customer-support">
|
||
<title>Tech4Biz IT Solutions | Customer Support Excellence</title>
|
||
<meta name="description" content="Discover top-notch customer support with Tech4Biz IT Solutions. Experience excellence guaranteed, and get the help you need today!"/>
|
||
|
||
</head>
|
||
<body>
|
||
|
||
<?PHP include './includes/spinner.php'; ?>
|
||
|
||
<?PHP include './includes/header.php'; ?>
|
||
|
||
<div class="about-header-image">
|
||
<img src="assets/images/about/Building.webp" alt="Building">
|
||
</div>
|
||
<div class="terms-conditions-area pt-100 pb-70">
|
||
<div class="container">
|
||
<div class="section-title text-center">
|
||
<h2>Customer support</h2>
|
||
</div>
|
||
<div class="row pt-45">
|
||
<div class="col-lg-12">
|
||
<div class="single-content">
|
||
<h3>Better support platform, better customer support</h3>
|
||
<p>
|
||
We don’t want to keep you hanging, waiting for someone to answer the phone. That’s why we believe that live chat and other means of internet communication can solve problems more efficiently.
|
||
</p>
|
||
<p>
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="location-div">
|
||
<p class="location-description font-weight-bold">Registered Address</p>
|
||
<p class="location-description">D NO. 1207/343/1, 9TH MAIN, ABOVE HDFC BANK, <br> SECTOR 7, HSR LAYOUT, BENGALURU, Bengaluru <br> (Bangalore) Urban, Karnataka, 560102</p>
|
||
<p class="location-description">Tel: <a href="tel:"> 9901068767</a></p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-8">
|
||
<div class="support-form-background">
|
||
<p class="support-form-title">Contact our Customer support team</p>
|
||
<div class="contact-form" style="max-width:initial">
|
||
<form id="" name="" method="post" action="" autocomplete="off">
|
||
<div class="row">
|
||
<div class="col-lg-6">
|
||
<div class="form-group">
|
||
<label>First name <span>*</span></label>
|
||
<input type="text" name="customer_first_name" id="customer_first_name" class="form-control" placeholder="First name">
|
||
<div class="help-block with-errors"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="form-group">
|
||
<label>Last name <span>*</span></label>
|
||
<input type="text" name="customer_last_name" id="customer_last_name" class="form-control" placeholder="Last name">
|
||
<div class="help-block with-errors"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="form-group">
|
||
<label>Business email address <span>*</span></label>
|
||
<input type="email" name="customer_emailid" id="customer_emailid" class="form-control" placeholder="Email">
|
||
<div class="help-block with-errors"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="form-group ">
|
||
<label>Business phone number <span>*</span></label>
|
||
<input type="number" name="customer_contact_number" id="customer_contact_number" class="form-control" placeholder="Phone Number">
|
||
<div class="help-block with-errors"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="form-group ">
|
||
<label>Country <p>(please select the country where your company is headquartered)</p> <span>*</span></label>
|
||
<select name="customer_company_country" id="customer_company_country" class="dropdown-support-customer">
|
||
<option disabled>Select...</option>
|
||
<option value="1">India</option>
|
||
<option value="2">India</option>
|
||
<option value="3">India</option>
|
||
<option value="4">India</option>
|
||
<option value="5">India</option>
|
||
<option value="6">India</option>
|
||
</select>
|
||
<div class="help-block with-errors"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="form-group ">
|
||
<label>Company <span>*</span></label>
|
||
<input type="text" name="customer_company_name" id="customer_company_name" class="form-control" placeholder="Company name">
|
||
<div class="help-block with-errors"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="form-group ">
|
||
<label>Which products & services are you considering? <span>*</span></label>
|
||
<select name="customer_products_services" id="customer_products_services" class="dropdown-support-customer">
|
||
<option disabled>Select...</option>
|
||
<option value="1">India</option>
|
||
<option value="2">India</option>
|
||
<option value="3">India</option>
|
||
<option value="4">India</option>
|
||
<option value="5">India</option>
|
||
<option value="6">India</option>
|
||
</select>
|
||
<div class="help-block with-errors"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="form-group ">
|
||
<label>What is your use case? <span>*</span></label>
|
||
<select name="customer_your_use_case" id="customer_your_use_case" class="dropdown-support-customer">
|
||
<option disabled>Select...</option>
|
||
<option value="1">India</option>
|
||
<option value="2">India</option>
|
||
<option value="3">India</option>
|
||
<option value="3">India</option>
|
||
<option value="4">India</option>
|
||
<option value="5">India</option>
|
||
</select>
|
||
<div class="help-block with-errors"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="form-group ">
|
||
<label>What is your total monthly spend on cloud infrastructure? <span>*</span></label>
|
||
<select name="customer_monthly_spend_infrastructure" id="customer_monthly_spend_infrastructure" class="dropdown-support-customer">
|
||
<option disabled>Select...</option>
|
||
<option value="India">India</option>
|
||
<option value="India">India</option>
|
||
<option value="India">India</option>
|
||
<option value="India">India</option>
|
||
<option value="India">India</option>
|
||
<option value="India">India</option>
|
||
</select>
|
||
<div class="help-block with-errors"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="form-group ">
|
||
<label>What is your timeline for deployment/migration? <span>*</span></label>
|
||
<select name="customer_deployment_migration" id="customer_deployment_migration" class="dropdown-support-customer">
|
||
<option disabled>Select...</option>
|
||
<option value="India">India</option>
|
||
<option value="India">India</option>
|
||
<option value="India">India</option>
|
||
<option value="India">India</option>
|
||
<option value="India">India</option>
|
||
<option value="India">India</option>
|
||
</select>
|
||
<div class="help-block with-errors"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-12 col-md-12">
|
||
<div class="form-group">
|
||
<label>What is the biggest challenge you are trying to solve with this project?</label>
|
||
<textarea name="customer_message" class="form-control" id="customer_message" cols="30" rows="8" placeholder="Your Message"></textarea>
|
||
<style>
|
||
#the-count {
|
||
float: right;
|
||
padding: 0.1rem 0 0 0;
|
||
font-size: 0.875rem;
|
||
}
|
||
</style>
|
||
<div id="the-count">
|
||
<span id="current">0</span>
|
||
<span id="maximum">/ 1200</span>
|
||
</div>
|
||
<div class="help-block with-errors"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-12 col-md-12 text-center">
|
||
<button type="button" onclick="customerSave()" name="sendContactUs" id="sendContactUs" class="default-btn btn-bg-two border-radius-50">
|
||
Send Message <i class='bx bx-chevron-right'></i>
|
||
</button>
|
||
<div id="msgSubmit" class="h3 text-center hidden"></div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="./admin/assets/js/sweetalert2@11.js"></script>
|
||
|
||
<script>
|
||
function customerSave() {
|
||
var customer_first_name= $("#customer_first_name").val();
|
||
var customer_last_name= $("#customer_last_name").val();
|
||
var customer_emailid= $("#customer_emailid").val();
|
||
var customer_contact_number= $("#customer_contact_number").val();
|
||
var customer_company_country= $("#customer_company_country").val();
|
||
var customer_company_name= $("#customer_company_name").val();
|
||
var customer_products_services= $("#customer_products_services").val();
|
||
var customer_your_use_case= $("#customer_your_use_case").val();
|
||
var customer_monthly_spend_infrastructure= $("#customer_monthly_spend_infrastructure").val();
|
||
var customer_deployment_migration= $("#customer_deployment_migration").val();
|
||
var customer_message= $("#customer_message").val();
|
||
if(customer_first_name==""){
|
||
Swal.fire('Error!','Enter your first name','error')
|
||
}else if(customer_last_name==""){
|
||
Swal.fire('Error!','Enter your last name','error')
|
||
}else if(customer_emailid==""){
|
||
Swal.fire('Error!','Enter your email','error')
|
||
}else if(customer_contact_number==""){
|
||
Swal.fire('Error!','Enter your number','error')
|
||
}else if(customer_company_country==""){
|
||
Swal.fire('Error!','Enter your country','error')
|
||
}else if(customer_company_name==""){
|
||
Swal.fire('Error!','Enter your company name','error')
|
||
}else if(customer_products_services==""){
|
||
Swal.fire('Error!','Enter your products services','error')
|
||
}else if(customer_your_use_case==""){
|
||
Swal.fire('Error!','Enter your use case','error')
|
||
}else if(customer_monthly_spend_infrastructure==""){
|
||
Swal.fire('Error!','Enter your monthly spend infrastructure','error')
|
||
}else if(customer_deployment_migration==""){
|
||
Swal.fire('Error!','Enter your deployment migration','error')
|
||
}else{
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "./admin/api/save_customer_support.php",
|
||
data: "customer_first_name=" + customer_first_name + "&customer_last_name=" + customer_last_name + "&customer_emailid=" + customer_emailid + "&customer_contact_number=" + customer_contact_number + "&customer_company_country=" + customer_company_country + "&customer_company_name=" + customer_company_name + "&customer_products_services=" + customer_products_services + "&customer_your_use_case=" + customer_your_use_case + "&customer_monthly_spend_infrastructure=" + customer_monthly_spend_infrastructure + "&customer_deployment_migration=" + customer_deployment_migration + "&customer_message=" + customer_message,
|
||
success: function (data) {
|
||
let result=JSON.parse(data)
|
||
console.log(result);
|
||
if (result.status == 200) {
|
||
Swal.fire('Submitted!','Your query has been submitted.','success')
|
||
$("#customer_first_name").val("")
|
||
$("#customer_last_name").val("");
|
||
$("#customer_emailid").val("");
|
||
$("#customer_contact_number").val("");
|
||
$("#customer_company_country").val("");
|
||
$("#customer_company_name").val("");
|
||
$("#customer_products_services").val("");
|
||
$("#customer_your_use_case").val("");
|
||
$("#customer_monthly_spend_infrastructure").val("");
|
||
$("#customer_deployment_migration").val("");
|
||
$("#customer_message").val("");
|
||
} else {
|
||
alert('Error in save')
|
||
}
|
||
}
|
||
});
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<?PHP include './includes/footer.php'; ?>
|
||
|
||
<?PHP include './includes/scripts.php'; ?>
|
||
|
||
|
||
</body>
|
||
</html>
|