From 88f7fc1fcd6e741405eb5c0b725be268ccf7d468 Mon Sep 17 00:00:00 2001 From: geun <1416geun@naver.com> Date: Wed, 27 May 2026 15:00:06 +0900 Subject: [PATCH] =?UTF-8?q?=EA=B3=B5=ED=86=B5=EC=9E=91=EC=97=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/css/common.css | 4 ++-- src/pages/business/MaintenancePage.jsx | 20 +++++++++++--------- src/pages/business/RndPage.jsx | 14 +++++++++----- src/pages/business/SiPage.jsx | 20 +++++++++++--------- src/pages/solution/FlightControlPage.jsx | 21 ++++++++++++--------- src/pages/solution/IbePage.jsx | 19 ++++++++++++------- src/pages/solution/SmartTourPage.jsx | 23 +++++++++++++---------- src/pages/utm/CasePage.jsx | 12 ++++++------ src/pages/utm/IntroPage.jsx | 4 ++-- 9 files changed, 78 insertions(+), 59 deletions(-) diff --git a/src/css/common.css b/src/css/common.css index e01c7f6..e009771 100644 --- a/src/css/common.css +++ b/src/css/common.css @@ -37,8 +37,8 @@ body{overflow-x:hidden;} .sh4-inner{position:relative;z-index:2;max-width:1440px;margin:0 auto;} .sh4-right{position:relative;height:100%;min-height:320px;} .sh4-label{display:block;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(26,31,94,.38);margin-bottom:20px;opacity:0;transform:translateY(10px);animation:sh4Up .55s cubic-bezier(.16,1,.3,1) forwards;} -.sh4-title{margin:0 0 20px;font-size:clamp(40px,6vw,80px);font-weight:900;line-height:1.05;letter-spacing:-.055em;color:var(--navy);} -.sh4-title em{font-size:7rem;font-style:normal;background:var(--grad-brand-h);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} +.sh4-title{margin:0 0 20px;font-size:clamp(40px,6vw,80px);font-weight:900;line-height:1.25;letter-spacing:-.055em;color:var(--navy);} +.sh4-title em{padding-right:1rem;font-size:7rem;font-style:normal;background:var(--grad-brand-h);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} .sh4-title-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em;} .sh4-title-line-inner{display:block;} diff --git a/src/pages/business/MaintenancePage.jsx b/src/pages/business/MaintenancePage.jsx index 6b53ca9..2cdf56b 100644 --- a/src/pages/business/MaintenancePage.jsx +++ b/src/pages/business/MaintenancePage.jsx @@ -3,27 +3,29 @@ import useFadeIn from "../../hooks/useFadeIn"; function MaintenancePage() { const ref = useFadeIn(); - + const BUSINESS_NAV = [ + { label: "System Integration", to: "/business/si" }, + { label: "R&D", to: "/business/rnd" }, + { label: "운영 · 유지보수", to: "/business/maintenance" }, + ]; return (
- 안정적인 시스템 관리 -
- 운영 · 유지보수 + {/* 안정적인 시스템 관리 +
*/} + Maintenance } - desc="구축 이후에도 끊김 없는 서비스 운영을 위해 장기 파트너십 기반의 유지보수를 제공합니다." - // navItems={} + // desc="구축 이후에도 끊김 없는 서비스 운영을 위해 장기 파트너십 기반의 유지보수를 제공합니다." + navItems={BUSINESS_NAV} />
- - 운영 · 유지보수 - + 운영 · 유지보수 {/*
diff --git a/src/pages/business/RndPage.jsx b/src/pages/business/RndPage.jsx index 11cd2ba..453856e 100644 --- a/src/pages/business/RndPage.jsx +++ b/src/pages/business/RndPage.jsx @@ -3,20 +3,24 @@ import useFadeIn from "../../hooks/useFadeIn"; function RndPage() { const ref = useFadeIn(); - + const BUSINESS_NAV = [ + { label: "System Integration", to: "/business/si" }, + { label: "R&D", to: "/business/rnd" }, + { label: "운영 · 유지보수", to: "/business/maintenance" }, + ]; return (
- 관제 기술 혁신 -
+ {/* 관제 기술 혁신 +
*/} R&D } - desc="항공·관제 도메인 특화 기술 연구로 차세대 솔루션을 만들어갑니다." - // navItems={} + // desc="항공·관제 도메인 특화 기술 연구로 차세대 솔루션을 만들어갑니다." + navItems={BUSINESS_NAV} />
diff --git a/src/pages/business/SiPage.jsx b/src/pages/business/SiPage.jsx index f996d35..bba2a7a 100644 --- a/src/pages/business/SiPage.jsx +++ b/src/pages/business/SiPage.jsx @@ -3,27 +3,29 @@ import useFadeIn from "../../hooks/useFadeIn"; function SiPage() { const ref = useFadeIn(); - + const BUSINESS_NAV = [ + { label: "System Integration", to: "/business/si" }, + { label: "R&D", to: "/business/rnd" }, + { label: "운영 · 유지보수", to: "/business/maintenance" }, + ]; return (
- 시스템 통합 구축 -
- System Integration + {/* 시스템 통합 구축 +
*/} + SI Solutions } - desc="공공·민간 분야의 정보시스템 구축부터 운영까지 전 과정을 책임지는 SI 서비스를 제공합니다." - // navItems={} + // desc="공공·민간 분야의 정보시스템 구축부터 운영까지 전 과정을 책임지는 SI 서비스를 제공합니다." + navItems={BUSINESS_NAV} />
- - 시스템 통합 구축 - + 시스템 통합 구축 {/*
diff --git a/src/pages/solution/FlightControlPage.jsx b/src/pages/solution/FlightControlPage.jsx index 36d93d0..c1ea4ef 100644 --- a/src/pages/solution/FlightControlPage.jsx +++ b/src/pages/solution/FlightControlPage.jsx @@ -3,27 +3,30 @@ 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 (
- 실시간 운항 관제 -
- 비행상황관리 시스템 + {/* 실시간 운항 관제 +
*/} + Flight Management } - desc="항공기 운항 정보를 실시간으로 수집·분석하여 안전한 비행 운영을 지원하는 통합 관제 솔루션입니다." - // navItems={} + // desc="항공기 운항 정보를 실시간으로 수집·분석하여 안전한 비행 운영을 지원하는 통합 관제 솔루션입니다." + navItems={SOLUTION_NAV} />
- - 비행상황관리 시스템 - + 비행상황관리 시스템 {/*
diff --git a/src/pages/solution/IbePage.jsx b/src/pages/solution/IbePage.jsx index 6057c5a..e8f3e75 100644 --- a/src/pages/solution/IbePage.jsx +++ b/src/pages/solution/IbePage.jsx @@ -3,21 +3,26 @@ import SubHero from "../../components/SubHero"; function IbePage() { 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 (
- 통합 항공 예약 시스템 -
- Internet Booking Engine + {/* 통합 항공 예약 시스템 +
*/} + IBE } - desc="온라인 항공 예약과 발권을 위한 통합 엔진으로 - 안정적이고 확장 가능한 예약 플랫폼을 제공합니다." - // navItems={} + // desc="온라인 항공 예약과 발권을 위한 통합 엔진으로 + // 안정적이고 확장 가능한 예약 플랫폼을 제공합니다." + navItems={SOLUTION_NAV} />
diff --git a/src/pages/solution/SmartTourPage.jsx b/src/pages/solution/SmartTourPage.jsx index 7a7bff5..ec3c6cf 100644 --- a/src/pages/solution/SmartTourPage.jsx +++ b/src/pages/solution/SmartTourPage.jsx @@ -3,28 +3,31 @@ import SubHero from "../../components/SubHero"; function SmartTourPage() { 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 (
- 여행의 새로운 기준 -
- 스마트 관광 예약 플랫폼 + {/* 여행의 새로운 기준 +
*/} + Smart Tourism } - desc="관광 상품 검색부터 예약, 결제, 운영 관리까지 - 하나의 플랫폼에서 통합 제공하는 솔루션입니다." - // navItems={} + // desc="관광 상품 검색부터 예약, 결제, 운영 관리까지 + // 하나의 플랫폼에서 통합 제공하는 솔루션입니다." + navItems={SOLUTION_NAV} />
- - 스마트 관광 예약 플랫폼 - + 스마트 관광 예약 플랫폼 {/*
diff --git a/src/pages/utm/CasePage.jsx b/src/pages/utm/CasePage.jsx index 9398f14..e1e16f4 100644 --- a/src/pages/utm/CasePage.jsx +++ b/src/pages/utm/CasePage.jsx @@ -4,8 +4,8 @@ import useFadeIn from "../../hooks/useFadeIn"; function CasePage() { const ref = useFadeIn(); const UTM_NAV = [ - { label: "UTM/UATM 소개", to: "/UTM/intro" }, - { label: "도입사례", to: "/UTM/case" }, + { label: "UTM/UATM 소개", to: "/utm/intro" }, + { label: "도입사례", to: "/utm/case" }, ]; return (
@@ -13,12 +13,12 @@ function CasePage() { label="UTM/UATM" title={ <> - 구축 및 운영 -
- 도입사례 + {/* 구축 및 운영 +
*/} + Case Studies } - desc="PAL Networks의 UTM/UATM 기술이 적용된 실제 사례를 소개합니다." + // desc="PAL Networks의 UTM/UATM 기술이 적용된 실제 사례를 소개합니다." navItems={UTM_NAV} /> diff --git a/src/pages/utm/IntroPage.jsx b/src/pages/utm/IntroPage.jsx index 5ceb57b..f2ccd98 100644 --- a/src/pages/utm/IntroPage.jsx +++ b/src/pages/utm/IntroPage.jsx @@ -4,8 +4,8 @@ import useFadeIn from "../../hooks/useFadeIn"; function IntroPage() { const ref = useFadeIn(); const UTM_NAV = [ - { label: "UTM/UATM 소개", to: "/UTM/intro" }, - { label: "도입사례", to: "/UTM/case" }, + { label: "UTM/UATM 소개", to: "/utm/intro" }, + { label: "도입사례", to: "/utm/case" }, ]; return (