diff --git a/src/components/Header.jsx b/src/components/Header.jsx index 4201c0b..2c3b9d3 100644 --- a/src/components/Header.jsx +++ b/src/components/Header.jsx @@ -93,13 +93,13 @@ const menuData = [ { label: "IBE (Internet Booking Engine)", to: "/solution/ibe", desc: "항공 예약·발권 엔진" }, ], }, - { - title: "플랫폼 · 인프라", - items: [ - { label: "스마트 관광 예약 플랫폼", to: "/solution/smart-tour", desc: "관광 예약 통합 운영 플랫폼" }, - { label: "KT G-cloud 인천총판", to: "/solution/kt-gcloud", desc: "공공 클라우드 인프라 공급" }, - ], - }, + // { + // title: "플랫폼 · 인프라", + // items: [ + // { label: "스마트 관광 예약 플랫폼", to: "/solution/smart-tour", desc: "관광 예약 통합 운영 플랫폼" }, + // { label: "KT G-cloud 인천총판", to: "/solution/kt-gcloud", desc: "공공 클라우드 인프라 공급" }, + // ], + // }, ], featured: { eyebrow: "Scalable Solutions", diff --git a/src/css/common.css b/src/css/common.css index d7d7390..5911b4d 100644 --- a/src/css/common.css +++ b/src/css/common.css @@ -759,7 +759,7 @@ body{overflow-x:hidden;} .fc-func-item__arrow {flex-shrink:0;color:var(--color-primary);display:flex;align-items:center;} .fc-func-item__line {position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--color-primary);transform-origin:left;will-change:transform;} -.fc-func-display {flex:0 0 340px;} +.fc-func-display {flex:0 0 500px;} .fc-func-display__inner {position:relative;border-radius:.875rem;overflow:hidden;background:#0a0e2e;aspect-ratio:2/1;} .fc-func-display__img {width:100%;height:100%;object-fit:cover;display:block;} .fc-func-display__caption {position:absolute;bottom:0;left:0;right:0;padding:.85rem 1rem;background:linear-gradient(to top, rgba(10,14,46,.88) 0%, transparent 100%);display:flex;align-items:center;gap:.55rem;} @@ -865,6 +865,7 @@ body{overflow-x:hidden;} .fc-highlight__desc { font-size: 0.82rem; } .fc-highlight__float-icon { width: 48px; height: 48px; } .fc-highlight__img-scene { transform: scale(0.75); transform-origin: top center; } + } /* ════════════════════════════════ diff --git a/src/pages/solution/FlightControlPage.jsx b/src/pages/solution/FlightControlPage.jsx index a38aa37..7cdb457 100644 --- a/src/pages/solution/FlightControlPage.jsx +++ b/src/pages/solution/FlightControlPage.jsx @@ -1,26 +1,14 @@ import { useRef, useState } from "react"; import { motion, useInView, AnimatePresence } from "framer-motion"; -import { - Radio, - Puzzle, - Network, - Expand, - Shield, - ArrowUpRight, - Package, - Wind, - AlertTriangle, - Ship, - Plane, -} from "lucide-react"; +import { Radio, Puzzle, Network, Expand, Shield, ArrowUpRight, Package, Wind, AlertTriangle, Ship, Plane } from "lucide-react"; import SubHero from "../../components/SubHero"; import useFadeIn from "../../hooks/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" }, + // { label: "스마트 관광 예약 플랫폼", to: "/solution/smart-tour" }, + // { label: "KT G-cloud 인천총판", to: "/solution/kt-gcloud" }, ]; const FEATURES = [ @@ -100,12 +88,7 @@ const ease = [0.22, 1, 0.36, 1]; function RevealText({ children, delay = 0, className }) { return (
- + {children}
@@ -115,10 +98,7 @@ function RevealText({ children, delay = 0, className }) { function StaggerWords({ text, delay = 0, className }) { const words = text.split(" "); return ( - + {words.map((word, i) => ( - Flight Management} - navItems={SOLUTION_NAV} - /> + Flight Management} navItems={SOLUTION_NAV} />
@@ -245,40 +221,19 @@ function FlightControlPage() { {/* 개요 인트로 */}
- + Overview - + 모든 이동체 정보를
하나의 플랫폼에서
- - 항공기, 무인기, 선박, 지상 이동체의 실시간 정보를 통합 - 모니터링하고
+ + 항공기, 무인기, 선박, 지상 이동체의 실시간 정보를 통합 모니터링하고
상황을 인식하여 신속하고 안전한 운영 의사결정을 지원합니다.
- + {[ { img: "fc_aircraft.png", label: "항공기" }, { img: "fc_drone.png", label: "무인기" }, @@ -286,27 +241,15 @@ function FlightControlPage() { { img: "fc_car.png", label: "차량 등" }, ].map((item, i) => (
- {item.label} + {item.label} {item.label}
))}
- - 비행상황관리 시스템 + + 비행상황관리 시스템
@@ -359,13 +302,7 @@ function FlightControlPage() { icons: null, }, ].map((item, i) => ( - +
{item.tag}

@@ -380,11 +317,7 @@ function FlightControlPage() {

- {item.tag} + {item.tag} {item.icons && item.icons.map((icon, j) => ( - - - + + + )}
@@ -444,13 +352,7 @@ function FlightControlPage() { {/* 2. 수치 지표 */}
{STATS.map(({ value, label }, i) => ( - + {value} {label} @@ -459,24 +361,12 @@ function FlightControlPage() { {/* 3. 적용 분야 */}
- + 적용 분야
{DOMAINS.map(({ icon: Icon, label, desc }, i) => ( - +
@@ -489,79 +379,31 @@ function FlightControlPage() { {/* 4. 주요기능 */}
- + 주요기능
    {FUNCTIONS.map(({ num, label }, i) => ( - setActiveIdx(i)} - initial={{ opacity: 0, y: 16 }} - animate={funcInView ? { opacity: 1, y: 0 } : {}} - transition={{ duration: 0.5, ease, delay: 0.05 * i }} - > + setActiveIdx(i)} initial={{ opacity: 0, y: 16 }} animate={funcInView ? { opacity: 1, y: 0 } : {}} transition={{ duration: 0.5, ease, delay: 0.05 * i }}> {num} {label} - + - + ))}
- - {FUNCTIONS[activeIdx].label} + + {FUNCTIONS[activeIdx].label}
- + {FUNCTIONS[activeIdx].num} - + {FUNCTIONS[activeIdx].label}
@@ -573,23 +415,12 @@ function FlightControlPage() { {/* 5. 시스템 구성 흐름 */}
- + 시스템 구성
{FLOW.map(({ step, label, desc }, i) => ( - + {step} {label}

{desc}