import type { Metadata } from "next";
import HeroSlider from "@/components/HeroSlider";
import OwlCarousel from "@/components/OwlCarousel";

export const metadata: Metadata = {
  title: "Home - Paramvir Power Solutions LLP",
  description: "Paramvir Power is involved purely in to Research & Development in electronics – both hardware and software. Our design areas include Power Electronics, Power Stack, Analog and digital, micro-controllers and DSP based designs.",
  keywords: "Power Electronics, Power Stack, Analog and Digital, Micro Controllers, Paramvir Power Solutions LLP",
};

export default function Page() {
  return (
    <div>
      {/*Main Slider*/}
      <HeroSlider
        autoplay={8000}
        slides={[
          {
            img: "/assets/images/slides/slider-1.webp",
            content: (
              <>
                <div className="big-title">
                  Quality Assurance is our commitment
                </div>
                <br />
                <div className="text text1 text-justify">We place high priority on achieving uniform quality and instilling a quality-first mindset in our workforce to keep our customers satisfied. We can, with confidence and assurance, claim to be delivering &ldquo;Export Worthy&rdquo; products. Guided by the &ldquo;Quality First&rdquo; principle that Paramvir Power has stayed true to since its founding.</div>
              </>
            ),
          },
          {
            img: "/assets/images/slides/slider-2.webp",
            content: (
              <>
                <div className="big-title">
                  Restless Innovation is our passion
                </div>
                <br />
                <div className="text text1 text-justify">We strive to be the lowest cost, highest quality manufacture & latest technology provider. Our team is always ready to accept new challenges to reach next level of achievement. We strongly believe to work restless on innovation as a social responsibility to make life more comfortable. Innovation only can help us to reduce dependency on &ldquo;Technocratic Countries &ndash; e.g. Germany, Russia, Greece, Canada & other.&rdquo;</div>
              </>
            ),
          },
          {
            img: "/assets/images/slides/slider-3.webp",
            content: (
              <>
                <div className="big-title">
                  Reliable Partner
                </div>
                <br />
                <div className="text text1 text-justify">Paramvir Power engaged in engineering manufacturing services & Development of various products. Also we are into Customized Power stack solution provider, IGBT Gate Drivers, SCR Firing module, Light Trigger Thyristor firing module, active front rectifier technology provider. </div>
              </>
            ),
          },
        ]}
      />


      {/*Start Recently Project Area*/}
      <section className="recently-project-area">
          <div className="container">
              <div className="row">
                  <div className="col-xl-12">
                      <div className="sec-title text-center">
                          {/* <p>Projects</p> */}
                          <div className="title">Our Products</div>
                      </div>

                  </div>
              </div>
          </div>
          <div className="container-fluid">
              <OwlCarousel
                  className="project-carousel owl-theme"
                  responsive={{ 0: { items: 1 }, 600: { items: 2 }, 800: { items: 3 }, 1024: { items: 4 }, 1100: { items: 4 }, 1200: { items: 5 } }}
                  margin={10}
                  autoplay={15000}
                  smartSpeed={700}
              >
                  {/*Start single project style1*/}
                  <div className="single-project-style1">
                      <div className="img-holder">
                          <img src="/assets/images/projects/slide-1.webp"  alt="Awesome Image" />
                          <div className="overlay-content">
                              <div className="inner-content">
                                  <div className="link-box">
                                  <h3 className="text-white">Half Controlled SCR Firing Soft Start</h3>
                                  </div>
                              </div>
                          </div>

                      </div>
                  </div>
                  {/*End single project style1*/}
                  {/*End single project style1*/}

                  {/*Start single project style1*/}
                  <div className="single-project-style1">
                      <div className="img-holder">
                          <img src="/assets/images/projects/slide-8.webp" alt="Awesome Image" />
                          <div className="overlay-content">
                              <div className="inner-content">
                                  <div className="link-box">
                                  <h3 className="text-white">1MW Air Cooled Power Stack For Power Quality</h3>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
                  {/*End single project style1*/}
                  {/*Start single project style1*/}
                  <div className="single-project-style1">
                      <div className="img-holder">
                          <img src="/assets/images/projects/slide-9.webp"  alt="Awesome Image" />
                          <div className="overlay-content">
                              <div className="inner-content">
                                  <div className="link-box">
                                  <h3 className="text-white">Full Controlled SCR Firing Soft Start/Power Controller</h3>
                                  </div>
                              </div>
                          </div>

                      </div>
                  </div>
                  {/*End single project style1*/}


                  {/*Start single project style1*/}
                  <div className="single-project-style1">
                      <div className="img-holder">
                          <img src="/assets/images/projects/slide-14.webp"  alt="Awesome Image" />
                          <div className="overlay-content">
                              <div className="inner-content">
                                  <div className="link-box">
                                  <h3 className="text-white">25KW Pulse Power Supply For Plasma Application</h3>
                                  </div>
                              </div>
                          </div>

                      </div>
                  </div>
                  {/*End single project style1*/}
                  {/*Start single project style1*/}
                  <div className="single-project-style1">
                      <div className="img-holder">
                          <img src="/assets/images/projects/slide-16.webp"  alt="Awesome Image" />
                          <div className="overlay-content">
                              <div className="inner-content">
                                  <div className="link-box">
                                  <h3 className="text-white">1.25MW frequency converter (500Hz -1KHz)</h3>
                                  </div>
                              </div>
                          </div>

                      </div>
                  </div>
                  {/*End single project style1*/}

              </OwlCarousel>
          </div>
      </section>
      {/*End Recently Project Area*/}
      {/*Start Brand area*/}
      <section className="brand-area">
          <div className="container">
              <div className="sec-title">
                  {/* <p>Corporate Clients</p> */}
                  <div className="title">Global Supplier</div>
              </div>
              <div className="row">
                  <div className="col-xl-12">
                      <OwlCarousel
                          className="brand-items-carousel owl-theme"
                          responsive={{ 0: { items: 1 }, 600: { items: 3 }, 800: { items: 4 }, 1024: { items: 5 }, 1100: { items: 5 }, 1200: { items: 6 } }}
                          margin={30}
                          nav
                          autoplay={6000}
                          smartSpeed={1000}
                          dots={false}
                          marquee
                          navText={['<i class="flaticon-back"></i>', '<i class="flaticon-arrow"></i>']}
                      >
                          {/*Start Single Brand Item*/}
                          <li className="single-brand-item wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                              <a href="#"><img src="/assets/images/brand/Australia.webp" loading="lazy" alt="Australia" /></a>
                              <div className="overlay-content">
                                  <p>Australia</p>
                              </div>
                          </li>
                          {/*End Single Brand Item*/}
                          {/*Start Single Brand Item*/}
                          <li className="single-brand-item wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1500ms">
                              <a href="#"><img src="/assets/images/brand/Asia.webp" loading="lazy" alt="Asia" /></a>
                              <div className="overlay-content">
                                  <p>Asia</p>
                              </div>
                          </li>
                          {/*End Single Brand Item*/}
                          {/*Start Single Brand Item*/}
                          <li className="single-brand-item wow fadeInUp" data-wow-delay="400ms" data-wow-duration="1500ms">
                              <a href="#"><img src="/assets/images/brand/The-Middle-East.webp" loading="lazy" alt="The Middle East" /></a>
                              <div className="overlay-content">
                                  <p>The Middle East</p>
                              </div>
                          </li>
                          {/*End Single Brand Item*/}
                          {/*Start Single Brand Item*/}
                          <li className="single-brand-item wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1500ms">
                              <a href="#"><img src="/assets/images/brand/South-Africa.webp" loading="lazy" alt="South Africa" /></a>
                              <div className="overlay-content">
                                  <p>South Africa</p>
                              </div>
                          </li>
                          {/*End Single Brand Item*/}
                          {/*Start Single Brand Item*/}
                          <li className="single-brand-item wow fadeInUp" data-wow-delay="800ms" data-wow-duration="1500ms">
                              <a href="#"><img src="/assets/images/brand/Usa.webp" loading="lazy" alt="USA" /></a>
                              <div className="overlay-content">
                                  <p>USA</p>
                              </div>
                          </li>
                          {/*End Single Brand Item*/}
                          {/*Start Single Brand Item*/}
                          <li className="single-brand-item wow fadeInUp" data-wow-delay="800ms" data-wow-duration="1500ms">
                              <a href="#"><img src="/assets/images/brand/Canada.webp" loading="lazy" alt="Canada" /></a>
                              <div className="overlay-content">
                                  <p>Canada</p>
                              </div>
                          </li>
                          {/*End Single Brand Item*/}

                          {/*Start Single Brand Item*/}
                          <li className="single-brand-item wow fadeInUp" data-wow-delay="800ms" data-wow-duration="1500ms">
                              <a href="#"><img src="/assets/images/brand/Europe.webp" loading="lazy" alt="Europe" /></a>
                              <div className="overlay-content">
                                  <p>Europe</p>
                              </div>
                          </li>
                          {/*End Single Brand Item*/}


                      </OwlCarousel>
                  </div>
              </div>
          </div>
      </section>
      {/*End Brand area*/}
      <br />
      <div className="container">
          <div className="sec-title text-center">
              {/* <p>Testimonials</p> */}
              <div className="title">Sectors We Work With </div>
          </div>
          <p className="text-justify">We supply our parts to some of the best-known companies around the world. Our product innovation and development can support you with all your power control solutions. we are very fortunate to have a remarkable team of industry experts that will work closely with you to spearhead your next product design campaign.
          </p>
      </div>
      <div className="container d-flex justify-content-center mt-20">

          <div className="tab-vertical">
              <div className="row ">
                  <div className="col-xl-4 col-lg-6 col-md-4 col-sm-12 ">
                      <ul className="nav nav-tabs" id="myTab3" role="tablist" style={{ marginTop: "32px" }}>
                          <li className="nav-item">
                              <a className="nav-link active" id="home-vertical-tab" data-toggle="tab" href="#home-vertical" role="tab" aria-controls="home" aria-selected="true">INDUCTION</a>
                          </li>
                          <li className="nav-item">
                              <a className="nav-link" id="profile-vertical-tab" data-toggle="tab" href="#profile-vertical" role="tab" aria-controls="profile" aria-selected="false">TRACTION</a>
                          </li>
                          <li className="nav-item">
                              <a className="nav-link" id="contact-vertical-tab" data-toggle="tab" href="#contact-vertical" role="tab" aria-controls="contact" aria-selected="false">CORONA TREATMENT</a>
                          </li>
                          <li className="nav-item">
                              <a className="nav-link" id="contact-vertical-tab" data-toggle="tab" href="#INDUSTRY" role="tab" aria-controls="contact" aria-selected="false">INDUSTRY</a>
                          </li>
                       {/*   <li className="nav-item">
                              <a className="nav-link" id="contact-vertical-tab" data-toggle="tab" href="#DEFENSE" role="tab" aria-controls="contact" aria-selected="false">DEFENSE / GOVERNMENT</a>
                          </li>*/}
                          <li className="nav-item">
                              <a className="nav-link" id="contact-vertical-tab" data-toggle="tab" href="#ENERGY-STORAGE" role="tab" aria-controls="contact" aria-selected="false">ENERGY STORAGE</a>
                          </li>
                          <li className="nav-item">
                              <a className="nav-link" id="contact-vertical-tab" data-toggle="tab" href="#HYDROGEN" role="tab" aria-controls="contact" aria-selected="false">HYDROGEN</a>
                          </li>
                          <li className="nav-item">
                              <a className="nav-link" id="contact-vertical-tab" data-toggle="tab" href="#POWER-QUALITY" role="tab" aria-controls="contact" aria-selected="false">POWER QUALITY</a>
                          </li>
                      </ul>
                  </div>
                  <div className="col-xl-8 col-lg-6 col-md-8 col-sm-12">
                      <div className="tab-content" id="myTabContent3">
                          <div className="tab-pane fade show active" id="home-vertical" role="tabpanel" aria-labelledby="home-vertical-tab">
                              <img src="/assets/images/services/service-single/induction.webp" loading="lazy" alt="Induction" />

                          </div>
                          <div className="tab-pane fade" id="profile-vertical" role="tabpanel" aria-labelledby="profile-vertical-tab">
                              <img src="/assets/images/services/service-single/Traction.webp" loading="lazy" alt="Traction" />
                          </div>
                          <div className="tab-pane fade" id="contact-vertical" role="tabpanel" aria-labelledby="contact-vertical-tab">
                              <img src="/assets/images/services/service-single/Corona-Treatment.webp" loading="lazy" alt="Corona Treatment" />
                          </div>
                          <div className="tab-pane fade" id="INDUSTRY" role="tabpanel" aria-labelledby="contact-vertical-tab">
                              <img src="/assets/images/services/service-single/Industry.webp" loading="lazy" alt="Industry" />
                          </div>
                        {/*  <div className="tab-pane fade" id="DEFENSE" role="tabpanel" aria-labelledby="contact-vertical-tab">
                              <img src="/assets/images/services/service-single/Defense-Government.webp" loading="lazy" alt="DEFENSE" />
                          </div>*/}
                          <div className="tab-pane fade" id="ENERGY-STORAGE" role="tabpanel" aria-labelledby="contact-vertical-tab">
                              <img src="/assets/images/services/service-single/Energy-Storage.webp" loading="lazy" alt="ENERGY STORAGE" />
                          </div>
                          <div className="tab-pane fade" id="HYDROGEN" role="tabpanel" aria-labelledby="contact-vertical-tab">
                              <img src="/assets/images/services/service-single/Hydrogen.webp" loading="lazy" alt="Hydrogen" />
                          </div>
                          <div className="tab-pane fade" id="POWER-QUALITY" role="tabpanel" aria-labelledby="contact-vertical-tab">
                              <img src="/assets/images/services/service-single/Power-Quality.webp" loading="lazy" alt="POWER-QUALITY" />
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>


      <section className="slogan-area" style={{ marginTop: "32px" }}>
          <div className="container">
              <div className="row">
                  <div className="col-xl-12">
                      <div className="inner-content flex-box-two fix">
                          <div className="title float-left">
                              <h3> Online Support Request </h3>
                              <p className="text-justify text-white">Our engineering team is here to help with product recommendations, <br /> design assistance and troubleshooting your projects. All you need to do is ask.</p>
                          </div>
                          <div className="button float-right">
                              <a className="btn-one" href="#">Get Support<span className="flaticon-next"></span></a>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </section>

      {/*Start services style1 area*/}
      <section className="services-style1-area">
          <div className="container">
              <div className="sec-title with-text max-width text-center wow fadeInDown" data-wow-delay="100ms" data-wow-duration="1200ms">
                  {/* <p>What We Do</p> */}
                  <div className="title">Companies We Work With </div>
              </div>

              <div className="container-fluid">
                  <div className="row ">
                      <div className="col-sm-2  col-12">
                      <img src="/assets/images/icon/icon-image/eera-energy.png" loading="lazy" alt="eera-energy" style={{ width: "100px" }} />      
                      </div>
                      <div className="col-sm-2   col-12">
                      <img src="/assets/images/icon/icon-image/accurate-group.jpg" loading="lazy" alt="accurate-group" />

                      </div>
                      <div className="col-sm-2 col-12">
                      <img src="/assets/images/icon/icon-image/heatr-therm.png" loading="lazy" alt="heatr-therm"style={{ marginTop: "19px" }} />

                      </div>
                      <div className="col-sm-2  col-12">
                      <img src="/assets/images/icon/icon-image/raychem.png" loading="lazy" alt="raychem"style={{ marginTop: "15px" }} />

                      </div>
                      <div className="col-sm-2  col-12">
                      <img src="/assets/images/icon/icon-image/interpower.png" loading="lazy" alt="induction" style={{ width: "100px" }} />

                      </div>
                      <div className="col-sm-2  col-12">
                      <img src="/assets/images/icon/icon-image/ie.png" loading="lazy" alt="ie" />

                      </div>

                  </div>
                  <div className="row ">
                      <div className="col-sm-2  col-12">
                      <img src="/assets/images/icon/icon-image/indo-power.png" loading="lazy" alt="indo-power"  style={{ width: "110px", marginTop: "25px" }} />

                      </div>
                      <div className="col-sm-2   col-12">
                      <img src="/assets/images/icon/icon-image/streamline.png" loading="lazy" alt="streamline"style={{ width: "100px", marginTop: "3px" }} />

                      </div>
                      <div className="col-sm-2 col-12">
                      <img src="/assets/images/icon/icon-image/tdk.png" loading="lazy" alt="tdk" style={{ width: "100px", marginTop: "28px" }} />

                      </div>
                      <div className="col-sm-2  col-12">
                      <img src="/assets/images/icon/icon-image/plasma.png" loading="lazy" alt="plasma"style={{ width: "130px", marginTop: "25px" }} />

                      </div>
                      <div className="col-sm-2  col-12">
                      <img src="/assets/images/icon/icon-image/psg.png" loading="lazy" alt="psg" style={{ width: "110px", marginTop: "25px" }} />

                      </div>
                      <div className="col-sm-2  col-12">
                      <img src="/assets/images/icon/icon-image/effee.png" loading="lazy" alt="effee" style={{ width: "110px", marginTop: "25px" }} />

                      </div>

                  </div>
                  <div className="row ">
                      <div className="col-sm-2  col-12">
                      <img src="/assets/images/icon/icon-image/mediaa.jpg" loading="lazy" alt="mediaa"style={{ width: "110px", marginTop: "15px" }} />

                      </div>
                      <div className="col-sm-2   col-12">
                      <img src="/assets/images/icon/icon-image/metro.png" loading="lazy" alt="metro"style={{ width: "110px", marginTop: "20px" }} />
                      </div>
                      <div className="col-sm-2 col-12">
                      <img src="/assets/images/icon/icon-image/prostarm.png" loading="lazy" alt="prostarm"style={{ width: "110px", marginTop: "20px" }} />

                      </div>
                      <div className="col-sm-2  col-12">
                      <img src="/assets/images/icon/icon-image/cg-power.jpg" loading="lazy" alt="cg-power" style={{ width: "110px", marginBottom: "25px" }} />
                      </div>
                      <div className="col-sm-2  col-12">
                      <img src="/assets/images/icon/icon-image/plasma-research.png" loading="lazy" alt="plasma-research"style={{ width: "110px" }} />
                      </div>
                      <div className="col-sm-2  col-12">
                      <img src="/assets/images/icon/icon-image/aban.png" loading="lazy" alt="aban" style={{ width: "100px", marginBottom: "25px" }} />
                      </div>
                  </div>



                  <div className="row">
                      <div className="col-xs-6">
                          <div className="row">
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/renew-power.jpg" loading="lazy" alt="renew-power" style={{ marginTop: "22px", width: "100px", marginBottom: "20px", marginRight: "50px", marginLeft: "20px" }} />
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/eletropower.png" loading="lazy" alt="eletropower" style={{ width: "100px", marginRight: "35px" }} />
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/accumax.png" loading="lazy" alt="accumax" style={{ width: "100px", marginTop: "22px", marginRight: "90px" }} />
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/aplab.jpg" loading="lazy" alt="aplab" style={{ width: "60px", marginTop: "23px", marginRight: "110px" }} />
                              </div>
                          </div>
                      </div> 
                      <div className="col-xs-6">
                          <div className="row">
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/shakti.png" loading="lazy" alt="shakti" style={{ width: "85px", marginTop: "10px", marginRight: "60px" }} /> 
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/em.jpg" loading="lazy" alt="em" style={{ width: "60px", marginTop: "10px", marginRight: "70px" }} />
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/power.png" loading="lazy" alt="power" style={{ width: "60px", marginRight: "55px" }} />
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/pdeu.png" loading="lazy" alt="pdeu" style={{ width: "60px", marginRight: "45px" }} />

                              </div>
                          </div>
                      </div>
                  </div>


                  <div className="row">
                      <div className="col-xs-6">
                          <div className="row">
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/aela.png" loading="lazy" alt="aela" style={{ width: "70px", marginBottom: "20px", marginRight: "78px", marginTop: "3px", marginLeft: "18px" }} />
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/electrotech.jpg" loading="lazy" alt="electrotech" style={{ width: "100px", marginRight: "15   px", paddingBottom: "55px", marginTop: "3px" }} />
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/saapl.png" loading="lazy" alt="saapl" style={{ width: "73px", marginTop: "3px", marginLeft: "30px", marginRight: "100px" }} />
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/induction-1.png" loading="lazy" alt="induction-1"style={{ width: "60px", marginTop: "3px", marginRight: "115px", marginLeft: "10px" }} />
                              </div>
                          </div>
                      </div> 
                      <div className="col-xs-6">
                          <div className="row">
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/svni.png" loading="lazy" alt="svni" style={{ width: "70px", marginBottom: "20px", marginRight: "78px", marginTop: "3px", marginLeft: "px" }} /> 
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/utl.jpg" loading="lazy" alt="utl" style={{ width: "65px", marginTop: "15px", marginRight: "69px" }} />
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/cdac.png" loading="lazy" alt="cdac" style={{ width: "60px", marginTop: "20px", marginRight: "65px" }} />
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/bhel.png" loading="lazy" alt="bhel" style={{ width: "60px", marginTop: "20px", marginRight: "40px" }} />
                              </div>
                          </div>
                      </div>
                  </div>


                  <div className="row">
                      <div className="col-xs-6">
                          <div className="row">
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/tar.jpg" loading="lazy" alt="tar" style={{ width: "70px", marginBottom: "20px", marginRight: "78px", marginTop: "3px", marginLeft: "18px" }} />
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/el-tech.png" loading="lazy" alt="el-tech" style={{ width: "60px", marginRight: "39px", paddingBottom: "55px", marginTop: "3px" }} />
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/barc.png" loading="lazy" alt="barc" style={{ width: "73px", marginTop: "3px", marginLeft: "30px", marginRight: "110px" }} />
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/zeonics-systech.png" loading="lazy" alt="zeonics-systech" style={{ width: "60px", marginTop: "3px", marginRight: "115px", marginLeft: "10px" }} />
                              </div>
                          </div>
                      </div> 
                      <div className="col-xs-6">
                          <div className="row">
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/iit.png" loading="lazy" alt="iit" style={{ width: "70px", marginBottom: "20px", marginRight: "78px", marginTop: "3px", marginLeft: "px" }} /> 
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/induction.jpg" loading="lazy" alt="induction" style={{ width: "65px", marginTop: "15px", marginRight: "69px" }} />
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/aal.jpg" loading="lazy" alt="aal" style={{ width: "95px", marginTop: "20px", marginRight: "30px" }} />
                              </div>
                              <div className="col-xs-3">
                              <img src="/assets/images/icon/icon-image/ed.png" loading="lazy" alt="ed" style={{ width: "60px", marginTop: "20px", marginRight: "45px" }} />
                              </div>
                          </div>
                      </div>
                  </div>

          </div>
      </div></section>
      {/*End services style1 area*/}


      {/*Start Testimonial Style2 Area*/}
      <section className="testimonial-style2-area">
          <div className="container">
              <div className="sec-title text-center">
                  {/* <p>Testimonials</p> */}
                  <div className="title">Customer Reviews and Testimonials</div>
              </div>
              <div className="row">
                  <div className="col-xl-12 col-lg-12">
                          <div className="testimonial-style2-content">
                              <OwlCarousel
                                  className="testimonial-carousel owl-theme"
                                  responsive={{ 0: { items: 1 }, 600: { items: 1 }, 800: { items: 1 }, 1024: { items: 1 }, 1100: { items: 1 }, 1200: { items: 1 } }}
                                  margin={30}
autoplay={10000}
                                  smartSpeed={1000}
                              >
                              {/*Start Single Testimonial style2*/}
                              <div className="single-testimonial-style2 text-center">
                                  <div className="inner-content">
                                      <div className="static-content">
                                          <div className="quote-icon">
                                              <span className="icon-quote3"></span>
                                          </div>
                                          <div className="text-box">
                                              <p className="text-justify">The company exhibits exceptional customer-centricity, offering a range of innovative and high-quality products. Their workmanship is of an outstanding standard, and their systematic approach to research and development is commendable.</p>
                                          </div>
                                          <div className="client-info">
                                              <div className="review-box">
                                                  <ul>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                  </ul>
                                              </div>
                                              <h3>Scientific Officer</h3>
                                              <span> - D, Atmospheric Plasma Division, IPR, Gandhinagar</span>
                                          </div>
                                      </div>
                                      <div className="overlay-content">
                                          <div className="img-box">
                                              <img src="/assets/images/testimonial/ipr-gandhinager.png" loading="lazy" alt="Awesome Image" />
                                          </div>
                                          <div className="text-box">
                                              <p className="text-justify">The company exhibits exceptional customer-centricity, offering a range of innovative and high-quality products. Their workmanship is of an outstanding standard, and their systematic approach to research and development is commendable.</p>
                                              <div className="quote-icon">
                                                  <span className="icon-quote3"></span>
                                              </div>
                                          </div>
                                          <div className="client-info">
                                              <div className="review-box">
                                                  <ul>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                  </ul>
                                              </div>
                                              <h3>Scientific Officer</h3>
                                              <span> - D, Atmospheric Plasma Division, IPR, Gandhinagar</span>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              {/*End Single Testimonial style2 */}

                              {/*Start Single Testimonial style2*/}
                              <div className="single-testimonial-style2 text-center">
                                  <div className="inner-content">
                                      <div className="static-content">
                                          <div className="quote-icon">
                                              <span className="icon-quote3"></span>
                                          </div>
                                          <div className="text-box">
                                              <p className="text-justify">Works well with our needs and solving our problems with wide innovative latest range of product.</p>
                                          </div>
                                          <div className="client-info">
                                              <div className="review-box">
                                                  <ul>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                  </ul>
                                              </div>
                                              <h3>Owner</h3>
                                              <span>- Electrotech Industries</span>
                                          </div>
                                      </div>
                                      <div className="overlay-content">
                                          <div className="img-box">
                                              <img src="/assets/images/testimonial/electrotech-ind.png" loading="lazy" alt="Awesome Image" />
                                          </div>
                                          <div className="text-box">
                                              <p className="text-justify">Works well with our needs and solving our problems with wide innovative latest range of product.</p>
                                              <div className="quote-icon">
                                                  <span className="icon-quote3"></span>
                                              </div>
                                          </div>
                                          <div className="client-info">
                                              <div className="review-box">
                                                  <ul>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                  </ul>
                                              </div>
                                              <h3>Owner</h3>
                                              <span>- Electrotech Industries</span>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              {/*End Single Testimonial style2 */}

                              {/*Start Single Testimonial style2*/}
                              <div className="single-testimonial-style2 text-center">
                                  <div className="inner-content">
                                      <div className="static-content">
                                          <div className="quote-icon">
                                              <span className="icon-quote3"></span>
                                          </div>
                                          <div className="text-box">
                                              <p className="text-justify">We have been working with PPSL (Former name RAM ENTERPRISE) from last 5 years. They have great knowledge & expertise in the filed of Power Electronics. PPSL has helped us in various power Electronics solutions. Thanks to PPSL!!</p>
                                          </div>
                                          <div className="client-info">
                                              <div className="review-box">
                                                  <ul>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                  </ul>
                                              </div>
                                              <h3>Director</h3>
                                              <span>- Interpower Induction Pvt.Ltd</span>
                                          </div>
                                      </div>
                                      <div className="overlay-content">
                                          <div className="img-box">
                                              <img src="/assets/images/testimonial/Suraaj-Doshi.png" loading="lazy" alt="Suraaj Doshi" />
                                          </div>
                                          <div className="text-box">
                                              <p className="text-justify">We have been working with PPSL (Former name RAM ENTERPRISE) from last 5 years. They have great knowledge & expertise in the filed of Power Electronics. PPSL has helped us in various power Electronics solutions. Thanks to PPSL!!</p>
                                              <div className="quote-icon">
                                                  <span className="icon-quote3"></span>
                                              </div>
                                          </div>
                                          <div className="client-info">
                                              <div className="review-box">
                                                  <ul>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                  </ul>
                                              </div>
                                              <h3>Director</h3>
                                              <span>- Interpower Induction Pvt.Ltd</span>
                                          </div>
                                      </div>
                                  </div>
                              </div>

                              <div className="single-testimonial-style2 text-center">
                                  <div className="inner-content">
                                      <div className="static-content">
                                          <div className="quote-icon">
                                              <span className="icon-quote3"></span>
                                          </div>
                                          <div className="text-box">
                                              <p className="text-justify">The company has been doing very good work in the field of power electronics which is rare in India and has good manufacturing practices to provide reliable products in time. This is to wish them all the best!</p>
                                          </div>
                                          <div className="client-info">
                                              <div className="review-box">
                                                  <ul>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                  </ul>
                                              </div>
                                              <h3>Director</h3>
                                              <span>- P2 Power Solutions Pvt. Ltd</span>
                                          </div>
                                      </div>
                                      <div className="overlay-content">
                                          <div className="img-box">
                                              <img src="/assets/images/testimonial/P2-Power-Solutions.png" alt="Awesome Image" />
                                          </div>
                                          <div className="text-box">
                                              <p className="text-justify">The company has been doing very good work in the field of power electronics which is rare in India and has good manufacturing practices to provide reliable products in time. This is to wish them all the best!</p>
                                              <div className="quote-icon">
                                                  <span className="icon-quote3"></span>
                                              </div>
                                          </div>
                                          <div className="client-info">
                                              <div className="review-box">
                                                  <ul>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                      <li><i className="fa fa-star"></i></li>
                                                  </ul>
                                              </div>
                                              <h3>Director</h3>
                                              <span>- P2 Power Solutions Pvt. Ltd</span>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              {/*End Single Testimonial style2 */}
                          </OwlCarousel>
                      </div>
                  </div>
              </div>
          </div>
      </section>

      <section className="slogan-area" style={{ marginTop: "32px" }}>
          <div className="container">
              <div className="row">
                  <div className="col-xl-12">
                      <div className="inner-content flex-box-two fix">
                          <div className="title float-left">
                              <h3 style={{ fontSize: "32px" }}>Contact Us Today!</h3>
                              <p className="text-justify text-white">For more information, please complete the form or send us an e-mail. <br />We will reply to your inquiry as soon as possible.</p>
                          </div>
                          <div className="button float-right">
                              <a className="btn-one" href="#">Contact Us<span className="flaticon-next"></span></a>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </section>

      <style>{"\n    a:hover {\n        color: #ff407b;\n        text-decoration: none;\n    }\n\n    a:active,\n    a:hover {\n        outline: 0;\n        text-decoration: none;\n    }\n\n    @media only screen and (max-width: 600px) {\n        .text {\n            margin-top: 6px;\n        }\n    }\n\n    @media only screen and (max-width: 479px) {\n        .main-slider.style2 .slide-content .big-title {\n            font-size: 11px;\n            line-height: 1.3em;\n            font-weight: 600;\n        }\n    }\n\n    @media only screen and (max-width: 479px) {\n\n        .tp-parallax-wrap {\n            top: 50px !important;\n        }\n    }\n    .tp-parallax-wrap {\n    top: 95px !important;\n}\n   \n   \n\\n"}</style>

    
    
    
    
    </div>
  );
}