"use client";
  
import React from "react";
import Link from "next/link";
import Image from "next/image";

interface propsType {
  onclick: () => void;
  applyPosition: (value: string) => void;
}

const ContentJobApply = (props: propsType) => {

  return (
    <>
      <div className="services-area career_box_section ptb-100">
        <div className="container">

          <div className="row">

            <div className="col-lg-6 col-md-6 col-sm-6 career_box_items">
              <div className="single-services-item">
                <h3>Interested in Training?</h3>
                <p>Webiletechnologies Softwares offering an IT Training with Guaranteed Job Placement. You are most welcome to explore the training available for you interest in. You can find out how you can become an integral part of Webile Technologies and set on a new career flight.</p>
                <ul>
                  <li>
                    <i className="flaticon-tick"></i>
                    Training time: 10 AM to 7:30 PM
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Period : 3 Months
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Training for Joomla, WordPress, Cloud App, PHP, Website Designing,SEO.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Live Project Experience
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Career Oriented Recommendation
                  </li>
                </ul>

                <Link href="javascript:;" onClick={() => {
                    props.onclick();
                    props.applyPosition('PHP Trainee')
                  }} className="default-btn">
                  <i className="flaticon-right"></i>
                  Apply Now <span></span>
                </Link>

                <div className="shape1">
                  <Image
                    src="/img/services/service-shape1.png"
                    alt="image"
                    width={300}
                    height={294}
                  />
                </div>
                <div className="shape2">
                  <Image
                    src="/img/services/service-shape2.png"
                    alt="image"
                    width={127}
                    height={119}
                  />
                </div>
              </div>
            </div>
            
            <div className="col-lg-6 col-md-6 col-sm-6 career_box_items">
              <div className="single-services-item">
                <h3>Magento Developer :</h3>
                <ul>
                  <li>
                    <i className="flaticon-tick"></i>
                    Should possess strong programming knowledge of Magento
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Exposure to web technologies like WordPress, Joomla
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Experience work on responsive design
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Expertise in HTML,PHP, CSS, Jquery, AJAX, JSON
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Basic knowledge of OOP Concepts is required.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Capable to understand the requirements of the projects
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Good communication, Technical, analytically and Problem solving skills are needed.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Join as soon as possible
                  </li>
                </ul>
                <div className="experience_skill_section">
                  <p><b>Experience Required : </b> 1 years  – 7 years</p>
                  <p><b>Key Skills Required : </b> Magento, Joomla, WordPress, PHP, HTML, CSS, AJAX, JAVASCRIPT</p>
                </div>

                <Link href="javascript:;" className="default-btn" onClick={() => {
                    props.onclick();
                    props.applyPosition('Magento Developer')
                  }}>
                  <i className="flaticon-right"></i>
                  Apply Now <span></span>
                </Link>

                <div className="shape1">
                  <Image
                    src="/img/services/service-shape1.png"
                    alt="image"
                    width={300}
                    height={294}
                  />
                </div>
                <div className="shape2">
                  <Image
                    src="/img/services/service-shape2.png"
                    alt="image"
                    width={127}
                    height={119}
                  />
                </div>
              </div>
            </div>

            <div className="col-lg-6 col-md-6 col-sm-6 career_box_items">
              <div className="single-services-item">
                <h3>Business Development Executive</h3>
                <ul>
                  <li>
                    <i className="flaticon-tick"></i>
                    Cold calling.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Analytical skills.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Email marketing.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Revenue generation.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Online bidding.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Excellent communication skill.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Self-motivated goal-oriented.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Understanding the client needs and requirements.
                  </li>
                </ul>
                <div className="experience_skill_section">
                  <p><b>Experience Required : </b> Fresher – 1 Year</p>
                  <p><b>Key Skills Required : </b> Cold Calling, Email Marketing, Online bidding, Excellent communication skill</p>
                </div>
                
                <Link href="javascript:;" className="default-btn" onClick={() => {
                    props.onclick();
                    props.applyPosition('Business Development Executive/Manager')
                  }}>
                  <i className="flaticon-right"></i>
                  Apply Now <span></span>
                </Link>

                <div className="shape1">
                  <Image
                    src="/img/services/service-shape1.png"
                    alt="image"
                    width={300}
                    height={294}
                  />
                </div>
                <div className="shape2">
                  <Image
                    src="/img/services/service-shape2.png"
                    alt="image"
                    width={127}
                    height={119}
                  />
                </div>
              </div>
            </div>

            <div className="col-lg-6 col-md-6 col-sm-6 career_box_items">
              <div className="single-services-item">
                <h3>Senior PHP Developer:</h3>
                <ul>
                  <li>
                    <i className="flaticon-tick"></i>
                    Should possess strong programming knowledge of PHP
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Exposure to web technologies like Magento, WordPress, Joomla
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Experience work on responsive design
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Expertise in HTML,PHP, CSS, Jquery, AJAX, JSON
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Basic knowledge of OOP Concepts is required
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Capable to understand the requirements of the projects
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Good communication, Technical, analytically and Problem solving skills are needed
                  </li>
                </ul>
                <div className="experience_skill_section">
                  <p><b>Experience Required : </b> 1 years  – 5 years</p>
                </div>

                <Link href="javascript:;" className="default-btn" onClick={() => {
                    props.onclick();
                    props.applyPosition('PHP Web Developer')
                  }}>
                  <i className="flaticon-right"></i>
                  Apply Now <span></span>
                </Link>

                <div className="shape1">
                  <Image
                    src="/img/services/service-shape1.png"
                    alt="image"
                    width={300}
                    height={294}
                  />
                </div>
                <div className="shape2">
                  <Image
                    src="/img/services/service-shape2.png"
                    alt="image"
                    width={127}
                    height={119}
                  />
                </div>
              </div>
            </div>

            <div className="col-lg-6 col-md-6 col-sm-6 career_box_items">
              <div className="single-services-item">
                <h3>WordPress Developer :</h3>
                <ul>
                  <li>
                    <i className="flaticon-tick"></i>
                    Should possess strong programming knowledge of Wordpress
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Exposure to web technologies like Joomla,Magento
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Experience work on responsive design
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Expertise in HTML,PHP, CSS, Jquery, AJAX, JSON
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Basic knowledge of OOP Concepts is required.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Capable to understand the requirements of the projects
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Good communication, Technical, analytically and Problem solving skills are needed.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Join as soon as possible
                  </li>
                </ul>
                <div className="experience_skill_section">
                  <p><b>Experience Required : </b> 1 years  – 5 years</p>
                  <p><b>Key Skills Required : </b> Joomla, WordPress,Magento,PHP, HTML, CSS, AJAX, JAVASCRIPT</p>
                </div>

                <Link href="javascript:;" className="default-btn" onClick={() => {
                    props.onclick();
                    props.applyPosition('Wordpress Developer')
                  }}>
                  <i className="flaticon-right"></i>
                  Apply Now <span></span>
                </Link>

                <div className="shape1">
                  <Image
                    src="/img/services/service-shape1.png"
                    alt="image"
                    width={300}
                    height={294}
                  />
                </div>
                <div className="shape2">
                  <Image
                    src="/img/services/service-shape2.png"
                    alt="image"
                    width={127}
                    height={119}
                  />
                </div>
              </div>
            </div>

            {/* <div className="col-lg-6 col-md-6 col-sm-6 career_box_items">
              <div className="single-services-item">
                <h3>React.js Developer:</h3>
                <ul>
                  <li>
                    <i className="flaticon-tick"></i>
                    Proficiency in JavaScript, ES6+, and React.js fundamentals
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Experience with state management libraries like Redux or Context API
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Understanding of RESTful APIs and asynchronous data handling
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Hands-on experience with component-based architecture and reusable UI
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Familiarity with modern front-end tooling like Webpack, Babel, NPM
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Strong understanding of responsive design and cross-browser compatibility
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Good communication, analytical thinking, and problem-solving skills
                  </li>
                </ul>
                <div className="experience_skill_section">
                  <p><b>Experience Required : </b> 1 years – 4 years</p>
                </div>

                <Link href="javascript:;" className="default-btn" onClick={() => {
                    props.onclick();
                    props.applyPosition('React.js Developer')
                  }}>
                  <i className="flaticon-right"></i>
                  Apply Now <span></span>
                </Link>

                <div className="shape1">
                  <Image
                    src="/img/services/service-shape1.png"
                    alt="image"
                    width={300}
                    height={294}
                  />
                </div>
                <div className="shape2">
                  <Image
                    src="/img/services/service-shape2.png"
                    alt="image"
                    width={127}
                    height={119}
                  />
                </div>
              </div>
            </div> */}

            {/* <div className="col-lg-6 col-md-6 col-sm-6 career_box_items">
              <div className="single-services-item">
                <h3>Node.js Developer:</h3>
                <ul>
                  <li>
                    <i className="flaticon-tick"></i>
                    Strong proficiency in JavaScript and Node.js runtime environment
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Experience with Express.js or other Node.js frameworks
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Good understanding of RESTful API design and development
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Experience with MongoDB, MySQL, or other databases
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Familiarity with asynchronous programming and event-driven architecture
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Knowledge of Git, CI/CD tools, and deployment practices
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Strong problem-solving skills and ability to work in a collaborative environment
                  </li>
                </ul>
                <div className="experience_skill_section">
                  <p><b>Experience Required : </b> 1 years – 4 years</p>
                </div>

                <Link href="javascript:;" className="default-btn" onClick={() => {
                    props.onclick();
                    props.applyPosition('Node.js Developer')
                  }}>
                  <i className="flaticon-right"></i>
                  Apply Now <span></span>
                </Link>

                <div className="shape1">
                  <Image
                    src="/img/services/service-shape1.png"
                    alt="image"
                    width={300}
                    height={294}
                  />
                </div>
                <div className="shape2">
                  <Image
                    src="/img/services/service-shape2.png"
                    alt="image"
                    width={127}
                    height={119}
                  />
                </div>
              </div>
            </div> 

            <div className="col-lg-6 col-md-6 col-sm-6 career_box_items">
              <div className="single-services-item">
                <h3>QA Engineer:</h3>
                <ul>
                  <li>
                    <i className="flaticon-tick"></i>
                    Strong understanding of software QA methodologies, tools, and processes
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Experience in writing clear, concise, and comprehensive test cases
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Hands-on experience with manual and automated testing
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Experience with tools like Selenium, Postman, JMeter, or similar
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Familiarity with bug tracking tools like JIRA, Bugzilla, etc.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Ability to identify, document, and track bugs effectively
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Strong attention to detail, analytical, and problem-solving skills
                  </li>
                </ul>
                <div className="experience_skill_section">
                  <p><b>Experience Required : </b> 1 years – 3 years</p>
                </div>

                <Link href="javascript:;" className="default-btn" onClick={() => {
                    props.onclick();
                    props.applyPosition('QA Engineer')
                  }}>
                  <i className="flaticon-right"></i>
                  Apply Now <span></span>
                </Link>

                <div className="shape1">
                  <Image
                    src="/img/services/service-shape1.png"
                    alt="image"
                    width={300}
                    height={294}
                  />
                </div>
                <div className="shape2">
                  <Image
                    src="/img/services/service-shape2.png"
                    alt="image"
                    width={127}
                    height={119}
                  />
                </div>
              </div>
            </div> */}


            <div className="col-lg-6 col-md-6 col-sm-6 career_box_items">
              <div className="single-services-item">
                <h3>SEO Executive:</h3>
                <ul>
                  <li>
                    <i className="flaticon-tick"></i>
                    Basic Google Searching Knowledge.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Must have Off page/On Page SEO Knowledge with Keyboard Command and MS Office Knowledge.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Must have knowledge of Online Marketing.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Knowledge of generating region specific leads.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Social Media Optimization Knowledge.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Good Command in spoken and written English is MUST.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Link Building, Blog Posting, Digital Marketing.
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Internet skills for researching.
                  </li>
                </ul>
                <div className="experience_skill_section">
                  <p><b>Experience Required : </b> 1 years  – 5 years</p>
                  <p><b>Key Skills Required : </b> SEO, SMO, link building</p>
                </div>

                <Link href="javascript:;" className="default-btn" onClick={() => {
                    props.onclick();
                    props.applyPosition('Digital Marketing Executive/SEO')
                  }}>
                  <i className="flaticon-right"></i>
                  Apply Now <span></span>
                </Link>

                <div className="shape1">
                  <Image
                    src="/img/services/service-shape1.png"
                    alt="image"
                    width={300}
                    height={294}
                  />
                </div>
                <div className="shape2">
                  <Image
                    src="/img/services/service-shape2.png"
                    alt="image"
                    width={127}
                    height={119}
                  />
                </div>
              </div>
            </div>

            <div className="col-lg-12 col-md-12 col-sm-12 career_box_items full_width">
              <div className="single-services-item career_first_box m-0">
                <h3 className="career_heading">Are you smart, creative and resourceful? Join Us.</h3>
                <ul>
                  <li>
                    <i className="flaticon-tick"></i>
                    Opportunity for Fresher and Experience
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Fast learning Environment
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Work on Challenging Project
                  </li>
                  <li>
                    <i className="flaticon-tick"></i>
                    Guidance for Career Development
                  </li>
                </ul>
                {/* <p className="enquiry_number_content"><b>For Job & Training Enquiry, call us at +918153091948</b></p> */}
                <p className="enquiry_number_content"><b>For Job & Training Enquiry, call us at <a href="tel:+91 8000361445">8000361445</a></b></p>
                

                <div className="shape1">
                  <Image
                    src="/img/services/service-shape1.png"
                    alt="image"
                    width={300}
                    height={294}
                  />
                </div>
                <div className="shape2">
                  <Image
                    src="/img/services/service-shape2.png"
                    alt="image"
                    width={127}
                    height={119}
                  />
                </div>
              </div>
            </div>
        
          </div>
        </div>

        <div className="vector-shape9">
          <Image
            src="/img/shape/vector-shape9.png"
            alt="image"
            width={399}
            height={264}
          />
        </div>
        <div className="vector-shape10">
          <Image
            src="/img/shape/vector-shape10.png"
            alt="image"
            width={316}
            height={285}
          />
        </div>
      </div>
    </>
  );
};

export default ContentJobApply;