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

const AboutUsContent: React.FC = () => {
  return (
    <>
      <div className="about-area ptb-100">
        <div className="container-fluid">
          <div className="row align-items-center">
            <div className="col-lg-6 col-md-12">
              <div className="about-image">
                <Image
                  src="/img/about/about-img5.png"
                  alt="image"
                  width={944}
                  height={660}
                />
              </div>
            </div>

            <div className="col-lg-6 col-md-12">
              <div className="about-content">
                <div className="content">
                  <span className="sub-title">
                    <Image
                      src="/img/star-icon.png"
                      alt="image"
                      width={32}
                      height={34}
                    />
                    About Us
                  </span>
                  <h2>About Our Company</h2>
                  <p>
                  Our aim to cater almost every business segment and work towards pampering their growth with multi-dimensional IT platforms to help them build an undeterred online presence.
                  </p>

                  <ul className="features-list">
                    <li>
                      <Image
                        src="/img/icons/icon4.png"
                        alt="image"
                        width={58}
                        height={52}
                      />
                      <h3>12 Years</h3>
                      <p>On the market</p>
                    </li>
                    <li>
                      <Image
                        src="/img/icons/icon5.png"
                        alt="image"
                        width={58}
                        height={52}
                      />
                      <h3>15+</h3>
                      <p>Team members</p>
                    </li>
                    <li>
                      <Image
                        src="/img/icons/icon6.png"
                        alt="image"
                        width={58}
                        height={52}
                      />
                      <h3>100%</h3>
                      <p>Satisfaction rate</p>
                    </li>
                    <li>
                      <Image
                        src="/img/icons/icon7.png"
                        alt="image"
                        width={58}
                        height={52}
                      />
                      <h3>80%</h3>
                      <p>Senior Engineers</p>
                    </li>
                  </ul>
                  <p>
                    Ubiquitous, necessary and invisible. This is how we see technology at Webile Technologies. It is none less than the prerequisite of life for us. It was year 2014, when a strong urge to embrace technology as a major element of existence over-powered our capabilities and we worked beyond our abilities to make the techno-dream a reality and started digging possible IT prospects spread in areas like web designing and other software development.
                  </p>
                  <p>
                    This is where Webile Technologies came into existence. And now it has been 12 proud years of continuing this venture smoothly and successfully. There is always a thought behind every action. And behind Webile Technologies, there was a thought of IT excellence which could only be achieved by focusing on substantial growth of our customers which can be easily accelerated with the help of subtle and effective IT solutions we proudly hold in our basket.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div className="circle-shape1">
          <Image
            src="/img/shape/circle-shape1.png"
            alt="image"
            width={350}
            height={386}
          />
        </div>

        <div className="container">
          <div className="about-inner-area">
            <div className="row justify-content-center">
              <div className="col-lg-4 col-md-6 col-sm-6">
                <div className="about-text">
                  <h3>Our History</h3>
                  <p>
                    Real innovations and a positive customer experience are the
                    heart of successful communication.
                  </p>

                  <ul className="features-list">
                    <li>
                      <i className="flaticon-tick"></i> Activate Listening
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> Brilliant minds
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> Better. Best. Wow!
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> Branding it better!
                    </li>
                  </ul>
                </div>
              </div>

              <div className="col-lg-4 col-md-6 col-sm-6">
                <div className="about-text">
                  <h3>Our Value</h3>
                  <p>
                    We live technology. It is the bedrock of our existence and so it shines as our deeply inherited value.
                  </p>

                  <ul className="features-list">
                    <li>
                      <i className="flaticon-tick"></i> Creating. Results.
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> Expect more
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> Good thinking
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> In real we trust
                    </li>
                  </ul>
                </div>
              </div>

              <div className="col-lg-4 col-md-6 col-sm-6">
                <div className="about-text">
                  <h3>Our Vision</h3>
                  <p>
                    Hold the vision, trust the process. At Webile Technologies, we do not work merely to survive but to thrive.
                  </p>

                  <ul className="features-list">
                    <li>
                      <i className="flaticon-tick"></i> Stay real. Always.
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> We have you covered
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> We turn heads
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> Your brand, promoted
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div className="circle-shape1">
          <Image
            src="/img/shape/circle-shape1.png"
            alt="image"
            width={350}
            height={386}
          />
        </div>
      </div>
    </>
  );
};

export default AboutUsContent;