import { Accordion } from "react-bootstrap";
import ThumbFaq from "../../../../public/assets/imgs/thumb/products/e-learning/faq.png";
import Image from "next/image";

const Faq = () => {
  return (
    <>
      <section className="faq__area">
        <div className="container g-0 line pb-140">
          <div className="line-3"></div>
          <div className="row">
            <div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
              <div className="faq__img">
                <Image
                  priority
                  style={{ width: "auto", height: "auto" }}
                  src={ThumbFaq}
                  alt="FAQ Image"
                  data-speed="auto"
                />
              </div>
            </div>
            <div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
              <div className="faq__content">
                <h2 className="faq__title title-anim">
                  How Our eLearning Solutions Benefit Your School and Students?
                </h2>

                <div className="faq__list">
                  <Accordion defaultActiveKey="0" className="accordion" id="accordionExample">
                    <Accordion.Item eventKey="0" className="accordion-item">
                      <Accordion.Header className="accordion-header" id="headingOne">
                        How does the platform save time for teachers and staff?
                      </Accordion.Header>
                      <Accordion.Body className="accordion-body">
                        <p>
                          Our platform automates administrative tasks like student registration, attendance tracking, and grading, freeing up time for teachers to focus on delivering quality lessons and providing personalized support.
                        </p>
                      </Accordion.Body>
                    </Accordion.Item>

                    <Accordion.Item eventKey="1" className="accordion-item">
                      <Accordion.Header className="accordion-header" id="headingTwo">
                        Will this solution improve learning outcomes for students?
                      </Accordion.Header>
                      <Accordion.Body className="accordion-body">
                        <p>
                          Yes, the platform is designed to enhance student engagement through interactive lessons, quizzes, and multimedia content, leading to improved retention and learning outcomes.
                        </p>
                      </Accordion.Body>
                    </Accordion.Item>

                    <Accordion.Item eventKey="2" className="accordion-item">
                      <Accordion.Header className="accordion-header" id="headingThree">
                        Can this platform support remote learning and virtual classrooms?
                      </Accordion.Header>
                      <Accordion.Body className="accordion-body">
                        <p>
                          Absolutely! Our platform supports live virtual classes, video conferencing, and asynchronous learning, making it ideal for schools offering both in-person and remote education.
                        </p>
                      </Accordion.Body>
                    </Accordion.Item>

                    <Accordion.Item eventKey="3" className="accordion-item">
                      <Accordion.Header className="accordion-header" id="headingFour">
                        How does the platform ensure students&apos; data privacy and security?
                      </Accordion.Header>
                      <Accordion.Body className="accordion-body">
                        <p>
                          We prioritize data privacy with strong encryption, secure logins, and strict access controls. The platform complies with data protection regulations, ensuring students&apos; information remains safe.
                        </p>
                      </Accordion.Body>
                    </Accordion.Item>

                    <Accordion.Item eventKey="4" className="accordion-item">
                      <Accordion.Header className="accordion-header" id="headingFive">
                        Is the platform easy for students and teachers to use?
                      </Accordion.Header>
                      <Accordion.Body className="accordion-body">
                        <p>
                          Yes! Our user-friendly interface makes it easy for both students and teachers to navigate the platform, access course materials, submit assignments, and track progress with minimal training required.
                        </p>
                      </Accordion.Body>
                    </Accordion.Item>
                  </Accordion>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </>
  );
};

export default Faq;