<?php
$page_title = "Lakhotia Realty | Growth Cha GPS";
?>
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title><?php echo $page_title; ?></title>

    <meta name="description" content="Invest in tomorrow's growth cha gps. Premium residential opportunities with excellent connectivity and future appreciation potential.">

    <link rel="canonical" href="" />
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="images/favicon.ico">

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- AOS -->
    <link href="https://unpkg.com/aos@2.3.4/dist/aos.css" rel="stylesheet">

    <!-- Font -->
    <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=Anton&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">

    <!-- Style -->
    <link rel="stylesheet" href="css/style.min.css">

</head>

<body>

    <!-- HEADER -->

    <header class="header-section" data-aos="fade-in" data-aos-duration="3000">
        <div class="container-fluid ">

            <div class="header-wrap d-flex justify-content-between align-items-center ">

                <div class="logo ps-md-5 ms-md-2">
                    <img src="images/logo.png" alt="Logo">
                </div>

                <div class="rera-box">
                    <img src="images/maha-rera-strip.png" alt="MAHA RERA No." class="desktop-banner d-none d-md-block">
                    <img src="images/maha-rera-strip-mobile.png" alt="MAHA RERA No." class="mobile-banner d-md-none">
                </div>

            </div>

        </div>
    </header>


    <!-- HERO -->

    <section class="hero-section">

        <div class="container-fluid px-0">

            <div class="row align-items-center">

                <!-- LEFT -->
                <div class="col-md-12">
                    <div class="hero-banner-image" data-aos="fade-in" data-aos-duration="3000">
                        <img src="images/hero-desktop-3.webp" alt="Hero Banner" class="img-fluid desktop-banner">
                        <img src="images/mobile-banner-1.webp" alt="Hero Banner" class="img-fluid mobile-banner">

                    </div>
                </div>
                <!-- Button -->
                <div class="btn-wrap">
                    <a href="#enquiry-form" class="theme-btn scroll-to-form" data-aos="fade-in" data-aos-duration="3000">
                        Register Interest <img src="images/arrow.svg" alt="" class="img-fluid ms-2">
                    </a>
                </div>
                <!-- FORM -->
                <div class="form-wrapper" id="enquiry-form" data-aos="fade-in" data-aos-duration="3000">

                    <h3>Enquire Now</h3>

                    <p>
                        Secure your spot in the city's fastest-growing residential ecosystem.
                    </p>

                    <form action="includes/mail-handler.php" method="POST" id="enquiry-main-form">

                        <div class="mb-2">
                            <label for="fullname" class="form-label">Full Name</label>
                            <input type="text" class="form-control" id="fullname" name="name" required>

                        </div>

                        <div class="mb-2">
                            <label for="email-address" class="form-label">Email Address</label>
                            <input type="email" class="form-control" id="email-address" name="email" required>

                        </div>

                        <div class="mb-2">
                            <label for="phonenumber" class="form-label">Phone Number</label>
                            <input type="tel" class="form-control" id="phonenumber" name="phone" required>

                        </div>

                        <div class="mb-2">
                            <label for=""> Interest Type </label>
                            <select name="interest_type" class="form-select" required>

                                <option value="1 BHK">
                                    1 BHK
                                </option>

                                <option value="2 BHK">
                                    2 BHK
                                </option>

                            </select>

                        </div>

                        <!-- UTM -->

                        <input type="hidden" name="utm_source" id="utm_source">
                        <input type="hidden" name="utm_medium" id="utm_medium">
                        <input type="hidden" name="utm_campaign" id="utm_campaign">

                        <!-- RECAPTCHA -->

                        <div class="mb-2">
                            <div class="g-recaptcha" data-sitekey="6LfECQktAAAAAGAjCYlljmHrswQuXD8aGrq4Be74"></div>
                        </div>

                        <button type="submit" class="submit-btn w-100">
                            Send Enquiry
                        </button>

                    </form>

                </div>

            </div>

        </div>

    </section>


    <!-- DISCLAIMER -->

    <footer class="footer-section" data-aos="fade-in" data-aos-duration="3000">

        <div class="container">
            <div class="disclaimer-footer">
                <img src="images/disclaimer-footer.webp" alt="" class="img-fluid">
            </div>

        </div>

    </footer>



    <!-- Bootstrap -->

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"></script>

    <!-- AOS -->

    <script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script>

    <!-- Recaptcha -->

    <script src="https://www.google.com/recaptcha/api.js" async defer></script>

    <!-- Custom JS -->

    <script src="js/script.js"></script>

</body>

</html>