keystone/components/common/Challanges.jsx

import React from "react";
import Image from "next/image";
export default function Challanges() {
  return (
    <div className="section tf-spacing-7">
      <div className="tf-container">
        <div className="heading-section text-center mb_87">
          <h2 className="split-text effect-right">
            Solving IT Challenges in Every Industry
          </h2>
          <p
            className="text_color-text-2 text-body-1 mt_20 wow animate__fadeInUp animate__animated"
            data-wow-delay="0s"
          >
            From an early stage start-up’s growth strategies to helping existing
            businesses, we have done it all!
          </p>
        </div>
        <div className="wrap-challenges-item">
          <a href="#" className="challenges-item">
            <Image
              alt="challenges-item"
              src="/images/section/challenges-item-1.jpg"
              width={96}
              height={96}
            />
            <p className="text-body-2 text_black">Agribussiness</p>
          </a>
          <a href="#" className="challenges-item">
            <Image
              alt="challenges-item"
              src="/images/section/challenges-item-2.jpg"
              width={96}
              height={96}
            />
            <p className="text-body-2 text_black">Advanced Manufacturing</p>
          </a>
          <a href="#" className="challenges-item">
            <Image
              alt="challenges-item"
              src="/images/section/challenges-item-3.jpg"
              width={96}
              height={96}
            />
            <p className="text-body-2 text_black">Automotive &amp; Mobility</p>
          </a>
          <a href="#" className="challenges-item">
            <Image
              alt="challenges-item"
              src="/images/section/challenges-item-4.jpg"
              width={96}
              height={96}
            />
            <p className="text-body-2 text_black">Financial Services</p>
          </a>
          <a href="#" className="challenges-item">
            <Image
              alt="challenges-item"
              src="/images/section/challenges-item-5.jpg"
              width={96}
              height={96}
            />
            <p className="text-body-2 text_black">
              Healthcare &amp; Life Sciences
            </p>
          </a>
          <a href="#" className="challenges-item">
            <Image
              alt="challenges-item"
              src="/images/section/challenges-item-6.jpg"
              width={96}
              height={96}
            />
            <p className="text-body-2 text_black">
              Ener &amp; Natural Resources
            </p>
          </a>
          <a href="#" className="challenges-item">
            <Image
              alt="challenges-item"
              src="/images/section/challenges-item-7.jpg"
              width={96}
              height={96}
            />
            <p className="text-body-2 text_black">Media &amp; Entertainment</p>
          </a>
          <a href="#" className="challenges-item">
            <Image
              alt="challenges-item"
              src="/images/section/challenges-item-8.jpg"
              width={96}
              height={96}
            />
            <p className="text-body-2 text_black">Telecommunication</p>
          </a>
          <a href="#" className="challenges-item">
            <Image
              alt="challenges-item"
              src="/images/section/challenges-item-9.jpg"
              width={96}
              height={96}
            />
            <p className="text-body-2 text_black">Social &amp; Public Sector</p>
          </a>
          <a href="#" className="challenges-item">
            <Image
              alt="challenges-item"
              src="/images/section/challenges-item-10.jpg"
              width={96}
              height={96}
            />
            <p className="text-body-2 text_black">Technology</p>
          </a>
          <a href="#" className="challenges-item">
            <Image
              alt="challenges-item"
              src="/images/section/challenges-item-11.jpg"
              width={96}
              height={96}
            />
            <p className="text-body-2 text_black">Forest Products</p>
          </a>
        </div>
      </div>
    </div>
  );
}