<?php
$Current_Page = 'contact-us.php';
//require("P_Initialization.php");//
?>

<!DOCTYPE html>
<html lang="zxx">


<head>
	<!-- Meta -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="">
	<!-- Page Title -->
	<title>Tathagat</title>
	<!-- Favicon Icon -->
	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
    <!-- Google Fonts css-->
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&amp;display=swap" rel="stylesheet">
	<!-- Bootstrap Css -->
	<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
	<!-- SlickNav Css -->
	<link href="css/slicknav.min.css" rel="stylesheet">
	<!-- Swiper Css -->
	<link rel="stylesheet" href="css/swiper-bundle.min.css">
	<!-- Font Awesome Icon Css-->
	<link href="css/all.css" rel="stylesheet" media="screen">
	<!-- Animated Css -->
	<link href="css/animate.css" rel="stylesheet">
	<!-- Magnific Popup core CSS file -->
	<link rel="stylesheet" href="css/magnific-popup.css">
	<!-- Main custom Css -->
	<link href="css/custom.css" rel="stylesheet" media="screen">
</head>

<body class="tt-magic-cursor">
	
	<?php include'header.php'?>
	
	<!-- Hero Section Start -->
	<div class="hero">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-12" style="border-radius:20px;padding:187px 0px;background:
                 url(images/contact-banner.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;">

                
					<!-- Hero Content Start -->
					<div class="hero-content">
						<!-- Section Title Start -->
						<div class="section-title text-white">
                            
                            <h1 class="text-anime-style-3 pl-20">Contact Us </h1>
                        </div>
						<!-- Section Title End -->

					</div>
					<!-- Hero Content Start -->
				</div>

				
			</div>
		</div>
	</div>
	<!-- Hero Section End -->

	
	<!-- Book an Appointment Section Start -->
	<div class="home-contact-us">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 col-md-12">
					<div class="contact-form">
                        <form id="appointmentForm" action="#" method="POST" data-toggle="validator" novalidate="true">
                            <div class="row">
                                <div class="form-group col-md-3 mb-4">
									<label>Name</label>
                                    <input type="text" name="name" class="form-control custom-user-icon" id="name" placeholder="Name" required="">
                                    <div class="help-block with-errors"></div>
                                </div>
 								<div class="form-group col-md-3 mb-4">
									<label>Phone Number</label>
                                    <input type="text" name="phone" class="form-control custom-phone-icon" id="phone" placeholder="Your Phone" required="">
                                    <div class="help-block with-errors"></div>
                                </div>
								  <div class="form-group col-md-2 mb-4">
									<label>Preferred Date</label>
                                    <input type="date" name="date" class="form-control custom-date-picker" id="date" required="">
                                    <div class="help-block with-errors"></div>
                                </div>

                                <div class="form-group col-md-2 mb-4 has-error has-danger">
									<label>preferred Time</label>
                                    <input type="time" name="time" class="form-control custom-time-picker" id="time"  min="09:00" max="18:00" required="">
                                    <div class="help-block with-errors"></div>
                                </div>

                               

                                <div class="col-md-2 form-group">
                                    <button type="submit" class="btn-default disabled">Book an appointment</button>
                                    <div id="msgSubmit" class="h3 hidden"></div>
                                </div>
                            </div>
                        </form>
                    </div>
				</div>

				
			</div>
		</div>
	</div>
	<!-- Book an Appointment Section End -->
	
	<!-- About Section Start -->
	<div class="about-us pt-0" >
		<div class="container">
			<div class="row align-items-center">
				
				<div class="col-lg-5">
					<!-- About Image Start -->
					<div class="about-img">						
						<div class="about-us-image">
							<div class="about-us-image-1">
								<figure class="image-anime reveal">
									<img src="images/contact-page-img.jpg" alt="">
								</figure>
							</div>
							
						</div>
											
					</div>	
					<!-- About Image End -->				
				</div>

				<div class="col-lg-7">
					<!-- About Content Start -->
					<div class="about-content">
						<!-- Section Title Start -->
						<div class="section-title">
							<p style="color:#E72026;">Get in Touch</p>
							<h2 class="text-anime-style-3"><span>Start Your Wellness Journey Today !  </span></h2>
							 
						</div>
						<!-- Section Title End -->

						<!-- About Content Body Start -->
						<div class="about-content-body contact-informatio">
                                <!-- Item Box Start -->
                                <div class="contact-item">
                                    <!-- Icon Box Start -->
                                    <div class="icon-box">
                                        <i class="fa-solid fa-phone"></i>
                                    </div>
                                    <!-- Icon Box End -->
                                    
                                    <!-- Box Content Start -->
                                    <div class="contact-info-content">
                                        <h3>Help Line</h3>
                                        <p><a href="tel:+91 99003 56000">+91 99003 56000</a></p>
                                    </div>
                                    <!-- Box Content End -->
                                </div>
                                <!-- Item Box End -->

                                <!-- Item Box Start -->
                                <div class="contact-item">
                                    <!-- Icon Box Start -->
                                    <div class="icon-box">
                                        <i class="fas fa-envelope-open-text"></i>
                                    </div>
                                    <!-- Icon Box End -->

                                    <!-- Box Content Start -->
                                    <div class="contact-info-content">
                                        <h3>Email Address</h3>
                                        <p><a href="mailto:tathagathheartcare@gmail.com"> tathagathheartcare@gmail.com</a></p>
                                    </div>
                                    <!-- Box Content End -->
                                </div>
                                <!-- Item Box Start -->
                                <div class="contact-item">
                                    <!-- Icon Box Start -->
                                    <div class="icon-box">
                                        <i class="fas fa-map-marker-alt"></i>
                                    </div>
                                    <!-- Icon Box End -->

                                    <!-- Box Content Start -->
                                    <div class="contact-info-content">
                                        <h3>Location 1</h3>
                                        <p>Tathagat Heart Hospital<br/>
31, Crescent Road, 1st Floor, Mallige Premises,<br/>
Bengaluru, Karnataka 560001 </p>
                                    </div>
                                    <!-- Box Content End -->
                                </div>
                                <!-- Item Box End -->
                                 <!-- Item Box Start -->
                                <div class="contact-item">
                                    <!-- Icon Box Start -->
                                    <div class="icon-box">
                                        <i class="fas fa-map-marker-alt"></i>
                                    </div>
                                    <!-- Icon Box End -->

                                    <!-- Box Content Start -->
                                    <div class="contact-info-content">
                                        <h3>Location 2</h3>
                                        <p> Tathagat Heart Care Centre <br/>@ St. Theresa's
1/1, Dr Rajkumar Road, 1st Block, 2nd Stage,<br/>
Bengaluru, Karnataka 560010</p>
                                    </div>
                                    <!-- Box Content End -->
                                </div>
                                <!-- Item Box End -->
						</div>
						<!-- About Content Body End -->

						
					</div>
					<!-- About Content End -->
				</div>
			</div>
		</div>
	</div>

    <!-- Contact Infomation End -->
     
<!-- Contact Form start -->
    <div class="page-contact-form">
        <div class="container">
            <div class="row section-row">
                <div class="col-lg-12">
                    <div class="section-title">
                        
                        <h2 class="text-anime-style-3">Contact Us</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <!-- Contact Form start -->
                    <div class="contact-us-form wow fadeInUp" data-wow-delay="0.5s">
                        <form id="contactForm" action="contact-form-process.php" method="POST" data-toggle="validator">
                            <div class="row">
                                <div class="form-group col-md-6 mb-4">
                                    <input type="text" name="name" class="form-control" id="name" placeholder="Enter Your Full Name" required>
                                    <div class="help-block with-errors"></div>
                                </div>

                                <div class="form-group col-md-6 mb-4">
                                    <input type="email" name ="email" class="form-control" id="email" placeholder="Enter Your Email" required>
                                    <div class="help-block with-errors"></div>
                                </div>

                                <div class="form-group col-md-6 mb-4">
                                    <input type="text" name="phone" class="form-control" id="phone" placeholder="Enter Your Phone Number" required>
                                    <div class="help-block with-errors"></div>
                                </div>
                                
                                <div class="form-group col-md-6 mb-4">
                                    <input type="text" name="subject" class="form-control" id="subject" placeholder="Your Subject" required>
                                    <div class="help-block with-errors"></div>
                                </div>

                                <div class="form-group col-md-12 mb-4">
                                    <textarea name="msg" class="form-control" id="msg" rows="4" placeholder="Typer Your Message" required></textarea>
                                    <div class="help-block with-errors"></div>
                                </div>

                                <div class="col-lg-12">
                                    <div class="contact-form-btn">
										<button type="submit" class="btn-default">Submit now</button>
                                        <div id="msgSubmit" class="h3 hidden"></div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- Contact Form end -->
                </div>
            </div>
        </div>
    </div>
    <!-- Contact Form End -->
     <!-- Google Map starts -->
    <div class="google-map">
        <div class="container-fluid">
            <div class="row no-gutters">
                <div class="col-md-6">
                    <!-- Google Map Iframe Start -->
                    <div class="google-map-iframe">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3887.4571341763!2d77.5510161!3d13.0065355!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae3d83af861d8f%3A0xe0a959f280494b19!2sSt.%20Theresa&#39;s%20Multi%20Speciality%20Hospital!5e0!3m2!1sen!2sin!4v1761621702470!5m2!1sen!2sin" width="100%" height="450" style="" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                    <!-- Google Map Iframe End -->
                </div>
                <div class="col-md-6">
                    <!-- Google Map Iframe Start -->
                    <div class="google-map-iframe">
                       <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3887.78959672394!2d77.58036899999999!3d12.9853051!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae161439218479%3A0xb1ff7cce482454e8!2s31%2F32%2C%20Crescent%20Rd%2C%20Nehru%20Nagar%2C%20Gandhi%20Nagar%2C%20Bengaluru%2C%20Karnataka%20560001!5e0!3m2!1sen!2sin!4v1761621744967!5m2!1sen!2sin" width="100%" height="450" style="" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                    <!-- Google Map Iframe End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Google Map Ends -->
   
<?php include'footer.php'?>
	
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
	 <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.min.js'></script>

    <!-- Validator js file -->
    <script src="js/validator.min.js"></script>
    <!-- SlickNav js file -->
    <script src="js/jquery.slicknav.js"></script>
    <!-- Swiper js file -->
    <script src="js/swiper-bundle.min.js"></script>
    <!-- Counter js file -->
    <script src="js/jquery.waypoints.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <!-- Magnific js file -->
    <script src="js/jquery.magnific-popup.min.js"></script>
    <!-- SmoothScroll -->
    <script src="js/SmoothScroll.js"></script>
    <!-- Parallax js -->
    <script src="js/parallaxie.js"></script>
    <!-- MagicCursor js file -->
    <script src="js/gsap.min.js"></script>
    <script src="js/magiccursor.js"></script>
    <!-- Text Effect js file -->
    <script src="js/SplitText.js"></script>
    <script src="js/ScrollTrigger.min.js"></script>
    <!-- Wow js file -->
    <script src="js/wow.js"></script>
    <!-- Main Custom js file -->
    <script src="js/function.js"></script>
	
 <script>
        $("form#contactForm").submit(function (event) {
            $('.btn-default').text("processing..."); // or: this.value = "processing";  
            $('.btn-default').prop('disabled', true);
            event.preventDefault();
            $.ajax({
                type: "POST",
                url: "./contact-form-process.php",
                data: $('#contactForm').serialize(),
                success: function (response) {
                    if (response === 'ok') {
                        alert("Thank You");
                        location.reload();
                    } else {
                        alert(response);
                        $('.btn-default').text("Send Message"); // or: this.value = "processing";  
                        $('.btn-default').prop('disabled', false);
                        //location.reload();
                    }
                }
            });
        });
    </script>

</body>


</html>