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

const About = () => {
  return (
    <div className="row align-items-center">
      <div className="col-lg-6" data-aos="fade-right" data-aos-duration="1200">
        <Image width={550} height={649} style={{height:'fit-content'}}     src="/images/media/a-first.png" alt="about" className="m-auto" />
      </div>
      {/* End .col */}

      <div className="col-lg-6" data-aos="fade-left" data-aos-duration="1200">
        <div className="text-wrapper">
          {/*<div className="client-info font-rubik">*/}
          {/*  Over <span>150,000+ client</span>*/}
          {/*</div>*/}
          <div className="title-style-five">
            <h2>
              <span>We are an </span> AI-first agency.
            </h2>
          </div>
          <p className="font-rubik">
            What sets us apart? Our proprietary software technology provides a unique edge in this competitive landscape. It’s not just about what we do; it’s about how we do it. We’re not just another agency—we’re the future of fintech marketing.
          </p>
          {/*<p className="font-rubik">*/}
          {/*  We aim to answer any query in less than 10 minutes.*/}
          {/*</p>*/}
          {/*<div className="name font-slab">Mitchell Garner</div>*/}
        </div>
        {/* /.text-wrapper */}
      </div>
      {/* End .col */}
    </div>
  );
};

export default About;