import { Accordion } from "react-bootstrap";
import ThumbFaq from "../../../../public/assets/imgs/thumb/products/e-commerce/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 eCommerce Solutions Benefit You?
                </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 your platform save me time?
                      </Accordion.Header>
                      <Accordion.Body className="accordion-body">
                        <p>
                          Our automated processes and seamless integrations help you save valuable time. From easy order fulfillment to automated stock updates, you can focus on growing your business while we handle the logistics.
                        </p>
                      </Accordion.Body>
                    </Accordion.Item>

                    <Accordion.Item eventKey="1" className="accordion-item">
                      <Accordion.Header className="accordion-header" id="headingTwo">
                        Will this solution help me increase sales?
                      </Accordion.Header>
                      <Accordion.Body className="accordion-body">
                        <p>
                          Yes, our platform is designed to boost conversions with optimized, mobile-friendly designs and user-friendly interfaces that drive customer satisfaction and repeat business.
                        </p>
                      </Accordion.Body>
                    </Accordion.Item>

                    <Accordion.Item eventKey="2" className="accordion-item">
                      <Accordion.Header className="accordion-header" id="headingThree">
                        Can I reach more customers globally?
                      </Accordion.Header>
                      <Accordion.Body className="accordion-body">
                        <p>
                          Our platform supports multiple languages, currencies, and international shipping options, helping you expand your reach and serve customers worldwide with ease.
                        </p>
                      </Accordion.Body>
                    </Accordion.Item>

                    <Accordion.Item eventKey="3" className="accordion-item">
                      <Accordion.Header className="accordion-header" id="headingFour">
                        How does your platform ensure my customers&apos; security?
                      </Accordion.Header>
                      <Accordion.Body className="accordion-body">
                        <p>
                          We prioritize your customers&apos; security with SSL encryption, secure payment gateways, and advanced fraud prevention, building trust and ensuring a safe shopping experience for all.
                        </p>
                      </Accordion.Body>
                    </Accordion.Item>

                    <Accordion.Item eventKey="4" className="accordion-item">
                      <Accordion.Header className="accordion-header" id="headingFive">
                        Will I be able to manage my store easily?
                      </Accordion.Header>
                      <Accordion.Body className="accordion-body">
                        <p>
                          Absolutely! Our user-friendly dashboard lets you manage inventory, track sales, and handle customer inquiries all in one place, streamlining your operations and making your store easier to run.
                        </p>
                      </Accordion.Body>
                    </Accordion.Item>
                  </Accordion>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </>
  );
};

export default Faq;
