import Link from "next/link";
import Thumb41 from "../../../public/assets/imgs/thumb/4/1.png";
import Shape21 from "../../../public/assets/imgs/shape/21.png";
import Shape22 from "../../../public/assets/imgs/shape/22.png";
import Solution from "../../../public/assets/imgs/thumb/solution.jpg";
import Image from "next/image";

const StartupAgencyCTA = () => {
  return (
    <>
      <div className="cta__area-4">
        <div className="container g-0 line_4 pb-150">
          <div className="line-col-4">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
          </div>

          <div className="cta__inner-4">
            <div className="row">
              <div className="col-xxl-4 col-xl-4 col-lg-4 col-md-4">
                <div className="cta__content-4">
                  <Image
                    priority
                    width={270}
                    height={264}
                    src={Solution}
                    alt="Cta Image"
                  />
                </div>
              </div>
              <div className="col-xxl-4 col-xl-4 col-lg-4 col-md-4">
                <div className="cta__content-4">
                  <h2 className="cta__title-4 title-anim">
                    Need something special?
                  </h2>
                </div>
              </div>
              <div className="col-xxl-4 col-xl-4 col-lg-4 col-md-4">
                <div className="cta__content-4 text-anim">
                  <p>
                    We are happy to provide you with a customised solution made especially for you
                  </p>
                  <Link className="btn-started" href="/contact">
                    Get a Quote{" "}
                    <span>
                      <i className="fa-solid fa-arrow-right"></i>
                    </span>
                  </Link>
                </div>
              </div>
            </div>

            <Image
              priority
              width={150}
              style={{ height: "auto" }}
              src={Shape21}
              alt="shape Image"
              className="cta-shape"
            />
            <Image
              priority
              width={60}
              height={38}
              src={Shape22}
              alt="shape Image"
              className="cta-shape-2"
            />
          </div>
        </div>
      </div>
    </>
  );
};

export default StartupAgencyCTA;
