<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Thekkady Stays</title>
    <meta name="author" content="Thekkady Stays">
    <meta name="description" content="Thekkady Stays - Travel & Tour Booking Agency HTML Template ">
    <meta name="keywords" content="Thekkady Stays - Travel & Tour Booking Agency HTML Template ">
    <meta name="robots" content="INDEX,FOLLOW">
    <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Favicons - Place favicon.ico in the root directory -->
    <link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicons/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
    <link rel="manifest" href="assets/img/favicons/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="assets/img/favicons/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <!--==============================
	  Google Fonts
	============================== -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <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=Inter:wght@100..900&family=Manrope:wght@200..800&family=Montez&display=swap"
        rel="stylesheet">

    <!--==============================
	    All CSS File
	============================== -->
    <!-- Bootstrap -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- Fontawesome Icon -->
    <link rel="stylesheet" href="assets/css/fontawesome.min.css">
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css">

    <!-- Swiper css -->
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">

    <!-- Theme Custom CSS -->
    <link rel="stylesheet" href="assets/css/style.css">

</head>

<body>

    <!--[if lte IE 9]>
    	<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
  	<![endif]-->


    <!--********************************
   		Code Start From Here 
	******************************** -->

    <div class="cursor-follower"></div>

    <!-- slider drag cursor -->
    <div class="slider-drag-cursor"><i class="fas fa-angle-left me-2"></i> DRAG <i class="fas fa-angle-right ms-2"></i>
    </div>
 <!-- Whatsapp call buttons Start -->
        <div class="social">
            <div class="provized_social_float">
                <a href="https://wa.me/91 9447471283" target="_blank" style="background: rgba(37, 211, 102)"
                    class="provized_social_icon"><i class="fab fa-whatsapp" aria-hidden="true"></i> </a>

                <a href="tel:+91 9447471283" style="background: rgb(34, 160, 182)" class="provized_social_icon"><i
                        class="fa fa-phone-alt"></i> </a>

            </div>
        </div>

        <!-- Whatsapp call buttons End -->

        
        <!-- Booking form modal start -->

        <div class="modal fade" id="BookingFormPopUp" tabindex="-1" role="dialog"
            aria-labelledby="BookingFormPopUpTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header d-flex align-items-center justify-content-between">
                        <div class="d-flex align-items-center">
                            <img src="assets/img/logo.svg" alt="Sanmarino" class="img-fluid me-3"
                                style="width: 100px; height: auto;">
                            <h5 class="modal-title main-title mb-0 mx-auto text-white" id="BookingFormPopUpLabel">
                                Enquiry form</h5>
                        </div>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <form class="row g-3 needs-validation" method="post" action="contact.php" novalidate>
                            <div class="col-md-6 col-xs-12 position-relative">
                                <label for="validationTooltip01" class="form-label">Your Name</label>
                                <input type="text" class="form-control" id="name" name="name" required>
                                <div class="valid-tooltip">
                                    Please provide your name.
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12 position-relative">
                                <label for="email" class="form-label">Your Phone</label>
                                <input type="tel" class="form-control" id="phone" name="phone" required>
                                <div class="valid-tooltip">
                                    Please enter a valid phone number.
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12 position-relative">
                                <label for="email" class="form-label">Your Email</label>
                                <div class="input-group has-validation">
                                    <input type="text" class="form-control" id="email" name="email"
                                        aria-describedby="email" required>
                                    <div class="invalid-tooltip">
                                        Please choose a valid email id.
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12 position-relative">
                                <label for="subject" class="form-label">Enquiry Regarding</label>
                                <input type="text" class="form-control" id="subject" name="subject" required>
                                <div class="invalid-tooltip">
                                    Please provide a subject in enquiry.
                                </div>
                            </div>
                            <div class="col-md-12 col-xs-12 position-relative">
                                <label for="message" class="form-label">Message</label>
                                <textarea class="form-control" aria-label="With textarea" id="message" name="message"
                                    required></textarea>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-primary" id="saveChangesBtn">Submit</button>
                            </div>
                        </form>

                    </div>

                </div>
            </div>
        </div>
        <!-- Booking form modal end -->

<!--==============================
    Mobile Menu
  ============================== -->
    <div class="th-menu-wrapper onepage-nav">
        <div class="th-menu-area text-center">
            <button class="th-menu-toggle"><i class="fal fa-times"></i></button>
            <div class="mobile-logo">
                <a href="home-travel.html"><img src="assets/img/logo2.svg" alt="Thekkady Stays"></a>
            </div>
            <div class="th-mobile-menu">
                <ul>
                    <li><a class="active" href="index.html">Home</a></li>
                    <li><a href="index.html#about-sec">About Us</a></li> 
                    <li><a href="index.html#activities">Activities</a></li>
                    <li><a href="index.html#attractions">Attractions </a></li>
                    <li><a href="index.html#destinations">Destinations </a></li>
                    <li><a href="index.html#whyus">Why Us </a></li>
                    <li class="menu-item-has-children">
                        <a href="packages.html">Packages</a>
                        <ul class="sub-menu">
                            <li><a href="#package1">Package 1</a></li>
                            <li><a href="#package2">Package 2</a></li>
                            <li><a href="#package3">Package 3</a></li>
                            <li><a href="#package4">Package 4</a></li>
                        </ul>
                    </li>
                     <li><a href="index.html#contact">Contact us</a></li>
                </ul>
            </div>
        </div>
    </div>
    </div>
    <!--==============================
	Header Area
==============================-->
    <header class="th-header header-layout1">
        <div class="header-top">
            <div class="container th-container">
                <div class="row justify-content-center justify-content-xl-between align-items-center">
                    <div class="col-auto d-none d-md-block">
                        <div class="header-links">
                            <ul>
                                <li class="d-none d-xl-inline-block"><i
                                        class="fa-sharp fa-regular  fa-location-dot"></i>
                                    <span>45 Eskaton Road, Thekkady, Idukki, Kerala</span>
                                </li>
                                <li class="d-none d-xl-inline-block"><i class="fa-regular fa-clock"></i>
                                    <span>Sun to Friday: 8.00 am - 7.00 pm</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-auto">
                        <div class="header-right">

                            <div class="header-links">
                                <ul>
                                    <li class="d-none d-md-inline-block"><i
                                            class="fa-sharp fa-regular  fa-envelope"></i><a
                                            href="mailto:info@thekkadystays.com">info@thekkadystays.com</a></li>
                                    <li class="d-none d-md-inline-block"><a href="tel:+919447471283"><i
                                                class="fa-sharp fa-regular  fa-mobile"></i> +919447471283</a></li>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sticky-wrapper">
            <!-- Main Menu Area -->
            <div class="menu-area">
                <div class="container th-container">
                    <div class="row align-items-center justify-content-between">
                        <div class="col-auto">
                            <div class="header-logo">
                                <a href="home-travel.html"><img src="assets/img/logo.svg" alt="Thekkady Stays"></a>
                            </div>
                        </div>
                        <div class="col-auto mx-xl-auto">
                            <nav class="main-menu d-none d-xl-inline-block">
                                <ul>
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="index.html#about-sec">About Us</a></li>
                                    <li><a href="index.html#activities">Activities</a></li>
                                    <li><a href="index.html#attractions">Attractions </a></li>
                                    <li><a href="index.html#destinations">Destinations </a></li>
                                    <li><a href="index.html#whyus">Why Us </a></li>
                                    <li class="menu-item-has-children">
                                        <a  class="active" href="packages.html">Packages</a>
                                        <ul class="sub-menu">
                                            <li><a href="#package1">Package 1</a></li>
                                            <li><a href="#package2">Package 2</a></li>
                                            <li><a href="#package3">Package 3</a></li>
                                            <li><a href="#package4">Package 4</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="index.html#contact">Contact us</a></li>
                                </ul>
                            </nav>
                            <button type="button" class="th-menu-toggle d-block d-xl-none"><i
                                    class="far fa-bars"></i></button>
                        </div>
                        <div class="col-auto d-none d-xl-block">
                            <div class="header-button">
                                <a href="contact.html" class="th-btn style3 th-icon">Book Now</a>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="logo-bg" data-mask-src="assets/img/logo_bg_mask.png"></div>
            </div>
        </div>
    </header>
    <!--==============================
    Breadcumb
============================== -->
    <div class="breadcumb-wrapper " data-bg-src="assets/img/bg/breadcumb-bg.webp">
        <div class="container">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">Thank You</h1>
                <ul class="breadcumb-menu">
                    <li><a href="index.html">Home</a></li>
                    <li>Thank you</li>
                </ul>
            </div>
        </div>
    </div>

<!--==============================
    Mail functionality
============================== -->
<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $required = ['name', 'email', 'phone', 'subject', 'message'];
    $errors = [];
    
    // Validate required fields
    foreach ($required as $field) {
        if (empty($_POST[$field])) {
            $errors[] = "Missing required field: " . ucfirst($field);
        }
    }
    
    // Validate email
    if (!filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
        $errors[] = "Invalid email format";
    }
    
    if (!empty($errors)) {
        die(implode("<br>", $errors));
    }

    // Prepare data
    $name = htmlspecialchars($_POST['name']);
    $email = htmlspecialchars($_POST['email']);
    $phone = htmlspecialchars($_POST['phone']);
    $subject = htmlspecialchars($_POST['subject']);
    $message = htmlspecialchars($_POST['message']);
    
    // Email configuration
    $to = "mantraitsolutionskochi@gmail.com";
    $subject = "THEKKADY STAYS - Booking Enquiry";
    $body = "Booking Details:\n\nName: $name\nEmail: $email\nPhone: $phone\nTour Type: $subject\nMessage:\n$message";
    $headers = "From: $name <$email>\r\nReply-To: $email";

    // Send email
    if (mail($to, $subject, $body, $headers)) {
        echo '<center>
                <h3><b>We will contact you shortly!</b></h3>
                <p>Redirecting in <span id="countdown">5</span> seconds...</p>
                <script>
                    let seconds = 5;
                    setInterval(() => {
                        seconds--;
                        document.getElementById("countdown").textContent = seconds;
                        if(seconds <= 0) window.location = "index.html";
                    }, 1000);
                </script>
              </center>';
    } else {
        echo "<h3>Error: Failed to send message. Please try again later.</h3>";
    }
} else {
    header("Location: index.html");
    exit;
}
?>

 <!--==============================
	Footer Area
==============================-->
    <footer class="footer-wrapper footer-layout1">
        <div class="widget-area">
            <div class="container">
                <div class="newsletter-area">
                    <div class="newsletter-top">
                        <!-- <div class="row gy-4 align-items-center">
                            <div class="col-lg-5">
                                <h2 class="newsletter-title text-capitalize mb-0">get updated the latest newsletter</h2>
                            </div>
                            <div class="col-lg-7">
                                <form class="newsletter-form">
                                    <input class="form-control " type="email" placeholder="Enter Email" required="">
                                    <button type="submit" class="th-btn style3">Subscribe Now <img src="assets/img/icon/plane.svg" alt=""></button>
                                </form>
                            </div>
                        </div> -->
                    </div>
                </div>
                <div class="row justify-content-between">
                    <div class="col-md-6 col-xl-4">
                        <div class="widget footer-widget">
                            <div class="th-widget-about">
                                <div class="about-logo">
                                    <a href="home-travel.html"><img src="assets/img/logo.svg" alt="Thekkady Stays"></a>
                                </div>
                                <p class="about-text">Rapidiously myocardinate cross-platform intellectual capital
                                    model. Appropriately create interactive infrastructures</p>
                                <div class="th-social">
                                    <a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                    <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
                                    <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                    <a href="https://www.youtube.com/"><i class="fab fa-youtube"></i></a>
                                    <a href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-auto">
                        <div class="widget widget_nav_menu footer-widget">
                            <h3 class="widget_title">Quick Links</h3>
                            <div class="menu-all-pages-container">
                                <ul class="menu">
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="index.html#about-sec">About us</a></li>
                                    <li><a href="index.html#activities">Activities</a></li>
                                    <li><a href="index.html#destinations">Destinations </a></li>
                                    <li><a href="packages.html">Packages</a></li>
                                     <li><a href="index.html#contact">Contact us</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-auto">
                        <div class="widget footer-widget">
                            <h3 class="widget_title">Address</h3>
                            <div class="th-widget-contact">
                                <div class="info-box_text">
                                    <div class="icon">
                                        <img src="assets/img/icon/phone.svg" alt="img">
                                    </div>
                                    <div class="details">
                                        <p><a href="tel:+919447471283" class="info-box_link">+91 9447471283</a></p>
                                        <p><a href="tel:+919447471283" class="info-box_link">+91 9447471283</a></p>
                                    </div>
                                </div>
                                <div class="info-box_text">
                                    <div class="icon">
                                        <img src="assets/img/icon/envelope.svg" alt="img">
                                    </div>
                                    <div class="details">
                                        <p><a href="mailto:info@thekkadystays.com"
                                                class="info-box_link">info@thekkadystays.com</a></p>
                                        <p><a href="mailto:info@thekkadystays.com"
                                                class="info-box_link">info@thekkadystays.com</a></p>
                                    </div>
                                </div>
                                <div class="info-box_text">
                                    <div class="icon"><img src="assets/img/icon/location-dot.svg" alt="img"></div>
                                    <div class="details">
                                        <p>Thekkady stays, Door no: 1, Hillpark building, Thekkady junction,
                                            Kumily-685509</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="col-md-6 col-xl-auto">
                        <div class="widget footer-widget">
                            <h3 class="widget_title">Locate Us</h3>
                            <div class="contact-map style1">
                                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3933.865492623812!2d77.167659!3d9.606848499999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b0655a30e41dfe9%3A0x44c77db8b8d08e1d!2sHill%20Park!5e0!3m2!1sen!2sin!4v1753940940185!5m2!1sen!2sin" width="100%" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                                    <div class="contact-icon">
                    <img src="assets/img/icon/location-dot3.svg" alt="">
                </div>
                            </div>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
        <div class="copyright-wrap" data-bg-src="assets/img/bg/copyright_bg_1.webp">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-md-6">
                        <p class="copyright-text">Copyright 2025 <a href="home-travel.html">Thekkady Stays</a>. All
                            Rights Reserved.</p>
                    </div>
                    <div class="col-md-6 text-end d-none d-md-block">
                        <div class="footer-card">
                            <span class="title">Developed by:</span>
                            <a href="https://mantrainfotechs.com/" target="_blank">Mantra Infotechs</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!--********************************
			Code End  Here 
	******************************** -->

    <!-- Scroll To Top -->
    <div class="scroll-top">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"
                style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;">
            </path>
        </svg>
    </div>

    <!--==============================
    All Js File
============================== -->
    <!-- Jquery -->
    <!-- Jquery -->
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <!-- Swiper Js -->
    <script src="assets/js/swiper-bundle.min.js"></script>
    <!-- Bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Magnific Popup -->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- Counter Up -->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!-- Range Slider -->
    <script src="assets/js/jquery-ui.min.js"></script>
    <!-- imagesloaded -->
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <!-- isotope -->
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <!-- gsap -->
    <script src="assets/js/gsap.min.js"></script>

    <!-- circle-progress -->
    <script src="assets/js/circle-progress.js"></script>

    <script src="assets/js/matter.min.js"></script>
    <script src="assets/js/matterjs-custom.js"></script>


    <!-- nice select -->
    <script src="assets/js/nice-select.min.js"></script>

    <!-- Main Js File -->
    <script src="assets/js/main.js"></script>
</body>

</html>