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

function IntroPage() {
  const ref = useFadeIn();
  const UTM_NAV = [
    { label: "UTM/UATM 소개", to: "/UTM/intro" },
    { label: "도입사례", to: "/UTM/case" },
  ];
  return (
    <article ref={ref}>
      <SubHero
        label="BUSINESS"
        title={
          <>
            {/* <span style={{ color: "#111" }}>미래 항공 모빌리티</span>
            <br /> */}
            <em>UTM/UATM</em>
          </>
        }
        // desc="안전한 도심 상공 운항과 통합 관제를 실현하는 PAL Networks의 UTM/UATM 기술을 소개합니다."
        navItems={UTM_NAV}
      />

      <div className="sub-content">
        <section className="sub-section">
          <span className="sub-section-eyebrow sub-fade-in">UTM/UATM 소개</span>
          {/* <main className="sub-page">
            <section className="sub-visual">
              <div className="inner">
                <h2>UTM/UATM 소개</h2>
                <p>Urban Air Mobility &amp; UTM Air Traffic Management</p>
              </div>
            </section>

            <section className="sub-content-section">
              <div className="inner">
                <h3>도심 항공 모빌리티 핵심 기술</h3>
                <p>
                  안전한 도심 상공 운항과 통합 관제를 실현하는
                  <br />
                  PAL Networks의 UTM/UATM 기술을 소개합니다.
                </p>
              </div>
            </section>
          </main> */}
        </section>
      </div>
    </article>
  );
}

export default IntroPage;
