"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>
                  Empowering Innovation, Delivering Excellence
                </p>

                <div className="inner-box">
                  <div className="single-item">
                    <div className="count-box">1</div>
                    <h3>Excellent Support</h3>
                    <p>
                      Webile 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>
                      Webile 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;