import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Contact Us - Paramvir Power Solutions LLP",
  description: "Corporate Headquarters Paramvir Power Solutions LLP B/128, GIDC Electronics Estate, Sector-25,Gandhinagar - 382025, Gujarat, India. ",
  keywords: "",
};

export default function Page() {
  return (
    <div>
      <section className="breadcrumb-area style2 contact-page" style={{ backgroundImage: "url(/assets/images/resources/Contact-Us.webp)" }}>
          <div className="container">
              <div className="row">
                  <div className="col-xl-12">
                      <div className="inner-content-box clearfix">
                          <div className="title-s2 text-center">
                              <h1>Contact Us</h1>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </section>
      <section className="contact-address-area">
          <div className="container">
              <div className="row">
                  {/*Start Single Contact Address Box*/}
                  <div className="col-xl-4 col-lg-4">
                      <div className="single-contact-address-box">
                          <span className="icon-global"></span>
                          <h3>Visit Our Office</h3>
                          <p className="text-justify">B/128, GIDC Electronics Estate, Sector-25,Gandhinagar - 382025, Gujarat, India.</p>
                      </div>
                  </div>
                  {/*End Single Contact Address Box*/}
                  {/*Start Single Contact Address Box*/}
                  <div className="col-xl-4 col-lg-4">
                      <div className="single-contact-address-box">
                          <span className="icon-support1"></span>
                          <h3>Call Us</h3>
                          <p><a href="tel:+919879035433">9879035433</a> <br /><span>Mon - Saturday:</span> 9.30am to 6.00pm</p>
                      </div>
                  </div>
                  {/*End Single Contact Address Box*/}
                  {/*Start Single Contact Address Box*/}
                  <div className="col-xl-4 col-lg-4">
                      <div className="single-contact-address-box">
                          <span className="icon-shipping-and-delivery"></span>
                          <h3>Mail Us</h3>
                          <p><a href="mailto:sales@paramvirpower.com">sales@paramvirpower.com</a><br /> <a href="mailto:purchase@paramvirpower.com">purchase@paramvirpower.com</a></p>
                      </div>
                  </div>
                  {/*End Single Contact Address Box*/}
              </div>
              <div className="row">
                  <div className="col-xl-12">
                      <div className="bottom-text text-center">
                          <p>We’re here to help with any question of our customers, <a href="#">Go to FAQ’s</a></p>
                      </div>
                  </div>
              </div>
          </div>
      </section>
      <section className="contact-info-area">
          <div className="container">
          <div className="sec-title with-text">
                              <p>Drop Us a Line</p>
                              <div className="title">Send Your <span>Message</span></div>
                              <p className="bottom-text text-justify">If you have question or would like more information on our works, Please complete the form and we’ll aim get back to you with in 24 hours.</p>
                          </div>
              <div className="row">
                  <div className="col-xl-8 col-lg-7 col-md-12 col-sm-12">
                      <div className="contact-form">
                          <div className="inner-box">
                              <form  name="contact_form" className="default-form" action="/submit-contact/" method="post">
                                  <div className="row">
                                      <div className="col-md-6">
                                          <div className="input-box">
                                              <input type="text" name="name" placeholder="First Name" required aria-required="true" />
                                              <div className="icon">
                                                  <i className="fa fa-user" aria-hidden="true"></i>
                                              </div>
                                          </div>
                                      </div>
                                      <div className="col-md-6">
                                          <div className="input-box">
                                              <input type="text" name="l_name" placeholder="Last Name" required aria-required="true" />
                                              <div className="icon">
                                                  <i className="fa fa-user" aria-hidden="true"></i>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div className="row">

                                      <div className="col-md-6">
                                          <div className="input-box">
                                              <input type="text" name="phone_no" placeholder="Phone" />
                                              <div className="icon">
                                                  <i className="fa fa-phone" aria-hidden="true"></i>
                                              </div>
                                          </div>
                                      </div>
                                      <div className="col-md-6">
                                      <div className="input-box">
                                              <input type="email" name="email" placeholder="Email Address" required aria-required="true" />
                                              <div className="icon">
                                                  <i className="fa fa-envelope" aria-hidden="true"></i>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div className="row">
                                      <div className="col-md-12">
                                          <div className="input-box">
                                              <input type="text" name="subject" placeholder="Subject" required aria-required="true" />
                                              <div className="icon">
                                                  <i className="fa fa-book" aria-hidden="true"></i>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div className="row">
                                      <div className="col-md-12">
                                          <div className="input-box">
                                              <textarea name="comment" placeholder="Your Message..." required aria-required="true"></textarea>
                                              <div className="icon envelop">
                                                  <i className="fa fa-comment" aria-hidden="true"></i>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div className="row">
                                      <div className="col-md-12">
                                      <div className="col-md-12"><input type="hidden" id="token" name="token" /></div>
                                      </div>
                                  </div>
                                  <div className="row">
                                      <div className="col-md-12">
                                          <div className="button-box">
                                              <button className="btn-one" type="submit">Send Your Message<span className="flaticon-next"></span></button>
                                          </div>
                                      </div>
                                  </div>
                              </form>
                          </div>
                      </div>
                  </div>
                  <div className="col-xl-4 col-lg-5 col-md-12 col-sm-12 clearfix">
                      <div className="contact-form-image-box">
                      <img src="/assets/images/resources/Contact-Us-inner-image.webp" alt="Awesome Image" />
                      {/* <img src="https://via.placeholder.com/400x570.png" alt="" className="img" /> */}
                      </div>
                  </div>
              </div>
          </div>
      </section>
      <style>{"\n    @media (min-width: 1281px){\n.breadcrumb-area.style2 {\n    height: auto;\n}}\n@media (min-width: 320px){\n.breadcrumb-area.style2 {\n    height: auto;\n}}\n"}</style>
    </div>
  );
}