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

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

  return (
    <article ref={ref}>
      <SubHero
        label="BUSINESS"
        title={
          <>
            <span style={{ color: "#111" }}>관제 기술 혁신</span>
            <br />
            <em>R&D</em>
          </>
        }
        desc="항공·관제 도메인 특화 기술 연구로 차세대 솔루션을 만들어갑니다."
        // navItems={}
      />

      <div className="sub-content">
        <section className="sub-section">
          <span className="sub-section-eyebrow sub-fade-in">UAM/UATM 소개</span>
          {/* <main className="sub-page">
            <section className="sub-visual">
              <div className="inner">
                <h2>R&amp;D</h2>
                <p>Research &amp; Development</p>
              </div>
            </section>

            <section className="sub-content-section">
              <div className="inner">
                <h3>연구 개발 및 기술 고도화</h3>
                <p>
                  항공·관제 도메인 특화 기술 연구로
                  <br />
                  차세대 솔루션을 만들어갑니다.
                </p>
              </div>
            </section>
          </main> */}
        </section>
      </div>
    </article>
  );
}

export default RndPage;
