'use client';

import React from "react";
import { motion} from "framer-motion";
import { Container, Row, Col, Accordion } from 'react-bootstrap';
import HeaderTop from "@/components/HeaderTop";
import HeaderSticky from "@/components/HeaderSticky";

export default function SupportManagementPage() {
  return (
    <React.Fragment>
      <section className="section-default">
        <Container className="min-vh-100 py-3 py-md-5 d-flex flex-column position-relative" style={{backgroundImage:"url('https://media.vensysco.com/support-management-e1.webp')", backgroundPosition:"center right", backgroundSize:"contain", backgroundRepeat: "no-repeat"}}>
          <HeaderTop />
          <HeaderSticky />
          <Row className='flex-fill align-items-end align-items-md-center justify-content-center justify-content-md-start text-center text-md-start mb-5 mb-md-0'>
            <Col md={5}>
              <motion.h1 className="display-5 fw-bold" whileHover={{y:-20}} whileInView={{y:[-50,0], opacity:[0,1]}} transition={{duration: 0.9 }}>
                Exam Support Management
              </motion.h1>
              <motion.hr className="border-4 mx-auto mx-md-0" whileInView={{width:[0,'50%']}} transition={{duration:2}} />                
              <motion.h2 className='fs-3' whileInView={{y:[30,0]}} transition={{duration:1.6}}>
                Empowering Your Exam Support Solutions with Vensysco
              </motion.h2>
            </Col>                  
          </Row>        
        </Container>
      </section>
      <Container className="py-3 py-md-5 position-relative">          
          <Row className='g-3 g-md-5'>
            <Col md={12}>
                <motion.p className="text-center lead">
                    At Vensysco, we’re not just about exams – we offer a comprehensive Exam Support Management ecosystem. This encompasses both Technical and Non-Technical Manpower, along with Resource Verification. Our approach ensures smooth operations, impeccable technical execution, and thorough verification processes to ensure the integrity and success of your exams.
                </motion.p>
            </Col>
            <Col md={6}>
                <motion.img className="img-fluid" src="https://media.vensysco.com/support-management-e2.svg" alt="technical manpower for online exam systems" whileInView={{scale:[1.2,1]}} transition={{duration:2}} />
                <motion.h3 className='fs-1 fw-bold text-danger'>
                    Technical Manpower
                </motion.h3>
                <motion.h4>
                    Masters of Technological Precision
                </motion.h4>
                <motion.p>
                    Our team of Technical Manpower professionals is the driving force behind the excellent implementation of technology in every successful exam. Our dedicated experts have extensive experience in managing the intricate aspects of online tests, tab-based assessments, and other digital assessment methods. Their expertise ensures that your candidates experience a seamless and error-free assessment process, fostering trust and professionalism.
                </motion.p>
            </Col>
            <Col md={6}>
                <motion.img className="img-fluid" src="https://media.vensysco.com/support-management-e3.svg" alt="non technical manpower exam coordination" whileInView={{scale:[1.2,1]}} transition={{duration:2}} />
                <motion.h3 className='fs-1 fw-bold text-danger'>
                    Non-Technical Manpower
                </motion.h3>
                <motion.h4>
                    Adding a Human Touch to Exams
                </motion.h4>
                <motion.p>
                    While technology is essential in modern testing, the human side remains vital. Our Non-Technical Manpower team handles exam site management, assisting applicants, and coordinating logistics. From overseeing exams to providing support, these experts ensure candidates have a comfortable and stress-free experience, enabling them to showcase their best performance.
                </motion.p>
            </Col>
            <Col md={8}>
                <motion.h3 className='fs-1 fw-bold text-danger'>
                    Personnel Support (Manpower)
                </motion.h3>
                <motion.h4 className='fw-bold'>
                    Technical
                </motion.h4>
                <motion.div className="d-flex align-items-start mb-3">
                    <motion.span><i className="bi bi-circle-fill text-danger"></i></motion.span>
                    <motion.div className="ms-2">
                        <b>IT</b> Our tech wizards ensure smooth online exams. They set up all the digital platforms and manage every tech-related aspect very carefully.
                    </motion.div>
                </motion.div>
                <motion.div className="d-flex align-items-start mb-3">
                    <motion.span><i className="bi bi-circle-fill text-danger"></i></motion.span>
                    <motion.div className="ms-2">
                        <b>ADMIN</b> Our organizers handle logistics, scheduling, and coordination and they keep everything on track behind the scenes.
                    </motion.div>
                </motion.div>
                <motion.h4 className='fw-bold'>
                    Non-Technical
                </motion.h4>
                <motion.div className="d-flex align-items-start mb-3">
                    <motion.span><i className="bi bi-circle-fill text-danger"></i></motion.span>
                    <motion.div className="ms-2">
                        <b>FRISKING & SECURITY</b> They ensure fairness by checking candidates and maintaining a secure environment.
                    </motion.div>
                </motion.div>
                <motion.div className="d-flex align-items-start mb-3">
                    <motion.span><i className="bi bi-circle-fill text-danger"></i></motion.span>
                    <motion.div className="ms-2">
                        <b>INVIGILATORS</b> Our invigilators are guardians of honesty during the exam. They monitor participants to prevent cheating and maintain the exam’s integrity.
                    </motion.div>
                </motion.div>
                <motion.div className="d-flex align-items-start mb-3">
                    <motion.span><i className="bi bi-circle-fill text-danger"></i></motion.span>
                    <motion.div className="ms-2">
                        <b>OBSERVERS</b> They are unbiased evaluators who ensure that the exam follows the rules and maintains integrity.
                    </motion.div>
                </motion.div>
                <motion.div className="d-flex align-items-start mb-3">
                    <motion.span><i className="bi bi-circle-fill text-danger"></i></motion.span>
                    <motion.div className="ms-2">
                        <b>PANELLISTS</b> Our experts are, who assess practical skills, presentations, or tasks, giving a comprehensive evaluation.
                    </motion.div>
                </motion.div>
                <motion.p>
                    This teamwork of both technical and non-technical roles guarantees a well-organized and secure exam experience.
                </motion.p>
            </Col>
            <Col md={4}>
                <motion.img className="img-fluid" src="https://media.vensysco.com/support-management-e4.webp" alt="exam manpower roles and logistics support" whileInView={{scale:[0.8,1]}} transition={{duration:2}} />
            </Col>
            <Col md={8} className="align-self-center">
                <motion.h3 className='fs-1 fw-bold text-danger'>
                    Resource Verification Upholding Credibility and Fairness
                </motion.h3>
                <motion.p>
                    Credibility is paramount in the world of exams. Our Resource Verification method guarantees the authenticity and integrity of your exams. We meticulously verify resources, question papers, and exam materials to ensure the right content reaches the right candidates. This process prevents accidental discrepancies and ensures a fair and impartial system.
                </motion.p>
            </Col>
            <Col md={4}>
                <motion.img className="img-fluid" src="https://media.vensysco.com/support-management-e5.webp" alt="exam resource verification process" whileInView={{scale:[0.8,1]}} transition={{duration:2}} />
            </Col>          
          </Row>
        </Container>
        <section className="section-faqs">
            <Container className="py-3 py-md-5">
                <div className="p-3 p-md-5">
                <motion.h2 className="text-center fs-1 mb-4">
                    Frequently Asked Questions
                </motion.h2>
                </div>

                <Accordion>

                <Accordion.Item eventKey="0">
                    <Accordion.Header>
                    What is Exam Support Management offered by Vensysco Technologies Limited (VTL)?
                    </Accordion.Header>
                    <Accordion.Body>
                    Exam Support Management by Vensysco Technologies Limited (VTL) is a comprehensive solution that includes technical manpower, non-technical manpower, and resource verification to ensure smooth, secure, and efficient exam operations.
                    </Accordion.Body>
                </Accordion.Item>

                <Accordion.Item eventKey="1">
                    <Accordion.Header>
                    What role does technical manpower play in exam execution?
                    </Accordion.Header>
                    <Accordion.Body>
                    Technical manpower at VTL manages all technology related aspects such as online exam platforms, tab-based systems, and digital infrastructure to ensure seamless and error free exam experiences.
                    </Accordion.Body>
                </Accordion.Item>

                <Accordion.Item eventKey="2">
                    <Accordion.Header>
                    How does non-technical manpower contribute to exam success?
                    </Accordion.Header>
                    <Accordion.Body>
                    Non-technical manpower at VTL handles on ground operations like invigilation, candidate assistance, frisking, security, and coordination to ensure a smooth and stress-free environment for candidates.
                    </Accordion.Body>
                </Accordion.Item>

                <Accordion.Item eventKey="3">
                    <Accordion.Header>
                    What is resource verification and why is it important in exams?
                    </Accordion.Header>
                    <Accordion.Body>
                    Resource verification is the process of validating question papers and exam materials to ensure accuracy and authenticity, helping maintain fairness and preventing discrepancies in the examination process.
                    </Accordion.Body>
                </Accordion.Item>

                <Accordion.Item eventKey="4">
                    <Accordion.Header>
                    How does VTL ensure a well-organized and secure examination process?
                    </Accordion.Header>
                    <Accordion.Body>
                    VTL combines skilled technical teams, efficient non-technical staff, and strict verification processes to deliver a well-coordinated, secure, and reliable exam environment for both candidates and organizers.
                    </Accordion.Body>
                </Accordion.Item>

                </Accordion>
            </Container>
        </section>   
    </React.Fragment>
  );
}
