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

function FlightControlPage() {
  const ref = useFadeIn();
  const SOLUTION_NAV = [
    { label: "비행상황관리 시스템", to: "/solution/flight-control" },
    { label: "IBE (Internet Booking Engine)", to: "/solution/ibe" },
    { label: "스마트 관광 예약 플랫폼", to: "/solution/smart-tour" },
    { label: "KT G-cloud 인천총판", to: "/solution/kt-gcloud" },
  ];
  return (
    <article ref={ref}>
      <SubHero
        label="SOLUTION"
        title={
          <>
            {/* <span style={{ color: "#111" }}>실시간 운항 관제</span>
            <br /> */}
            <em>Flight Management</em>
          </>
        }
        // desc="항공기 운항 정보를 실시간으로 수집·분석하여 안전한 비행 운영을 지원하는 통합 관제 솔루션입니다."
        navItems={SOLUTION_NAV}
      />

      <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;