<?php require_once 'header.php'; ?>
    <section id="hero">
        <div class="hero-container">
            <div id="heroCarousel" class="carousel slide carousel-fade" data-ride="carousel">

                <ol class="carousel-indicators" id="hero-carousel-indicators"></ol>

                <div class="carousel-inner" role="listbox">

                    <!-- Slide 1 -->
                    <div class="carousel-item active" style="background-image: url(images/banner1.jpg);">
                        <div class="carousel-container">
                            <div class="carousel-content">
                                <!--                            <h2 class="animate__animated animate__fadeInDown">Welcome to <span>MyBiz</span></h2>-->
                                <!--                            <p class="animate__animated animate__fadeInUp">Ut velit est quam dolor ad a aliquid qui aliquid. Sequi ea ut et est quaerat sequi nihil ut aliquam. Occaecati alias dolorem mollitia ut. Similique ea voluptatem. Esse doloremque accusamus repellendus deleniti vel. Minus et tempore modi architecto.</p>-->
                                <!--                            <a href="#about" class="btn-get-started scrollto animate__animated animate__fadeInUp">Read More</a>-->
                            </div>
                        </div>
                    </div>

                    <!-- Slide 2 -->
                    <div class="carousel-item" style="background-image: url(images/banner2.jpg);">
                        <div class="carousel-container">
                            <div class="carousel-content">
                                <!--                            <h2 class="animate__animated animate__fadeInDown">Lorem Ipsum Dolor</h2>-->
                                <!--                            <p class="animate__animated animate__fadeInUp">Ut velit est quam dolor ad a aliquid qui aliquid. Sequi ea ut et est quaerat sequi nihil ut aliquam. Occaecati alias dolorem mollitia ut. Similique ea voluptatem. Esse doloremque accusamus repellendus deleniti vel. Minus et tempore modi architecto.</p>-->
                                <!--                            <a href="#about" class="btn-get-started scrollto animate__animated animate__fadeInUp">Read More</a>-->
                            </div>
                        </div>
                    </div>

                    <!-- Slide 3 -->
                    <div class="carousel-item" style="background-image: url(images/banner3.jpg);">
                        <div class="carousel-container">
                            <div class="carousel-content">
                                <!--                            <h2 class="animate__animated animate__fadeInDown">Sequi ea ut et est quaerat</h2>-->
                                <!--                            <p class="animate__animated animate__adeInUp">Ut velit est quam dolor ad a aliquid qui aliquid. Sequi ea ut et est quaerat sequi nihil ut aliquam. Occaecati alias dolorem mollitia ut. Similique ea voluptatem. Esse doloremque accusamus repellendus deleniti vel. Minus et tempore modi architecto.</p>-->
                                <!--                            <a href="#about" class="btn-get-started scrollto animate__animated animate__fadeInUp">Read More</a>-->
                            </div>
                        </div>
                    </div>

                </div>

                <a class="carousel-control-prev" href="#heroCarousel" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon ri-arrow-left-line" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>

                <a class="carousel-control-next" href="#heroCarousel" role="button" data-slide="next">
                    <span class="carousel-control-next-icon ri-arrow-right-line" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>

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

    <!-- ======= Contact Section ======= -->
    <section id="contact" class="contact">
        <div class="container">
            <div class="section-title">
                <span>Enquire Now</span>
                <h2>Enquire Now</h2>
                <p>--- Please Call us Or Submit a Enquiry Form ---</p>
            </div>
        </div>



        <div class="container">

            <div class="info-wrap mt-5">
                <div class="row">
                    <div class="col-lg-4 info">
                        <i class="ri-map-pin-line"></i>
                        <h4>Location:</h4>
                        <p><strong>Soma Ayurveda Clinic
                                Mahadev Apartment
                                Near Jalaram Mandir
                                Telephone Exchange Square
                                Nagpur 440008</strong>
                        </p>
                    </div>

                    <div class="col-lg-4 info mt-4 mt-lg-0">
                        <i class="ri-mail-line"></i>
                        <h4>Email:</h4>
                        <p><strong>drprathmeshvyas@gmail.com</strong></p>
                    </div>

                    <div class="col-lg-4 info mt-4 mt-lg-0">
                        <i class="ri-phone-line"></i>
                        <h4>Call:</h4>
                        <p>
                            <strong>07888195270
                                ( Dr. Prathmesh Vyas )</strong>
                            <br>
                            <strong>09823e96677
                                ( Dr. Gayatri Vyas )</strong>
                        </p>
                    </div>
                </div>
            </div>
            <br>

            <form action="forms/contact.php" method="post" role="form" class="php-email-form">
                <div class="form-row">
                    <div class="col-md-12 form-group text-center">
                        <h5>Enquire Now</h5>
                    </div>
                </div>
                <div class="form-row">
                    <div class="col-md-6 form-group">
                        <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
                        <div class="validate"></div>
                    </div>
                    <div class="col-md-6 form-group">
                        <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
                        <div class="validate"></div>
                    </div>
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
                    <div class="validate"></div>
                </div>
                <div class="form-group">
                    <textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
                    <div class="validate"></div>
                </div>
                <div class="mb-3">
                    <div class="loading">Loading</div>
                    <div class="error-message"></div>
                    <div class="sent-message">Your message has been sent. Thank you!</div>
                </div>
                <div class="text-center"><button type="submit">Submit</button></div>
            </form>

        </div>
    </section><!-- End Contact Section -->

<?php require_once 'footer.php'; ?>