import useFadeIn from "../../hooks/useFadeIn";
import SubHero from "../../components/SubHero";

function KtGcloudPage() {
  const ref = useFadeIn();

  return (
    <article ref={ref}>
      <SubHero
        label="SOLUTION"
        title={
          <>
            <span style={{ color: "#111" }}>클라우드 인프라 공급</span>
            <br />
            <em>KT G-cloud 인천총판</em>
          </>
        }
        desc="KT G-cloud 인천 지역 총판 파트너로서
공공기관 클라우드 인프라 도입과 운영을 지원합니다."
        // navItems={}
      />

      <div className="sub-content">
        <section className="sub-section">
          <span className="sub-section-eyebrow sub-fade-in">
            KT G-cloud 인천총판
          </span>

          {/* <main className="sub-page">
              <section className="sub-visual">
                <div className="inner">
                  <h2>KT G-cloud 인천총판</h2>
                  <p>KT G-cloud Incheon Distributor</p>
                </div>
              </section>

              <section className="sub-content-section">
                <div className="inner">
                  <h3>공공 클라우드 인프라 공급</h3>
                  <p>
                    KT G-cloud 인천 지역 총판 파트너로서
                    <br />
                    공공기관 클라우드 인프라 도입과 운영을 지원합니다.
                  </p>
                </div>
              </section>
            </main> */}
        </section>
      </div>
    </article>
  );
}

export default KtGcloudPage;