"use client";
  
import React from "react";
import Image from "next/image";

const WhyChooseUs: React.FC = () => {
  return (
    <>
      <div className="how-its-work-area ptb-100">
        <div className="container">
          <div className="row align-items-center">
            <div className="col-lg-6 col-md-12">
              <div className="how-its-work-content">
                <span className="sub-title">
                  <Image
                    src="/img/star-icon.png"
                    alt="image"
                    width={32}
                    height={34}
                  />
                  People Love Us
                </span>

                <h2>Why Choose Us?</h2>
                <p>
                  As an organization with social responsibility and sensibilities, we invest in sustainable practices and give back to the communities where our team works.
                </p>

                <div className="inner-box">
                  <div className="single-item">
                    <div className="count-box">1</div>
                    <h3>Excellent Support</h3>
                    <p>
                      Digi Horizon Technologies is not only involved in designing and developing websites but support & maintenance services go beyond the traditional ways of fixing up the problems or updating the web pages.
                    </p>
                  </div>

                  <div className="single-item">
                    <div className="count-box">2</div>
                    <h3>Awesome Team</h3>
                    <p>
                      Digi Horizon Technologies goes the extra mile to take extra special care of its staff. We believe tin the concept that if we look after our staff, we will get the best results.
                    </p>
                  </div>

                  <div className="single-item">
                    <div className="count-box">3</div>
                    <h3>Faster Performance</h3>
                    <p>
                    As an organization with social responsibility and sensibilities, we are proud of our initiative
                    </p>
                  </div>
                </div>
              </div>
            </div>

            <div className="col-lg-6 col-md-12">
              <div className="how-its-work-image">
                <Image
                  src="/img/about/why-choose-us.jpg"
                  alt="image"
                  width={715}
                  height={528}
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </>
  );
};

export default WhyChooseUs;