import { Accordion } from "react-bootstrap";
import ThumbFaq from "../../../../public/assets/imgs/thumb/products/healthcare/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 Healthcare Solutions Support Patients and Providers?
                </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 improve efficiency for healthcare providers?
                      </Accordion.Header>
                      <Accordion.Body className="accordion-body">
                        <p>
                          Our platform automates routine tasks like patient scheduling, record management, and billing, allowing healthcare providers to focus more on patient care and reduce administrative burden.
                        </p>
                      </Accordion.Body>
                    </Accordion.Item>

                    <Accordion.Item eventKey="1" className="accordion-item">
                      <Accordion.Header className="accordion-header" id="headingTwo">
                        Will this solution enhance patient outcomes?
                      </Accordion.Header>
                      <Accordion.Body className="accordion-body">
                        <p>
                          Yes, the platform is designed to improve patient engagement through accessible health records, reminders, and educational resources, leading to better patient adherence and outcomes.
                        </p>
                      </Accordion.Body>
                    </Accordion.Item>

                    <Accordion.Item eventKey="2" className="accordion-item">
                      <Accordion.Header className="accordion-header" id="headingThree">
                        Can this platform support telehealth and remote consultations?
                      </Accordion.Header>
                      <Accordion.Body className="accordion-body">
                        <p>
                          Absolutely! Our platform supports video consultations, secure messaging, and remote monitoring, making it ideal for healthcare providers offering both in-person and telehealth services.
                        </p>
                      </Accordion.Body>
                    </Accordion.Item>

                    <Accordion.Item eventKey="3" className="accordion-item">
                      <Accordion.Header className="accordion-header" id="headingFour">
                        How does the platform ensure patient 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 healthcare regulations like HIPAA to ensure patient information remains protected.
                        </p>
                      </Accordion.Body>
                    </Accordion.Item>

                    <Accordion.Item eventKey="4" className="accordion-item">
                      <Accordion.Header className="accordion-header" id="headingFive">
                        Is the platform user-friendly for both patients and providers?
                      </Accordion.Header>
                      <Accordion.Body className="accordion-body">
                        <p>
                          Yes! Our intuitive interface makes it easy for patients and providers to navigate, schedule appointments, access health records, and communicate effectively with minimal training required.
                        </p>
                      </Accordion.Body>
                    </Accordion.Item>
                  </Accordion>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </>
  );
};

export default Faq;
