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

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

  return (
    <article ref={ref}>
      <SubHero
        label="SOLUTION"
        title={
          <>
            <span style={{ color: "#111" }}>실시간 운항 관제</span>
            <br />
            <em>비행상황관리 시스템</em>
          </>
        }
        desc="항공기 운항 정보를 실시간으로 수집·분석하여 안전한 비행 운영을 지원하는 통합 관제 솔루션입니다."
        // navItems={}
      />

      <div className="sub-content">
        <section className="sub-section">
          <span className="sub-section-eyebrow sub-fade-in">
            비행상황관리 시스템
          </span>
          {/* <main className="sub-page">
            <section className="sub-visual">
              <div className="inner">
                <h2>비행상황관리 시스템</h2>
                <p>Flight Situation Management System</p>
              </div>
            </section>

            <section className="sub-content-section">
              <div className="inner">
                <h3>실시간 비행 상황 통합 관제</h3>
                <p>
                  항공기 운항 정보를 실시간으로 수집·분석하여
                  <br />
                  안전한 비행 운영을 지원하는 통합 관제 솔루션입니다.
                </p>
              </div>
            </section>
          </main> */}
        </section>
      </div>
    </article>
  );
}

export default FlightControlPage;
