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

function SmartTourPage() {
  const ref = useFadeIn();
  const SOLUTION_NAV = [
    { label: "비행상황관리 시스템", to: "/solution/flight-control" },
    { label: "IBE", 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>Smart Tourism</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>Smart Tourism Booking Platform</p>
              </div>
            </section>

            <section className="sub-content-section">
              <div className="inner">
                <h3>관광 예약 통합 운영 플랫폼</h3>
                <p>
                  관광 상품 검색부터 예약, 결제, 운영 관리까지
                  <br />
                  하나의 플랫폼에서 통합 제공하는 솔루션입니다.
                </p>
              </div>
            </section>
          </main> */}
        </section>
      </div>
    </article>
  );
}

export default SmartTourPage;
