'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 TabBasedExamPage() {
  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/tab-based-exam-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-3 fw-bold" whileInView={{y:[-30,0]}} transition={{duration:1.8}}>
                Tab-based Examination
                </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}}>
                Secure examination on your fingertips
                </motion.h2>
            </Col>
            </Row>
        </Container>
        </section>
        <Container className="py-3 py-md-5 position-relative">          
            <Row className='g-3 g-md-5 align-items-center'>           
            <Col md={8}>
                <motion.h3 className='fs-1 fw-bold text-danger'>
                    When It’s About Tab-Based Exams, Vensysco Limited Is Here For YOU!
                </motion.h3>
                <motion.p>
                    Mobile devices have achieved considerable stability and dependability, and thus they make a strong and futuristic alternative to exam-related solutions. And, we at Vensysco Limited are committed to delivering innovative and efficient examination solutions to meet the ever-evolving needs of students, educators, and organizations. Our Tab-Based Exam is a state-of-the-art examination platform designed to streamline the examination process, ensuring fairness, security, and convenience for both exam takers and administrators.
                </motion.p>
            </Col>
            <Col md={4}>
                <motion.img className="img-fluid" src="https://media.vensysco.com/tab-based-exam-e2.webp" alt="candidates taking tab based exam on tablet devices" whileInView={{scale:[0.8,1]}} transition={{duration:2}} />
            </Col>
            <Col md={12}>
                <motion.h3 className='fs-1 fw-bold text-danger text-center'>
                    Why Choose Vensysco Limited’s Tab-Based Exam?
                </motion.h3>
            </Col>
            <Col md={12}>
                <Row className="g-3">
                    <Col md={6}>
                        <motion.div className="card bg-light rounded-4 h-100 text-center" whileInView={{scale:[0.7,1]}} transition={{duration:1.8}}>
                            <div className="card-body p-4">
                                <h5 className="card-title bg-secondary-subtle rounded-4 px-3 py-2">
                                    Modern and User-Friendly Interface
                                </h5>
                                <p className="card-text">
                                    Our Tab-Based Exam offers an intuitive and user-friendly interface, making it easy for candidates to navigate the examination and focus on answering questions without any technical distractions.
                                </p>
                            </div>
                        </motion.div>
                    </Col>
                    <Col md={6}>
                        <motion.div className="card bg-light rounded-4 h-100 text-center" whileInView={{scale:[0.7,1]}} transition={{duration:1.8}}>
                            <div className="card-body p-4">
                                <h5 className="card-title bg-secondary-subtle rounded-4 px-3 py-2">
                                    Enhanced Security
                                </h5>
                                <p className="card-text">
                                    We prioritize the security and integrity of exams. Our platform incorporates advanced security measures to prevent cheating and unauthorized access. Rest assured that your exams will be conducted in a secure environment.
                                </p>
                            </div>
                        </motion.div>
                    </Col>
                    <Col md={6}>
                        <motion.div className="card bg-light rounded-4 h-100 text-center" whileInView={{scale:[0.7,1]}} transition={{duration:1.8}}>
                            <div className="card-body p-4">
                                <h5 className="card-title bg-secondary-subtle rounded-4 px-3 py-2">
                                    Convenient Scheduling
                                </h5>
                                <p className="card-text">
                                    Administrators can easily schedule exams, set time limits, and choose from various question formats. This flexibility allows for tailored examinations that meet your specific needs.
                                </p>
                            </div>
                        </motion.div>
                    </Col>
                    <Col md={6}>
                        <motion.div className="card bg-light rounded-4 h-100 text-center" whileInView={{scale:[0.7,1]}} transition={{duration:1.8}}>
                            <div className="card-body p-4">
                                <h5 className="card-title bg-secondary-subtle rounded-4 px-3 py-2">
                                    Instant Results
                                </h5>
                                <p className="card-text">
                                    With our automated scoring system, results are generated instantly, reducing the waiting time for candidates and providing quick feedback.
                                </p>
                            </div>
                        </motion.div>
                    </Col>
                    <Col md={6}>
                        <motion.div className="card bg-light rounded-4 h-100 text-center" whileInView={{scale:[0.7,1]}} transition={{duration:1.8}}>
                            <div className="card-body p-4">
                                <h5 className="card-title bg-secondary-subtle rounded-4 px-3 py-2">
                                    Accessibility
                                </h5>
                                <p className="card-text">
                                    Our Tab-Based Exam can be accessed on various devices, ensuring that students can take exams from their preferred location, whether it’s in a classroom, at home, or on the go.
                                </p>
                            </div>
                        </motion.div>
                    </Col>
                    <Col md={6}>
                        <motion.div className="card bg-light rounded-4 h-100 text-center" whileInView={{scale:[0.7,1]}} transition={{duration:1.8}}>
                            <div className="card-body p-4">
                                <h5 className="card-title bg-secondary-subtle rounded-4 px-3 py-2">
                                    Multi-Language Support
                                </h5>
                                <p className="card-text">
                                    Vensysco Limited recognizes the global reach of education. Our platform offers multi-language support, enabling exams to be conducted in multiple languages to cater to diverse candidate groups.
                                </p>
                            </div>
                        </motion.div>
                    </Col>
                    <Col md={6}>
                        <motion.div className="card bg-light rounded-4 h-100 text-center" whileInView={{scale:[0.7,1]}} transition={{duration:1.8}}>
                            <div className="card-body p-4">
                                <h5 className="card-title bg-secondary-subtle rounded-4 px-3 py-2">
                                    Analytics and Reporting
                                </h5>
                                <p className="card-text">
                                    Our platform provides detailed analytics and reporting, allowing administrators to gain valuable insights into candidate performance, question difficulty, and more, helping in continuous improvement.
                                </p>
                            </div>
                        </motion.div>
                    </Col>
                    <Col md={6}>
                        <motion.div className="card bg-light rounded-4 h-100 text-center" whileInView={{scale:[0.7,1]}} transition={{duration:1.8}}>
                            <div className="card-body p-4">
                                <h5 className="card-title bg-secondary-subtle rounded-4 px-3 py-2">
                                    Technical Support
                                </h5>
                                <p className="card-text">
                                    We offer exceptional technical support to both administrators and candidates, ensuring a smooth examination experience.
                                </p>
                            </div>
                        </motion.div>
                    </Col>
                </Row>
            </Col>
            <Col md={12}>
                <motion.h3 className='fs-1 fw-bold text-danger text-center'>
                    How Does Vensysco Limited’s Tab-Based Exam Work?
                </motion.h3>
            </Col>
            <Col md={12}>
                <Row className="g-3">
                    <Col md={6}>
                        <motion.div className="card bg-light rounded-4 h-100" whileInView={{scale:[0.7,1]}} transition={{duration:1.8}}>
                            <div className="card-body p-4">
                                <h5 className="card-title bg-secondary-subtle rounded-4 px-3 py-2">Administrator Setup:</h5>
                                <p className="card-text">➔ Create and manage exams.</p>
                                <p className="card-text">➔ Set up the examination schedule.</p>
                                <p className="card-text">➔ Choose question formats and difficulty levels.</p>
                                <p className="card-text">➔ Customize security settings.</p>
                            </div>
                        </motion.div>
                    </Col>
                    <Col md={6}>
                        <motion.div className="card bg-light rounded-4 h-100" whileInView={{scale:[0.7,1]}} transition={{duration:1.8}}>
                            <div className="card-body p-4">
                                <h5 className="card-title bg-secondary-subtle rounded-4 px-3 py-2">Candidate Registration:</h5>
                                <p className="card-text">➔ Candidates register for the exam.</p>
                                <p className="card-text">➔ Receive login credentials.</p>
                            </div>
                        </motion.div>
                    </Col>
                    <Col md={6}>
                        <motion.div className="card bg-light rounded-4 h-100" whileInView={{scale:[0.7,1]}} transition={{duration:1.8}}>
                            <div className="card-body p-4">
                                <h5 className="card-title bg-secondary-subtle rounded-4 px-3 py-2">Taking the Exam:</h5>
                                <p className="card-text">➔ Candidates log in on the scheduled date and time.</p>
                                <p className="card-text">➔ They answer questions in the prescribed time frame.</p>
                            </div>
                        </motion.div>
                    </Col>
                    <Col md={6}>
                        <motion.div className="card bg-light rounded-4 h-100" whileInView={{scale:[0.7,1]}} transition={{duration:1.8}}>
                            <div className="card-body p-4">
                                <h5 className="card-title bg-secondary-subtle rounded-4 px-3 py-2">Results and Reporting:</h5>
                                <p className="card-text">➔ Candidates and administrators access results and detailed reports.</p>
                                <p className="card-text">➔ Customize security settings.</p>
                            </div>
                        </motion.div>
                    </Col>
                </Row>
            </Col>
            <Col md={4}>
                <motion.img className="img-fluid" src="https://media.vensysco.com/tab-based-exam-e3.webp" alt="secure tab based examination system interface" whileInView={{scale:[0.8,1]}} transition={{duration:2}} />
            </Col>
            <Col md={8}>
                <motion.h3 className='fs-1 fw-bold text-danger'>
                    Ready to Get Started?
                </motion.h3>
                <motion.p>
                    Vensysco Limited’s Tab-Based Exam is designed to transform the examination experience. Whether you’re an educational institution, a certification body, or an organization conducting assessments, our platform offers the tools and features you need to simplify and enhance your examination process.
                </motion.p>
                <motion.p>
                    For inquiries, pricing, and more information about our Tab-Based Exam, please contact our sales team at <a href="mailto:info@vensysco.in" className="link-danger">info@vensysco.in</a> or <a href="tel:+91-9311079499" className="link-danger">+91-93110 79499</a>.
                </motion.p>
                <motion.p>
                    Join the growing number of institutions and organizations that trust Vensysco Limited to conduct secure, efficient, and user-friendly examinations. Elevate your examination process with us today!
                </motion.p>
            </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 a tab-based examination?
                    </Accordion.Header>
                    <Accordion.Body>
                    A tab-based examination is a digital assessment method where candidates take exams on tablets using a secure and user-friendly platform instead of traditional paper-based methods.
                    </Accordion.Body>
                </Accordion.Item>
                <Accordion.Item eventKey="1">
                    <Accordion.Header>
                    What are the key benefits of Vensysco Technologies Limited’s (VTL) tab-based exam solution?
                    </Accordion.Header>
                    <Accordion.Body>
                    VTL’s tab-based exams offer advantages such as enhanced security, instant result generation, flexible scheduling, multi-language support, and a smooth user experience through an intuitive interface.
                    </Accordion.Body>
                </Accordion.Item>
                <Accordion.Item eventKey="2">
                    <Accordion.Header>
                    How does Vensysco ensure security in tab-based exams?
                    </Accordion.Header>
                    <Accordion.Body>
                    Vensysco uses advanced security measures including secure login systems, controlled access, and monitoring features to prevent cheating and ensure the integrity of the examination process.
                    </Accordion.Body>
                </Accordion.Item>
                <Accordion.Item eventKey="3">
                    <Accordion.Header>
                    How does the tab-based exam process work for candidates?
                    </Accordion.Header>
                    <Accordion.Body>
                    Candidates register for the exam, receive login credentials, log in on the scheduled date and time, complete the test within the given duration, and then access their results and performance reports.
                    </Accordion.Body>
                </Accordion.Item>
                <Accordion.Item eventKey="4">
                    <Accordion.Header>
                    Who can benefit from VTL’s tab-based examination platform?
                    </Accordion.Header>
                    <Accordion.Body>
                    Educational institutions, certification bodies, and organizations conducting recruitment or skill assessments can benefit from VTL’s platform by delivering secure, efficient, and scalable digital exams.
                    </Accordion.Body>
                </Accordion.Item>
            </Accordion>
        </Container>
        </section>
    </React.Fragment>
  );
}