<?php /* Template Name: Contact Page */ 
get_header();
?>
 <section class="sub-bnr contact-us-bnr">
        <div class="container custom-container">
            <div class="content-area">
                <div class="title">Contact <span>Us</span></div>
                <div class="sub-para">Odio cras proin proin sit quis fringilla aliquet. Consectetur elementum viverra egestas egestas nulla ullamcorper varius quam.</div>
            </div>
        </div>
        <div class="bnt-txt-btm">
            <img src="<?php echo get_template_directory_uri(); ?>/img/service-detail-bnr-txt.png" alt="">
        </div>
    </section>

    <section class="contact-form">
        <div class="container custom-container">
            <div class="row">
                <div class="title-sec">
                    <div class="subtitle">Get in Touch</div>
                    <div class="title">We’d <sapn class="dark-blue"> Love to Hear</sapn> From You</div>
                </div>

            </div>

            <div class="row form-sec">

                    <!-- Form Section -->
                    <div class="form-wrapper">
                      <form id="ajax-form" data-parsley-validate>
                        <div class="form-inner">
                          <label for="name" class="form-label">Your Name</label>
                          <input type="text" name="name" class="form-control" id="name" required placeholder="Enter Your Name" 
                                data-parsley-required="true" data-parsley-required-message="First Name is required." data-parsley-minlength="3">
                        </div>
                        <div class="form-inner">
                          <label for="email" class="form-label">Your Email</label>
                          <input type="email" name="email" class="form-control" required id="email" placeholder="Enter Your Email" 
                                data-parsley-required="true" data-parsley-required-message="Email is required." data-parsley-type="email">
                        </div>
                        <div class="form-inner">
                          <label for="message" class="form-label">Your Message</label>
                          <textarea class="form-control text-area" name="message" required id="message" rows="5" placeholder="Enter Your Message" 
                                    data-parsley-required="true" data-parsley-required-message="Message is required." data-parsley-minlength="10"></textarea>
                        </div>
                        <div class="btn-sec">
                          <div id="successAlert" class="alert alert-success" role="alert" style="text-align: center; display: none;"></div>
                          <div id="dangerAlert" class="alert alert-danger" role="alert" style="text-align: center; display: none;"></div>
                          <button class="primary-btn contact-us" id="submit-button" type="submit">
                            <span>Submit</span>
                            <span><img src="<?php echo get_template_directory_uri(); ?>/img/left-arrow1.svg"></span>
                          </button>
                        </div>
                      </form>
                    </div>

                    
                    <!-- Images Section -->
                    <div class="images-wrapper ">
                      <div class="img-sec">
                        <div class="img1">
                            <img src="<?php echo get_template_directory_uri(); ?>/img/contact-img1.png" alt="contact-img">
                        </div>
                        <div class="img1">
                            <img src="<?php echo get_template_directory_uri(); ?>/img/contact-img2.png" alt="contact-img">
                        </div>
                      </div>
                      <div class="details-sec">
                        <div class="one-sec">
                            <div class="icon-sec">
                                <img src="<?php echo get_template_directory_uri(); ?>/img/call-ico.png" alt="clok">
                            </div>
                            <div class="text-sec">
                                <div class="phn">Phone Number</div>
                                <div class="sub-cont">(917) 451-7018
                                </div>
                            </div>

                        </div>
                        <div class="arrow">
                            <img src="<?php echo get_template_directory_uri(); ?>/img/left-arrow1.svg">
                        </div>
                      </div>
                      <div class="details-sec">
                        <div class="one-sec">
                            <div class="icon-sec">
                                <img src="<?php echo get_template_directory_uri(); ?>/img/call-ico3.png" alt="clok">
                            </div>
                            <div class="text-sec">
                                <div class="phn">Business Hours</div>
                                <div class="sub-cont">Mon-Fri, 07.00-16.00
                                </div>
                            </div>

                        </div>
                        <div class="arrow">
                            <img src="<?php echo get_template_directory_uri(); ?>/img/left-arrow1.svg">
                        </div>
                      </div>
                      <div class="details-sec">
                        <div class="one-sec">
                            <div class="icon-sec">
                                <img src="<?php echo get_template_directory_uri(); ?>/img/call-ico2.png" alt="clok">
                            </div>
                            <div class="text-sec">
                                <div class="phn">Address</div>
                                <div class="sub-cont">402 Metropolitan Ave.</div>
                                <div class="sub-cont">Brooklyn NY 11211,</div>
                                <div class="sub-cont">253 W 28th St 6th Floor,</div>
                                <div class="sub-cont">New York, NY 10001</div>
                                
                            </div>

                        </div>
                        <div class="arrow">
                            <img src="<?php echo get_template_directory_uri(); ?>/img/left-arrow1.svg">
                        </div>
                      </div>
                   </div>            
                 </div>
              </div>
    </section>
   

    <section class="faq-sec">
        <div class="container custom-container">
            <div class="title-blk">
                <div class="small-title-sec">FAQ </div>
                <div class="title">Your Questions Answered</div>
            </div>
            <div class="faq-blk-wrp">
                <div class="accordion" id="faqCollapse">
                    <div class="accordion-item">
                      <h2 class="accordion-header" >
                        <!-- <div class="count-round">
                            01
                        </div> -->
                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseOne" aria-expanded="true" aria-controls="collapseOne">
                            Providing Exceptional Care to Our Patients
                        </button>
                      </h2>
                      <div id="faqCollapseOne" class="accordion-collapse collapse show" data-bs-parent="#faqCollapse">
                        <div class="accordion-body">
                            While our practice is specialized in delivering care for treatment-resistant anxiety and depression disorders, our multi-disciplinary team is well-versed in treating comorbid insomnia, attention deficit or PTSD disorders.
                        </div>
                      </div>
                    </div>
                    <div class="accordion-item">
                      <h2 class="accordion-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                            Expanding Our Services
                        </button>
                      </h2>
                      <div id="faqCollapseTwo" class="accordion-collapse collapse" data-bs-parent="#faqCollapse">
                        <div class="accordion-body">
                          <strong>This is the second item's accordion body.</strong> 
                        </div>
                      </div>
                    </div>
                    <div class="accordion-item">
                      <h2 class="accordion-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseThree" aria-expanded="false" aria-controls="collapseThree">
                            Embracing Digital Innovation
                        </button>
                      </h2>
                      <div id="faqCollapseThree" class="accordion-collapse collapse" data-bs-parent="#faqCollapse">
                        <div class="accordion-body">
                          <strong>This is the third item's accordion body.</strong> 
                        </div>
                      </div>
                    </div>
                    <div class="accordion-item">
                        <h2 class="accordion-header">
                          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseFour" aria-expanded="false" aria-controls="collapseFour">
                              Embracing Digital Innovation
                          </button>
                        </h2>
                        <div id="faqCollapseFour" class="accordion-collapse collapse" data-bs-parent="#faqCollapse">
                          <div class="accordion-body">
                            <strong>This is the third item's accordion body.</strong> 
                          </div>
                        </div>
                      </div>
                </div>
            </div>
        </div>
    </section>

    <section class="logo-slider-sec">
        <div class="logo-slider">
            <div class="logo-slide">
                <div class="inner">
                    <img src="<?php echo get_template_directory_uri(); ?>/img/logo-1.svg" alt="">
                </div>
            </div>
            <div class="logo-slide">
                <div class="inner">
                    <img src="<?php echo get_template_directory_uri(); ?>/img/logo-2.svg" alt="">
                </div>
            </div>
            <div class="logo-slide">
                <div class="inner">
                    <img src="<?php echo get_template_directory_uri(); ?>/img/logo-3.svg" alt="">
                </div>
            </div>
            <div class="logo-slide">
                <div class="inner">
                    <img src="<?php echo get_template_directory_uri(); ?>/img/logo-4.svg" alt="">
                </div>
            </div>
        </div>
    </section>
    
<?php get_footer(); ?>