profen/src/components/home/HomeAbout.jsx

import CountUp from '../shared/CountUp'
export default function HomeAbout() {
  return (
    <div
      className="elementor-element elementor-element-5ead1f4 e-flex e-con-boxed e-con e-parent"
      data-id="5ead1f4"
      data-element_type="container"
      data-e-type="container"
      data-settings={JSON.stringify({ background_background: "classic" })}
    >
      <div className="e-con-inner">
        <div
          className="elementor-element elementor-element-46a681a e-con-full e-flex e-con e-child"
          data-id="46a681a"
          data-element_type="container"
          data-e-type="container"
        >
          {/* Text Column */}
          <div
            className="elementor-element elementor-element-5efe3e8 e-con-full e-flex e-con e-child"
            data-id="5efe3e8"
            data-element_type="container"
            data-e-type="container"
          >
            <div
              className="elementor-element elementor-element-9616bd1 elementor-widget elementor-widget-rakarsectiontitle"
              data-id="9616bd1"
              data-element_type="widget"
              data-e-type="widget"
              data-widget_type="rakarsectiontitle.default"
            >
              <div className="elementor-widget-container">
                <div className="title-area text-left">
                  <span className="sub-title2">
                    <img decoding="async" src="/assets/images/title_icon5.svg" alt="Shape" />
                    About Us
                  </span>
                  <h2 className="sec-title">Building Future with Integrity</h2>
                  <p>Profen Engineering, your trusted partner in comprehensive Sustainability, MEP &amp;Construction Services. With a commitment to excellence, innovation, and client satisfaction, we stand as a beacon of reliability in the construction industry.</p>
                </div>
              </div>
            </div>
            <div
              className="elementor-element elementor-element-af95b28 elementor-widget elementor-widget-rakarfeatures"
              data-id="af95b28"
              data-element_type="widget"
              data-e-type="widget"
              data-widget_type="rakarfeatures.default"
            >
              <div className="elementor-widget-container">
                <div className="about-media-wrap">
                  <div className="about-media">
                    <div className="box-icon"><img decoding="async" src="/assets/images/about_media_1.svg" alt="about_media_1" /></div>
                    <h3 className="box-title">Efficient Use of Resources</h3>
                    <p className="box-text">Cost-effective planning to maximize value</p>
                  </div>
                  <div className="about-media">
                    <div className="box-icon"><img decoding="async" src="/assets/images/about_media_2.svg" alt="about_media_2" /></div>
                    <h3 className="box-title">Focus on Quality &amp; Safety</h3>
                    <p className="box-text">Built into every stage of the plan.</p>
                  </div>
                </div>
              </div>
            </div>
            <div
              className="elementor-element elementor-element-29f108d e-con-full e-flex e-con e-child"
              data-id="29f108d"
              data-element_type="container"
              data-e-type="container"
            >
              <div
                className="elementor-element elementor-element-a13bc6b elementor-widget elementor-widget-rakarbutton"
                data-id="a13bc6b"
                data-element_type="widget"
                data-e-type="widget"
                data-widget_type="rakarbutton.default"
              >
                <div className="elementor-widget-container">
                  <div className="btn-wrapper">
                    <a className="th-btn th_btn style4 rounded-10" href="/about">Discover More<i className="far fa-arrow-right"></i></a>
                  </div>
                </div>
              </div>
              <div
                className="elementor-element elementor-element-ac33de4 elementor-widget elementor-widget-html"
                data-id="ac33de4"
                data-element_type="widget"
                data-e-type="widget"
                data-widget_type="html.default"
              >
                <div className="elementor-widget-container">
                  <div className="call-btn">
                    <div className="play-btn">
                      <i className="fas fa-phone"></i>
                    </div>
                    <div className="media-body">
                      <p className="box-label">Call Us</p>
                      <h6 className="box-link"><a href="tel: +97143200869"> +971 4 320 0869</a></h6>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          {/* Image Column */}
          <div
            className="elementor-element elementor-element-4d50f48 e-con-full e-flex e-con e-child"
            data-id="4d50f48"
            data-element_type="container"
            data-e-type="container"
          >
            <div
              className="elementor-element elementor-element-6ab087a elementor-widget elementor-widget-rakarimage"
              data-id="6ab087a"
              data-element_type="widget"
              data-e-type="widget"
              data-widget_type="rakarimage.default"
            >
              <div className="elementor-widget-container">
                <div className="img-box5">
                  <div className="img1"><img decoding="async" src="/assets/images/aboutcooling.png" alt="aboutcooling" /></div>
                  <div className="customer-box">
                    <div className="media-body">
                      <h4 className="box-title"><CountUp end={80} suffix="+" /></h4>
                      <p className="box-text">SATISFIED CLIENTS</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}