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

const AboutUs: React.FC = () => {
  return (
    <>
      <div className="about-area res-pt-0 pb-100 pt-70">
        <div className="container-fluid">
          <div className="row align-items-center">
            <div className="col-lg-6 col-md-12">
              <div className="about-img" data-aos="fade-up" data-aos-duration="800" data-aos-delay="100" data-aos-once="true">
                <Image
                  src="/img/about/about-img8.png"
                  alt="image"
                  width={848}
                  height={490}
                />
                <div className="shape">
                  <Image
                    src="/img/about/about-shape1.png"
                    alt="image"
                    width={924}
                    height={875}
                  />
                </div>
              </div>
            </div>

            <div className="col-lg-6 col-md-12">
              <div className="about-content">
                <div className="content">
                  <h2 data-aos="fade-left" data-aos-duration="800" data-aos-delay="100" data-aos-once="true">We Offer a Full Range of unparalleled and extensive range of IT services
                  </h2>
                  <p data-aos="fade-left" data-aos-duration="800" data-aos-delay="100" data-aos-once="true">
                  Webile Technologies is a well-acknowledged software development organization which is fully equipped to offer unparalleled and extensive range of IT services.
                  </p>
                  <ul className="content-list">
                    <li data-aos="fade-left" data-aos-duration="800" data-aos-delay="100" data-aos-once="true">
                      <i className="flaticon-tick"></i> 
                      <span>Webile Technologies exhibits deep-domain knowledge & technical expertise.</span>
                    </li>
                    <li data-aos="fade-left" data-aos-duration="800" data-aos-delay="100" data-aos-once="true">
                      <i className="flaticon-tick"></i> 
                      <span>Our aim to cater almost every business segment and help them build an undeterred online presence.</span>
                    </li>
                    <li data-aos="fade-left" data-aos-duration="800" data-aos-delay="100" data-aos-once="true">
                      <i className="flaticon-tick"></i> 
                      <span>We focus on implementation of best standards and policies to ensure a successful compliance with quality.</span>
                    </li>
                    <li data-aos="fade-left" data-aos-duration="800" data-aos-delay="100" data-aos-once="true">
                      <i className="flaticon-tick"></i> 
                      <span>Prized with a rich and vast portfolio of services</span>
                    </li>
                    <li data-aos="fade-left" data-aos-duration="800" data-aos-delay="100" data-aos-once="true">
                      <i className="flaticon-tick"></i> 
                      <span>Cost-effective solutions and a global e-business model.</span>
                    </li>
                    <li data-aos="fade-left" data-aos-duration="800" data-aos-delay="100" data-aos-once="true">
                      <i className="flaticon-tick"></i> 
                      <span>Supports the business strategies of the client organisations.</span>
                    </li>
                  </ul>
                  <Link href="/about-us" className="default-btn aos-init aos-animate"  data-aos="fade-left" data-aos-duration="800" data-aos-delay="100" data-aos-once="true">
                    <i className="flaticon-right"></i>
                    More About Us <span></span>
                  </Link>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </>
  );
};

export default AboutUs;