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

export const metadata: Metadata = {
  title: "Paramvir Power Solutions LLP",
  description: "Paramvir Power Solutions LLP - Power Electronics, Power Stack, Analog and Digital, Micro Controllers and DSP based designs.",
  keywords: "",
};

export default async function Page({
  searchParams,
}: {
  searchParams: Promise<{ success?: string; error?: string }>;
}) {
  const params = await searchParams;
  return (
    <div>

      <Style3Slider>
          <div>

                          <img loading="lazy" alt="" className="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="" src="/assets/images/slides/Power-banner.webp" />
                          <div className="slide-content left-slide">
                                  <div className="breadcrumb-menu float-left">
                                      <ul className="clearfix bread-clearfix">
                                          <li className="firstli"><a href="https://www.paramvirpower.com/">Home</a></li>
                                          <li className="active">Power Stack Design</li>
                                      </ul>
                                  </div>
                          </div>
          </div>

          <div>

                          <img loading="lazy" alt="" className="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="" src="/assets/images/slides/Power-banner-1.webp" />
                          <div className="slide-content left-slide">
                                  <div className="breadcrumb-menu float-left">
                                      <ul className="clearfix bread-clearfix">
                                          <li className="firstli"><a href="https://www.paramvirpower.com/">Home</a></li>
                                          <li className="active">Power Stack Design</li>
                                      </ul>
                                  </div>
                          </div>

          </div>

          <div>

                          <img loading="lazy" alt="" className="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="" src="/assets/images/slides/Power-banner-2.webp" />
                          <div className="slide-content left-slide">
                              <div className="breadcrumb-menu float-left">
                                  <ul className="clearfix bread-clearfix">
                                      <li className="firstli"><a href="https://www.paramvirpower.com/">Home</a></li>
                                      <li className="active">Power Stack Design</li>
                                  </ul>
                              </div>
                          </div>

          </div>
          <div>

                          <img loading="lazy" alt="" className="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="" src="/assets/images/slides/Power-banner-3.webp" />
                          <div className="slide-content left-slide">
                              <div className="breadcrumb-menu float-left">
                                  <ul className="clearfix bread-clearfix">
                                      <li className="firstli"><a href="https://www.paramvirpower.com/">Home</a></li>
                                      <li className="active">Power Stack Design</li>
                                  </ul>
                              </div>
                          </div>

          </div>
      </Style3Slider>

      {/*Start Single Service Area*/}
      <section className="single-service-area-service">
          <div className="container">
              <div className="tab-vertical">
                  <div className="row">
                      <div className="col-xl-4 col-lg-5 col-md-12 col-sm-12">
                          <div className="single-service-sidebar">

                              <div className="single-sidebar">
                                  <ul className="nav nav-tabs" id="myTab3" role="tablist" style={{ marginTop: "32px" }}>
                                      <li className="nav-item">
                                          <a className="nav-link active" id="IGBT-tab" data-toggle="tab" href="#IGBT" role="tab" aria-controls="home" aria-selected="true">IGBT Based Converters</a>
                                      </li>
                                      <li className="nav-item">
                                          <a className="nav-link" id="SCR-tab" data-toggle="tab" href="#SCR" role="tab" aria-controls="SCR" aria-selected="false">Diode / SCR Based Rectifier</a>
                                      </li>
                                      <li className="nav-item">
                                          <a className="nav-link" id="DC-DC-tab" data-toggle="tab" href="#DC-DC" role="tab" aria-controls="DC-DC" aria-selected="false">DC-DC Converter</a>
                                      </li>
                                      <li className="nav-item">
                                          <a className="nav-link" id="ACVR-tab" data-toggle="tab" href="#ACVR" role="tab" aria-controls="ACVR" aria-selected="false">SCR Based ACVR Stacks</a>
                                      </li>
                                  </ul>
                              </div>

                          </div>
                          <div className="single-service-sidebar">
                          <img src="/assets/images/services/make-in-india.webp" alt="" />
                          {/* <img src="https://via.placeholder.com/350x200.png" alt="" className="img-fluid" /> */}
                          </div>
                      </div>

                      <div className="col-xl-8 col-lg-7 col-md-12 col-sm-12">

      							{params.success && (
      								<div className="alert alert-success">Data Submit Sucessfully</div>
      							)}

      							{params.error && (
      								<div className="alert alert-danger">Something When Wrong</div>
      							)}

                          <div className="tab-content" id="myTabContent3">
                              <div className="tab-pane fade show active" id="IGBT" role="tabpanel" aria-labelledby="IGBT-tab">
                                  <h2 className="text-center">IGBT Based Converter</h2>
                                  <div className="single-service-top pt-3">
                                      <p className="text-justify">Stack normally consist of mechanical mounting plate, Semiconductor device (IGBT/SIC Mosfet modules), Drivers, heatsink, DC Link capacitor, Sandwich Busbar, Snubbers, Fan and thermal sensor.</p>
                                      <p className="text-justify">For IGBT PWM Controllers please refer our universal control card page.</p>
                                      <p className="text-justify">Magnetic components like Choke, Transformers & other electrical loose parts are not in PPSL’s scope of supply.</p>
                                  </div>

                                  <div className="advantages-content">
                                      <div className="row">
                                          {/*Start Single Advantages Box*/}
                                          <div className="col-xl-3 col-lg-6 col-md-6">
                                              <div className="single-advantages-box">

                                                  <img src="/assets/images/services/2-Level-B2I.webp" alt="" />


                                              </div>
                                              <div className="title text-center">
                                                  <p><b>2-Level (B2I)</b></p>
                                              </div>
                                          </div>
                                          {/*End Single Advantages Box*/}
                                          {/*Start Single Advantages Box*/}
                                          <div className="col-xl-3 col-lg-6 col-md-6">
                                              <div className="single-advantages-box">
                                                  <img src="/assets/images/services/2-Level-B6I.webp" alt="" />
                                              </div>
                                              <div className="title text-center">
                                                  <p><b>2-Level (B6I)</b></p>
                                              </div>
                                          </div>
                                          {/*End Single Advantages Box*/}
                                          {/*Start Single Advantages Box*/}
                                          <div className="col-xl-3 col-lg-6 col-md-6">
                                              <div className="single-advantages-box">
                                                  <img src="/assets/images/services/3-Level-I-TYPE.webp" alt="" />
                                              </div>
                                              <div className="title text-center">
                                                  <p><b>3-Level (I-TYPE)</b></p>
                                              </div>
                                          </div>
                                          {/*End Single Advantages Box*/}
                                          {/*Start Single Advantages Box*/}
                                          <div className="col-xl-3 col-lg-6 col-md-6">
                                              <div className="single-advantages-box">
                                                  <img src="/assets/images/services/3-Level-T-TYPE.webp" alt="" />
                                              </div>
                                              <div className="title text-center">
                                                  <p><b>3-Level (T-TYPE)</b></p>
                                              </div>
                                          </div>
                                          {/*End Single Advantages Box*/}
                                      </div>
                                  </div>
                                  <div className="advantages-content pt-4">
                                      <div className="row">
                                          {/*Start Single Advantages Box*/}
                                          <div className="col-xl-6 col-lg-6 col-md-6">
                                              <div className="single-advantages-box">
                                                  <img src="/assets/images/services/2-Level-B6IBOOST.webp" alt="" />
                                              </div>
                                              <div className="title text-center">
                                                  <p><b>2-Level (B6I+BOOST)</b></p>
                                              </div>
                                          </div>
                                          {/*End Single Advantages Box*/}
                                          {/*Start Single Advantages Box*/}
                                          <div className="col-xl-6 col-lg-6 col-md-6">
                                              <div className="single-advantages-box">
                                                  <img src="/assets/images/services/2-Level-B6IBUCK.webp" alt="" />
                                              </div>
                                              <div className="title text-center">
                                                  <p><b>2-Level (B2I+BUCK)</b></p>
                                              </div>
                                          </div>
                                          {/*End Single Advantages Box*/}
                                      </div>
                                  </div>
                                  <section className="login-register-area">
                                      <div className="container">
                                          <div className="row">
                                              <div className="col-xl-12 col-lg-12 col-md-12 col-sm-12" style={{ boxShadow: "rgba(0, 0, 0, 0.16) 0px 1px 4px" }}>

                                                  <form action="/power-stack-design-form-data/" method="post" className="p-4">
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Company Name *</label>
                                                          <input type="text" className="form-control" name="company_name" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Phone No</label>
                                                          <input type="number" className="form-control" name="number" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Email *</label>
                                                          <input type="email" className="form-control" name="email" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Project *</label>
                                                          <input type="text" className="form-control" name="project_name" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputState">Application details</label>
                                                          <select id="inputState" className="form-control" name="application_details"  defaultValue="-- Select --">
                                                              <option disabled>-- Select --</option>
                                                              <option value="Wind">Wind</option>
                                                              <option value="Solar">Solar</option>
                                                              <option value="Welding">Welding</option>
                                                              <option value="Induction">Induction</option>
                                                              <option value="Industrial">Industrial</option>
                                                              <option value="Energy Storage">Energy Storage</option>
                                                              <option value="UPS">UPS</option>
                                                              <option value="Plasma">Plasma</option>
                                                              <option value="Corona treater">Corona treater</option>
                                                              <option value="Defence">Defence</option>
                                                              <option value="Teaching Institution">Teaching Institution</option>
                                                              <option value="R&D Lab">R&D Lab</option>
                                                          </select>

                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputState">Configuration *</label>
                                                          <select id="inputState" className="form-control" name="configuration" required defaultValue="">
                                                              <option value="" disabled>-- Select --</option>
                                                              <option value="B2I">B2I</option>
                                                              <option value="B6I">B6I</option>
                                                              <option value="B6I BUCK">B6I BUCK</option>
                                                              <option value="B6I BOOST">B6I BOOST</option>
                                                              <option value="3L-I type">3L-I type</option>
                                                              <option value="3L-T type">3L-T type</option>
                                                          </select>
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">DC Voltage *</label>
                                                          <input type="text" name="DC_voltage" className="form-control" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Output AC Voltage</label>
                                                          <input type="text" name="output_ac_voltage" className="form-control" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Output AC Current * </label>
                                                          <input type="text" name="output_ac_current" className="form-control" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputState">PWM Topology *</label>
                                                          <select id="inputState" className="form-control" name="pwm_topology" required defaultValue="">
                                                              <option value="" disabled>-- Select --</option>
                                                              <option value="Quasi Square">Quasi Square</option>
                                                              <option value="Sine-triangle">Sine-triangle</option>
                                                              <option value="ZCS">ZCS</option>
                                                              <option value="ZVS">ZVS</option>
                                                              <option value="Space-vector">Space-vector</option>
                                                              <option value="3-level">3-level</option>
                                                          </select>
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Switching Frequency * </label>
                                                          <input type="text" className="form-control" name="switching_frequency" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Fundamental Output Frequency</label>
                                                          <input type="text" value="50 Hz" className="form-control" name="fundamental_output_frequency" id="inputproject" readOnly />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputState">Type of cooling</label>
                                                          <select id="inputState" className="form-control" name="cooling" defaultValue="Type of cooling">
                                                              <option disabled>Type of cooling</option>
                                                              <option value="Forced Air cooled">Forced Air cooled</option>
                                                              <option value="Water cooled">Water cooled</option>
                                                              <option value="Natural cooled">Natural cooled</option>
                                                          </select>
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Ambient Temperature(in case of natural cooled) / Air Inlet Temperature(in case of forced air cooled)</label>
                                                          <input type="text" name="ambient_temperature" className="form-control" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Duty class / Overload</label>
                                                          <select id="inputState" className="form-control" name="duty_class" defaultValue="-- Select --">
                                                              <option disabled>-- Select --</option>
                                                              <option value="100% Continuous">100% Continuous</option>
                                                              <option value="100% Continuous,  150% for 1 minute">100% Continuous,  150% for 1 minute</option>
                                                              <option value="100% Continuous, 150% for 2 minutes, 200% for 10 seconds">100% Continuous, 150% for 2 minutes, 200% for 10 seconds</option>
                                                              <option value="100% Continuous, 125% for 2 hours, 200% for 10 seconds">100% Continuous, 125% for 2 hours, 200% for 10 seconds</option>
                                                              <option value="100% Continuous, 150% for 2 hours, 200% for 1 minute">100% Continuous, 150% for 2 hours, 200% for 1 minute</option>
                                                              <option value="100% Continuous, 150% for 2 hours, 300% for 1 minute">100% Continuous, 150% for 2 hours, 300% for 1 minute</option>
                                                          </select>
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Stack</label>                                                  
                                                          <select id="inputState" className="form-control" name="single_parallel_stack" defaultValue="-- Select --">
                                                              <option disabled>-- Select --</option>
                                                              <option value="Single stack">Single stack</option>
                                                              <option value="Parallel stack">Parallel stack</option>
                                                          </select>
                                                      </div>   
                                                      {/* <div className="form-group">
                                                          <label htmlFor="inputAddress">Teaching Institution / R&D Lab / Industrial use</label>
                                                          <input type="text" name="teaching_institution" className="form-control" id="inputproject" placeholder="Teaching Institution" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Circuit diagram</label>
                                                          <input type="text" name="circuit_diagram" className="form-control" id="inputproject" placeholder="Circuit diagram" />
                                                      </div> */}
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Total No of stacks</label>
                                                          <input type="text" name="stacks_needed" className="form-control" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Any special requirements</label>                                                  
                                                          <textarea className="form-control" name="requirements" id = "exampleFormControlTextarea1" rows={3}></textarea>            
                                                      </div>
                                                      <input type="hidden" id="token" name="token" />
                                                      <button type="submit" className="btn btn-primary" style={{ background: "#f8821f", border: "#f8821f" }}>Submit</button>
                                                  </form>
                                              </div>


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


                              </div>
                              <div className="tab-pane fade" id="SCR" role="tabpanel" aria-labelledby="SCR-tab">
                                  <h2 className="text-center">Diode / SCR Based Rectifier</h2>
                                  <div className="single-service-top pt-3">
                                      <p className="text-justify">Stack normally consists of Diodes / SCR’s (modules / capsules), Heat Sinks, Fuses, Fan, RC Snubbers, Bus bar and Thermal Trip etc. </p>
                                      <p className="text-justify">For SCR Firing controller, Pulse transformer Firing cards please refer our universal control card page.</p>
                                      <p className="text-justify">Magnetic components like Choke, Transformers & other electrical loose parts are not in PPSL’s scope of supply.</p>
                                          {/* <img src="/assets/images/services/Diode-SCR-Based-Rectifier.webp" alt="Diode / SCR Based Rectifie" /> */}
                                          <div className="text-center">
                                              <p style={{ color: "black" }}><b>Single Phase Line</b></p>
                                          </div>
                                          <div className="row">
                                              {/*Start Single Advantages Box*/}
                                              <div className="col-xl-4 col-lg-6 col-md-6">
                                                  <div className="single-advantages-box">

                                                      <img src="/assets/images/services/uncontrolled-rectifier-bridge.png" alt="" />


                                                  </div>
                                              </div>
                                              {/*End Single Advantages Box*/}
                                              {/*Start Single Advantages Box*/}
                                              <div className="col-xl-4 col-lg-6 col-md-6">
                                                  <div className="single-advantages-box">
                                                      <img src="/assets/images/services/half-uncontrolled-rectifier-bridge.png" alt="" />
                                                  </div>
                                              </div>
                                              <div className="col-xl-4 col-lg-6 col-md-6">
                                                  <div className="single-advantages-box">

                                                      <img src="/assets/images/services/controlled-rectifier-bridge.png" alt="" />


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

                                      <div className="text-center pt-4">
                                              <p style={{ color: "black" }}><b>Three Phase Line</b></p>
                                          </div>
                                      <div className="row pt-2">
                                          {/*End Single Advantages Box*/}
                                          {/*Start Single Advantages Box*/}
                                          <div className="col-xl-4 col-lg-6 col-md-6">
                                              <div className="single-advantages-box">
                                                  <img src="/assets/images/services/three-phase-1.png" alt="" />
                                              </div>
                                          </div>
                                          {/*End Single Advantages Box*/}
                                          {/*Start Single Advantages Box*/}
                                          <div className="col-xl-4 col-lg-6 col-md-6">
                                              <div className="single-advantages-box">
                                                  <img src="/assets/images/services/three-phase-2.png" alt="" />
                                              </div>
                                          </div>
                                          {/*End Single Advantages Box*/}
                                           {/*Start Single Advantages Box*/}
                                           <div className="col-xl-4 col-lg-6 col-md-6">
                                              <div className="single-advantages-box">
                                                  <img src="/assets/images/services/three-phase-3.png" alt="" />
                                              </div>
                                          </div>
                                          {/*End Single Advantages Box*/}  

                                      </div>


                                  </div>
                                  <section className="login-register-area">
                                      <div className="container">
                                          <div className="row">
                                              <div className="col-xl-12 col-lg-12 col-md-12 col-sm-12" style={{ boxShadow: "rgba(0, 0, 0, 0.16) 0px 1px 4px" }}>

                                                  <form action="/power-stack-design-SCR-form-data/" method="post" className="p-4">
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Company Name *</label>
                                                          <input type="text" className="form-control" name="company_name" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Phone No</label>
                                                          <input type="number" className="form-control" name="number" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Email *</label>
                                                          <input type="email" className="form-control" name="email" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Project *</label>
                                                          <input type="text" className="form-control" name="project_name" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputState">Application details</label>
                                                          <select id="inputState" className="form-control" name="application_details"  defaultValue="-- Select --">
                                                              <option disabled>-- Select --</option>
                                                              <option value="Wind">Wind</option>
                                                              <option value="Solar">Solar</option>
                                                              <option value="Welding">Welding</option>
                                                              <option value="Induction">Induction</option>
                                                              <option value="Industrial">Industrial</option>
                                                              <option value="Energy Storage">Energy Storage</option>
                                                              <option value="UPS">UPS</option>
                                                              <option value="Plasma">Plasma</option>
                                                              <option value="Corona treater">Corona treater</option>
                                                              <option value="Defence">Defence</option>
                                                              <option value="Teaching Institution">Teaching Institution</option>
                                                              <option value="R&D Lab">R&D Lab</option>
                                                          </select>

                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputState">Configuration *</label>
                                                          <select id="inputState" className="form-control" name="configuration" required defaultValue="">
                                                              <option value="" disabled>-- Select --</option>
                                                              <option value="1-PH Uncontrolled rectifier">1-PH Uncontrolled Rectifier</option>
                                                              <option value="1-PH Half Controlled rectifier">1-PH Half Controlled rectifier</option>
                                                              <option value="1-PH Full Controlled rectifier">1-PH Full Controlled rectifier</option>
                                                              <option value="3-PH Uncontrolled rectifier">3-PH Uncontrolled rectifier</option>
                                                              <option value="3-PH Half Controlled rectifier">3-PH Half Controlled rectifier</option>
                                                              <option value="3-PH Full Controlled rectifier">3-PH Full Controlled rectifier</option>
                                                          </select>
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Input AC Voltage</label>
                                                          <input type="text" name="input_ac_voltage" className="form-control" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Output DC Voltage</label>
                                                          <input type="text" name="output_dc_voltage" className="form-control" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Output DC Current</label>
                                                          <input type="text" name="output_dc_current" className="form-control" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputState">Type of cooling</label>
                                                          <select id="inputState" className="form-control" name="cooling" defaultValue="Type of cooling">
                                                              <option disabled>Type of cooling</option>
                                                              <option value="Forced Air cooled">Forced Air cooled</option>
                                                              <option value="Water cooled">Water cooled</option>
                                                              <option value="Natural cooled">Natural cooled</option>
                                                          </select>
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Ambient Temperature(in case of natural cooled) / Air Inlet Temperature(in case of forced air cooled)</label>
                                                          <input type="text" name="ambient_temperature" className="form-control" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Duty class / Overload</label>
                                                          <select id="inputState" className="form-control" name="duty_class" defaultValue="-- Select --">
                                                              <option disabled>-- Select --</option>
                                                              <option value="100% Continuous">100% Continuous</option>
                                                              <option value="100% Continuous,  150% for 1 minute">100% Continuous,  150% for 1 minute</option>
                                                              <option value="100% Continuous, 150% for 2 minutes, 200% for 10 seconds">100% Continuous, 150% for 2 minutes, 200% for 10 seconds</option>
                                                              <option value="100% Continuous, 125% for 2 hours, 200% for 10 seconds">100% Continuous, 125% for 2 hours, 200% for 10 seconds</option>
                                                              <option value="100% Continuous, 150% for 2 hours, 200% for 1 minute">100% Continuous, 150% for 2 hours, 200% for 1 minute</option>
                                                              <option value="100% Continuous, 150% for 2 hours, 300% for 1 minute">100% Continuous, 150% for 2 hours, 300% for 1 minute</option>

                                                          </select>
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Stack</label>                                                  
                                                          <select id="inputState" className="form-control" name="single_parallel_stack" defaultValue="-- Select --">
                                                              <option disabled>-- Select --</option>
                                                              <option value="Single stack">Single stack</option>
                                                              <option value="Parallel stack">Parallel stack</option>
                                                          </select>
                                                      </div>                                                

                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Total No of stacks</label>
                                                          <input type="text" name="stacks_needed" className="form-control" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Any special requirements</label>                                                  
                                                          <textarea className="form-control" name="requirements" id = "exampleFormControlTextarea1" rows={3}></textarea>            
                                                      </div>
                                                      <input type="hidden" id="token" name="token" />
                                                      <button type="submit" className="btn btn-primary" style={{ background: "#f8821f", border: "#f8821f" }}>Submit</button>
                                                  </form>
                                              </div>


                                          </div>
                                      </div>
                                  </section>
                                  {/* <div className="pt-5">
                                      <div className="table-responsive">
                                          <table className="table table-bordered">
<tbody>

                                              <tr>
                                                  <th>Duty Class</th>
                                                  <th>Rated Current valued in percent of Rated continuous Current</th>
                                              </tr>
                                              <tr>
                                                  <td>I</td>
                                                  <td>100% Continuous</td>
                                              </tr>
                                              <tr>
                                                  <td>II</td>
                                                  <td>100% Continuous,  150% for 1 minute</td>
                                              </tr>
                                              <tr>
                                                  <td>III</td>
                                                  <td>100% Continuous, 150% for 2 minutes, 200% for 10 seconds</td>
                                              </tr>
                                              <tr>
                                                  <td>IV</td>
                                                  <td>100% Continuous, 125% for 2 hours, 200% for 10 seconds</td>
                                              </tr>
                                              <tr>
                                                  <td>V</td>
                                                  <td>100% Continuous, 150% for 2 hours, 200% for 1 minute</td>
                                              </tr>
                                              <tr>
                                                  <td>VI</td>
                                                  <td>100% Continuous, 150% for 2 hours, 300% for 1 minute</td>
                                              </tr>
                                              <tr>
                                                  <td>Special class</td>
                                                  <td>“Kindly mention your duty cycle”</td>
                                              </tr>
                                          
</tbody>
</table>
                                      </div>
                                  </div> */}


                              </div>
                              <div className="tab-pane fade" id="DC-DC" role="tabpanel" aria-labelledby="DC-DC-tab">
                                  <h2 className="text-center">DC-DC Converter</h2>
                                  <div className="single-service-top pt-3">
                                      <p className="text-justify">
                                      Stack normally  consist of IGBT modules, IGBT Drivers, heatsink, DC Link capacitor, Busbar, IGBT snubbers, Fan and thermal trip etc.</p>
                                      <p className="text-justify">IGBT PWM Controllers, Chokes, Transformers & Sensors are not in PPSL’s scope of supply.
                                      </p>
                                  </div>
                                  <div className="advantages-content pt-4">
                                      <div className="row">
                                          {/*Start Single Advantages Box*/}
                                          <div className="col-xl-6 col-lg-6 col-md-6">
                                              <div className="single-advantages-box">
                                                  <img src="/assets/images/services/boost.webp" alt="" />
                                              </div>
                                          </div>
                                          {/*End Single Advantages Box*/}
                                          {/*Start Single Advantages Box*/}
                                          <div className="col-xl-6 col-lg-6 col-md-6">
                                              <div className="single-advantages-box">
                                                  <img src="/assets/images/services/buck.webp" alt="" />
                                              </div>
                                          </div>
                                          {/*End Single Advantages Box*/}
                                      </div>
                                  </div>

                                  <section className="login-register-area">
                                      <div className="container">
                                          <div className="row">
                                              <div className="col-xl-12 col-lg-12 col-md-12 col-sm-12" style={{ boxShadow: "rgba(0, 0, 0, 0.16) 0px 1px 4px" }}>

                                                  <form action="/power-stack-design-DC-DC-form-data/" method="post" className="p-4">
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Company Name *</label>
                                                          <input type="text" className="form-control" name="company_name" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Phone No</label>
                                                          <input type="number" className="form-control" name="number" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Email *</label>
                                                          <input type="email" className="form-control" name="email" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputState">Configuration *</label>
                                                          <select id="inputState" className="form-control" name="configuration" required defaultValue="">
                                                              <option value="" disabled>-- Select --</option>
                                                              <option value="Buck Converter">Buck Converter</option>
                                                              <option value="Boost Converter">Boost Converter</option>
                                                          </select>
                                                      </div>

                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Input DC Voltage *</label>
                                                          <input type="text" name="input_dc_voltage" className="form-control" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Output DC Voltage</label>
                                                          <input type="text" name="output_dc_voltage" className="form-control" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Output DC Current * </label>
                                                          <input type="text" name="output_dc_current" className="form-control" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Switching Frequency * </label>
                                                          <input type="text" className="form-control" name="switching_frequency" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputState">Type of cooling</label>
                                                          <select id="inputState" className="form-control" name="cooling" defaultValue="Type of cooling">
                                                              <option disabled>Type of cooling</option>
                                                              <option value="Forced Air cooled">Forced Air cooled</option>
                                                              <option value="Water cooled">Water cooled</option>
                                                              <option value="Natural cooled">Natural cooled</option>
                                                          </select>
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Ambient Temperature(in case of natural cooled) / Air Inlet Temperature(in case of forced air cooled)</label>
                                                          <input type="text" name="ambient_temperature" className="form-control" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Duty class / Overload</label>
                                                          <select id="inputState" className="form-control" name="duty_class" defaultValue="-- Select --">
                                                              <option disabled>-- Select --</option>
                                                              <option value="100% Continuous">100% Continuous</option>
                                                              <option value="100% Continuous,  150% for 1 minute">100% Continuous,  150% for 1 minute</option>
                                                              <option value="100% Continuous, 150% for 2 minutes, 200% for 10 seconds">100% Continuous, 150% for 2 minutes, 200% for 10 seconds</option>
                                                              <option value="100% Continuous, 125% for 2 hours, 200% for 10 seconds">100% Continuous, 125% for 2 hours, 200% for 10 seconds</option>
                                                              <option value="100% Continuous, 150% for 2 hours, 200% for 1 minute">100% Continuous, 150% for 2 hours, 200% for 1 minute</option>
                                                              <option value="100% Continuous, 150% for 2 hours, 300% for 1 minute">100% Continuous, 150% for 2 hours, 300% for 1 minute</option>

                                                          </select>
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Stack</label>                                                  
                                                          <select id="inputState" className="form-control" name="single_parallel_stack" defaultValue="-- Select --">
                                                              <option disabled>-- Select --</option>
                                                              <option value="Single stack">Single stack</option>
                                                              <option value="Parallel stack">Parallel stack</option>
                                                          </select>
                                                      </div> 
                                                      <div className="form-group">
                                                          <label htmlFor="inputState">Application details</label>
                                                          <select id="inputState" className="form-control" name="application_details"  defaultValue="-- Select --">
                                                              <option disabled>-- Select --</option>
                                                              <option value="Wind">Wind</option>
                                                              <option value="Solar">Solar</option>
                                                              <option value="Welding">Welding</option>
                                                              <option value="Induction">Induction</option>
                                                              <option value="Industrial">Industrial</option>
                                                              <option value="Energy Storage">Energy Storage</option>
                                                              <option value="UPS">UPS</option>
                                                              <option value="Plasma">Plasma</option>
                                                              <option value="Corona treater">Corona treater</option>
                                                              <option value="Defence">Defence</option>
                                                              <option value="Teaching Institution">Teaching Institution</option>
                                                              <option value="R&D Lab">R&D Lab</option>
                                                          </select>

                                                      </div>
                                                      {/* <div className="form-group">
                                                          <label htmlFor="inputAddress">Industrial use / Teaching Institution / R&D Lab</label>
                                                          <input type="text" name="industrial_use" className="form-control" id="inputproject" placeholder="Teaching Institution" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Circuit diagram</label>
                                                          <input type="text" name="circuit_diagram" className="form-control" id="inputproject" placeholder="Circuit diagram" />
                                                      </div> */}
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Total No of stacks</label>
                                                          <input type="text" name="stacks_needed" className="form-control" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Any special requirements</label>                                                  
                                                          <textarea className="form-control" name="requirements" id = "exampleFormControlTextarea1" rows={3}></textarea>            
                                                      </div>
                                                      <input type="hidden" id="token" name="token" />
                                                      <button type="submit" className="btn btn-primary" style={{ background: "#f8821f", border: "#f8821f" }}>Submit</button>
                                                  </form>
                                              </div>


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

                              </div>
                              <div className="tab-pane fade" id="ACVR" role="tabpanel" aria-labelledby="ACVR-tab">
                                  <h2 className="text-center">SCR Based ACVR Stacks</h2>
                                  <div className="single-service-top pt-3">
                                     <p className="text-justify">
                                     Stack normally consists of SCR’s (modules / capsules), Heat Sinks, Fuses, Fan, RC Snubbers, Bus bar and Thermal Trip etc.
                                     </p>
                                     <p className="text-justify">
                                     SCR Firing cards, Chokes, Transformers & Sensors are not in PPSL’s scope of supply.
                                     </p>
                                  </div>

                                  <div className="advantages-content pt-4">
                                      <div className="row">
                                          {/*Start Single Advantages Box*/}
                                          <div className="col-xl-6 col-lg-6 col-md-6">
                                              <div className="single-advantages-box">
                                                  <img src="/assets/images/services/ac-ac-converter-single-phases-W1C.webp" alt="ac-ac converter single phases W1C" />
                                              </div>
                                          </div>
                                          {/*End Single Advantages Box*/}
                                          {/*Start Single Advantages Box*/}
                                          <div className="col-xl-6 col-lg-6 col-md-6">
                                              <div className="single-advantages-box">
                                                  <img src="/assets/images/services/ac-ac-converter-three-phases-W3C.webp" alt="ac-ac converter three phases W3C" />
                                              </div>
                                          </div>
                                          {/*End Single Advantages Box*/}
                                      </div>
                                  </div>

                                      <section className="login-register-area">
                                      <div className="container">
                                          <div className="row">
                                              <div className="col-xl-12 col-lg-12 col-md-12 col-sm-12" style={{ boxShadow: "rgba(0, 0, 0, 0.16) 0px 1px 4px" }}>

                                                  <form action="/power-stack-design-ACVR-form-data/" method="post" className="p-4">
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Company Name *</label>
                                                          <input type="text" className="form-control" name="company_name" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Phone No</label>
                                                          <input type="number" className="form-control" name="number" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Email *</label>
                                                          <input type="email" className="form-control" name="email" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputState">Configuration *</label>
                                                          <select id="inputState" className="form-control" name="configuration" required defaultValue="">
                                                              <option value="" disabled>-- Select --</option>
                                                              <option value="B2I">B2I</option>
                                                              <option value="B6I">B6I</option>
                                                              <option value="B6I BUCK">B6I BUCK</option>
                                                              <option value="B6I BOOST">B6I BOOST</option>
                                                              <option value="3L-I type">3L-I type</option>
                                                              <option value="3L-T type">3L-T type</option>
                                                          </select>
                                                      </div>                                                
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Input AC Voltage *</label>
                                                          <input type="text" name="input_ac_voltage" className="form-control" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Output AC Voltage</label>
                                                          <input type="text" name="output_ac_voltage" className="form-control" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Output AC Current * </label>
                                                          <input type="text" name="output_ac_current" className="form-control" id="inputproject"  required />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputState">Type of cooling</label>
                                                          <select id="inputState" className="form-control" name="cooling" defaultValue="Type of cooling">
                                                              <option disabled>Type of cooling</option>
                                                              <option value="Forced Air cooled">Forced Air cooled</option>
                                                              <option value="Water cooled">Water cooled</option>
                                                              <option value="Natural cooled">Natural cooled</option>
                                                          </select>
                                                      </div>

                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Ambient Temperature(in case of natural cooled) / Air Inlet Temperature(in case of forced air cooled)</label>
                                                          <input type="text" name="ambient_temperature" className="form-control" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Duty class / Overload</label>
                                                          <select id="inputState" className="form-control" name="duty_class" defaultValue="-- Select --">
                                                              <option disabled>-- Select --</option>
                                                              <option value="100% Continuous">100% Continuous</option>
                                                              <option value="100% Continuous,  150% for 1 minute">100% Continuous,  150% for 1 minute</option>
                                                              <option value="100% Continuous, 150% for 2 minutes, 200% for 10 seconds">100% Continuous, 150% for 2 minutes, 200% for 10 seconds</option>
                                                              <option value="100% Continuous, 125% for 2 hours, 200% for 10 seconds">100% Continuous, 125% for 2 hours, 200% for 10 seconds</option>
                                                              <option value="100% Continuous, 150% for 2 hours, 200% for 1 minute">100% Continuous, 150% for 2 hours, 200% for 1 minute</option>
                                                              <option value="100% Continuous, 150% for 2 hours, 300% for 1 minute">100% Continuous, 150% for 2 hours, 300% for 1 minute</option>

                                                          </select>
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Stack</label>                                                  
                                                          <select id="inputState" className="form-control" name="single_parallel_stack" defaultValue="-- Select --">
                                                              <option disabled>-- Select --</option>
                                                              <option value="Single stack">Single stack</option>
                                                              <option value="Parallel stack">Parallel stack</option>
                                                          </select>
                                                      </div> 
                                                      <div className="form-group">
                                                          <label htmlFor="inputState">Application details</label>
                                                          <select id="inputState" className="form-control" name="application_details"  defaultValue="-- Select --">
                                                              <option disabled>-- Select --</option>
                                                              <option value="Wind">Wind</option>
                                                              <option value="Solar">Solar</option>
                                                              <option value="Welding">Welding</option>
                                                              <option value="Induction">Induction</option>
                                                              <option value="Industrial">Industrial</option>
                                                              <option value="Energy Storage">Energy Storage</option>
                                                              <option value="UPS">UPS</option>
                                                              <option value="Plasma">Plasma</option>
                                                              <option value="Corona treater">Corona treater</option>
                                                              <option value="Defence">Defence</option>
                                                              <option value="Teaching Institution">Teaching Institution</option>
                                                              <option value="R&D Lab">R&D Lab</option>
                                                          </select>

                                                      </div>
                                                      {/* <div className="form-group">
                                                          <label htmlFor="inputAddress">Industrial use / Teaching Institution / R&D Lab</label>
                                                          <input type="text" name="industrial_use" className="form-control" id="inputproject" placeholder="Teaching Institution" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Circuit diagram</label>
                                                          <input type="text" name="circuit_diagram" className="form-control" id="inputproject" placeholder="Circuit diagram" />
                                                      </div> */}
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Total No of stacks</label>
                                                          <input type="text" name="stacks_needed" className="form-control" id="inputproject" />
                                                      </div>
                                                      <div className="form-group">
                                                          <label htmlFor="inputAddress">Any special requirements</label>                                                  
                                                          <textarea className="form-control" name="requirements" id = "exampleFormControlTextarea1" rows={3}></textarea>            
                                                      </div>
                                                      <input type="hidden" id="token" name="token" />
                                                      <button type="submit" className="btn btn-primary" style={{ background: "#f8821f", border: "#f8821f" }}>Submit</button>
                                                  </form>
                                              </div>


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

                              </div>
                          </div>


                      </div>

                  </div>
              </div>
              <p className="text-justify">Note : * fields are mandatory.</p>
              <p className="text-justify">If the requirement is for more than one of the below configurations, specifications are needed for each of the individual configurations. For example: For a 3-Ph Rectifier + Buck Chopper + 3-Ph Inverter stack we need the specifications of the Rectifier, Chopper and Inverter separately.</p>
          </div>
      </section>
      {/*End Single Service Area*/}
      <style>{"\n    div#rev_slider_one_wrapper {\n    height: 0px !important;\n}\n.breadcrumb-menu{\n    margin: 435px 10px 10px 100px;\n}\n.bread-clearfix{\n    display: flex;\n    gap: 16px;\n}\n.breadcrumb-menu ul li.firstli:before {\n    position: absolute;\n    top: -2px;\n    bottom: 0;\n    right: 0px;\n    width: 7px;\n    height: 2px;\n    background: url(../assets/images/icon/arrow.png);\n    content: \"\";\n    margin: 14px 0;\n    left: 46px;\n}\n\n.breadcrumb-menu ul li{\n position: relative;\n display: inline-block;\n}\nul li.active{\n    color: white;\n}\n@media (min-width:1800px) and (max-width:2800px) {\n    .breadcrumb-menu{\n    margin: 760px 10px 10px 100px;\n}\n}\n@media (min-width:280px) and (max-width:700px) {\n    .breadcrumb-menu{\n    margin: 360px 10px 10px 18px;\n}\n}\n@media (min-width:701px) and (max-width:900px) {\n    .breadcrumb-menu{\n    margin: 355px 10px 10px 1px;\n}\n}\n"}</style>
    
    
    
    </div>
  );
}
