index.js

import React from "react";
import Button from "../../../reusecore/Button";
import CloudNativeWrapper from "./cloud-native.style";
const cncf = "/partners/cncf-stacked-white-color.svg";

const CloudNativeLeaders = () => {
  return (
    <CloudNativeWrapper className="arrow">
      <div className="cloud-cont">
        <div className="col-1">
          <p>We are</p>
          <h1>Cloud Native</h1>
          <h1>Leaders</h1>
        </div>
        <div className="col-2">
          <p>
            From the beginning Layer5 actively engaged in leadership roles in
            CNCF initiatives and projects.
          </p>
          <img src={cncf} alt="Cloud Native-logo" loading="lazy" />
          <p>Commissioned by the CNCF.</p>
        </div>
      </div>
      <div className="btn-cont">
        <Button $primary title="About Us" $url="/company/about" />
      </div>
    </CloudNativeWrapper>
  );
};

export default CloudNativeLeaders;