diff --git a/public/images/mainvideo.mp4 b/public/images/mainvideo.mp4 new file mode 100644 index 0000000..3de3d42 Binary files /dev/null and b/public/images/mainvideo.mp4 differ diff --git a/public/images/test.mp4 b/public/images/test.mp4 deleted file mode 100644 index bd1cc02..0000000 Binary files a/public/images/test.mp4 and /dev/null differ diff --git a/src/Router.jsx b/src/Router.jsx index 1f463b7..ee26d6d 100644 --- a/src/Router.jsx +++ b/src/Router.jsx @@ -1,19 +1,84 @@ -import { Routes, Route, Navigate } from 'react-router-dom' +import { Routes, Route, Navigate } from "react-router-dom"; -import MainLayout from './components/MainLayout' -import MainPage from './pages/MainPage' -import AboutPage from './pages/AboutPage' +import MainLayout from "./components/MainLayout"; +import SubLayout from "./components/SubLayout"; + +// Main +import MainPage from "./pages/MainPage"; + +// Company +import CompanyAboutPage from "./pages/company/AboutPage"; +import CompanyHistoryPage from "./pages/company/HistoryPage"; +import CompanyPartnersPage from "./pages/company/PartnersPage"; +import CompanyLocationPage from "./pages/company/LocationPage"; + +// UAM/UATM +import UamIntroPage from "./pages/uam/IntroPage"; +import UamCasePage from "./pages/uam/CasePage"; + +// Business +import BusinessSiPage from "./pages/business/SiPage"; +import BusinessRndPage from "./pages/business/RndPage"; +import BusinessMaintenancePage from "./pages/business/MaintenancePage"; + +// Solution +import SolutionFlightControlPage from "./pages/solution/FlightControlPage"; +import SolutionIbePage from "./pages/solution/IbePage"; +import SolutionSmartTourPage from "./pages/solution/SmartTourPage"; +import SolutionKtGcloudPage from "./pages/solution/KtGcloudPage"; + +// Contact +import ContactInquiryPage from "./pages/contact/InquiryPage"; +import ContactRecruitPage from "./pages/contact/RecruitPage"; function Router() { return ( + {/* 루트 진입 시 메인으로 리다이렉트 */} + } /> + + {/* 메인 페이지 */} }> - } /> - } /> - } /> + } /> + + {/* 서브 페이지 */} + }> + {/* Company */} + } /> + } /> + } /> + } /> + } /> + + {/* UAM/UATM */} + } /> + } /> + } /> + + {/* Business */} + } /> + } /> + } /> + } /> + + {/* Solution */} + } /> + } /> + } /> + } /> + } /> + + {/* Contact Us */} + } /> + } /> + } /> + + + {/* 404: 잘못된 경로는 메인으로 */} + {/* } /> */} - ) + ); } -export default Router +export default Router; diff --git a/src/components/Header.jsx b/src/components/Header.jsx index da9b0c9..d1b6ac3 100644 --- a/src/components/Header.jsx +++ b/src/components/Header.jsx @@ -3,133 +3,134 @@ import { Link, NavLink } from "react-router-dom"; const menuData = [ { - key: "about", + key: "company", label: "Company", + to: "/company", panelTitle: "PAL Networks", - panelDesc: "회사 소개와 비전, 연혁, 인증 및 조직 정보를 확인할 수 있습니다.", + panelDesc: "회사 소개와 비전, 연혁, 파트너십 정보를 확인할 수 있습니다.", sections: [ { title: "회사 소개", items: [ - { label: "회사소개", to: "/About", desc: "기업 철학과 핵심 가치" }, - { label: "연혁", to: "/history", desc: "주요 실적과 성장 과정" }, - { label: "조직도", to: "/organization", desc: "조직 구성과 역할" }, + { label: "회사소개", to: "/company/about", desc: "기업 철학과 핵심 가치" }, + { label: "연혁", to: "/company/history", desc: "주요 실적과 성장 과정" }, ], }, { title: "신뢰 정보", items: [ - { label: "인증 및 특허", to: "/certification", desc: "기술력과 공인 인증 현황" }, - { label: "파트너십", to: "/partners", desc: "협력사 및 네트워크" }, - { label: "오시는 길", to: "/location", desc: "위치 및 연락처 안내" }, + { label: "고객 및 협력사", to: "/company/partners", desc: "주요 고객과 협력 네트워크" }, + { label: "찾아오시는 길", to: "/company/location", desc: "위치 및 연락처 안내" }, ], }, ], featured: { eyebrow: "About Us", title: "신뢰를 기반으로\n항공·플랫폼 기술을 확장합니다.", - text: "기업 소개 영역은 가볍게 보이지 않도록, 핵심 메시지와 신뢰 요소를 함께 노출하는 구성이 좋습니다.", + // text: "기업 소개 영역은 가볍게 보이지 않도록, 핵심 메시지와 신뢰 요소를 함께 노출하는 구성이 좋습니다.", cta: { label: "회사소개 보기", to: "/company" }, }, }, + { + key: "uam", + label: "UAM/UATM", + to: "/uam", + panelTitle: "UAM / UATM", + panelDesc: "도심 항공 모빌리티와 통합 항공 교통 관리 기술을 소개합니다.", + sections: [ + { + title: "기술 소개", + items: [ + { label: "UAM/UATM 소개", to: "/uam/intro", desc: "도심 항공 모빌리티 핵심 기술" }, + { label: "도입사례", to: "/uam/case", desc: "주요 도입 및 운영 사례" }, + ], + }, + ], + featured: { + eyebrow: "Advanced Air Mobility", + title: "안전한 하늘길,\n기술로 완성합니다.", + text: "PAL Networks의 UAM·UATM 기술은 도심 상공의 안전 운항과 통합 관제를 실현합니다.", + cta: { label: "UAM/UATM 보기", to: "/uam" }, + }, + }, { key: "business", label: "Business", + to: "/business", panelTitle: "Business Area", - panelDesc: "팔네트웍스의 주요 사업 영역과 구축 역량을 한눈에 볼 수 있습니다.", + panelDesc: "구축부터 운영까지, PAL Networks의 종합 IT 서비스 역량을 소개합니다.", sections: [ { - title: "사업 분야", + title: "구축 · 개발", items: [ - { label: "System Integration", to: "/business/system-integration", desc: "맞춤형 정보시스템 구축" }, - { label: "플랫폼 구축", to: "/business/platform", desc: "서비스 플랫폼 기획·개발" }, + { label: "System Integration", to: "/business/si", desc: "맞춤형 정보시스템 구축" }, { label: "R&D", to: "/business/rnd", desc: "연구 개발 및 기술 고도화" }, ], }, { - title: "특화 영역", - items: [ - { label: "항공/관제", to: "/business/aviation", desc: "항공·관제 특화 서비스" }, - { label: "스마트 관광", to: "/business/tourism", desc: "관광·예약 플랫폼 구축" }, - { label: "공공/기업 SI", to: "/business/public-enterprise", desc: "공공·기업 대상 구축 경험" }, - ], + title: "운영 · 지원", + items: [{ label: "운영 · 유지보수", to: "/business/maintenance", desc: "안정적인 시스템 운영과 사후 관리" }], }, ], featured: { eyebrow: "Core Capability", - title: "기획부터 구축, 운영까지\n실무형 역량으로 연결합니다.", - text: "사업영역은 단순 나열보다 “무엇을 잘하는 회사인지” 바로 이해되게 보여주는 게 중요합니다.", + title: "구축에서 운영까지,\n끝까지 책임지는 파트너.", + text: "단순 납품이 아닌 장기 파트너십으로, 고객 시스템의 안정적 운영을 함께합니다.", cta: { label: "사업영역 보기", to: "/business" }, }, }, { key: "solution", label: "Solution", + to: "/solution", panelTitle: "Solution & Service", - panelDesc: "산업별 솔루션과 서비스 포트폴리오를 확장 가능한 구조로 구성합니다.", + panelDesc: "산업별 솔루션과 서비스 포트폴리오를 확인하실 수 있습니다.", sections: [ { - title: "주요 솔루션", + title: "운영 솔루션", items: [ - { label: "항공예약 플랫폼", to: "/solution/air-booking", desc: "예약·발권·운영 플랫폼" }, - { label: "스마트 관광 플랫폼", to: "/solution/smart-tour", desc: "관광 서비스 통합 운영" }, - { label: "상황관제 시스템", to: "/solution/control", desc: "실시간 상황 모니터링" }, + { label: "비행상황관리 시스템", to: "/solution/flight-control", desc: "실시간 비행 상황 통합 관제" }, + { label: "IBE (Internet Booking Engine)", to: "/solution/ibe", desc: "항공 예약·발권 엔진" }, ], }, { - title: "확장 서비스", + title: "플랫폼 · 인프라", items: [ - { label: "VR/AR 시뮬레이터", to: "/solution/simulator", desc: "훈련·체험형 시뮬레이션" }, - { label: "클라우드 서비스", to: "/solution/cloud", desc: "운영 인프라 및 클라우드 연계" }, - { label: "커스텀 솔루션", to: "/solution/custom", desc: "고객 맞춤형 확장 개발" }, + { label: "스마트 관광 예약 플랫폼", to: "/solution/smart-tour", desc: "관광 예약 통합 운영 플랫폼" }, + { label: "KT G-cloud 인천총판", to: "/solution/kt-gcloud", desc: "공공 클라우드 인프라 공급" }, ], }, ], featured: { - eyebrow: "Scalable Navigation", - title: "지금은 기업 사이트,\n나중에는 솔루션 허브까지.", - text: "메가패널 구조를 미리 잡아두면 추후 메뉴가 늘어나도 헤더를 다시 뜯지 않아도 됩니다.", + eyebrow: "Scalable Solutions", + title: "검증된 솔루션으로\n비즈니스 가치를 만듭니다.", + text: "운영 노하우가 축적된 자체 솔루션과 파트너십 기반 인프라를 함께 제공합니다.", cta: { label: "솔루션 보기", to: "/solution" }, }, }, { - key: "reference", - label: "Reference", - panelTitle: "Reference", - panelDesc: "구축 사례와 주요 프로젝트를 통해 신뢰도를 높일 수 있습니다.", + key: "contact", + label: "Contact Us", + to: "/contact", + panelTitle: "Contact Us", + panelDesc: "프로젝트 문의와 인재 채용 정보를 확인하실 수 있습니다.", sections: [ { - title: "프로젝트", - items: [ - { label: "구축 사례", to: "/reference/case", desc: "주요 구축 사례 소개" }, - { label: "프로젝트 실적", to: "/reference/project", desc: "산업별 수행 실적" }, - { label: "고객사", to: "/reference/client", desc: "주요 고객 및 협력 기관" }, - ], - }, - { - title: "콘텐츠", + title: "문의 및 채용", items: [ - { label: "뉴스", to: "/news", desc: "기업 소식 및 업데이트" }, - { label: "홍보자료", to: "/media", desc: "브로슈어 및 홍보 콘텐츠" }, - { label: "공지사항", to: "/notice", desc: "공지 및 안내 정보" }, + { label: "문의하기", to: "/contact/inquiry", desc: "프로젝트 및 협업 문의" }, + { label: "채용정보", to: "/contact/recruit", desc: "함께할 동료를 찾습니다" }, ], }, ], featured: { - eyebrow: "Trust Point", - title: "결국 회사 사이트는\n“무엇을 해왔는지”가 보여야 합니다.", - text: "레퍼런스와 뉴스는 단순 보조 메뉴가 아니라 신뢰를 만드는 핵심 축으로 잡는 게 좋습니다.", - cta: { label: "레퍼런스 보기", to: "/reference" }, + eyebrow: "Get in Touch", + title: "함께 만들어갈\n파트너를 기다립니다.", + text: "프로젝트 협업이든 커리어든, 편하게 연락 주세요.", + cta: { label: "문의 바로가기", to: "/contact/inquiry" }, }, }, - { - key: "contact", - label: "Contact", - to: "/contact", - simple: true, - }, ]; - export default function PalRenewalHeader() { const [activeMenu, setActiveMenu] = useState(null); const [isHeaderHover, setIsHeaderHover] = useState(false); @@ -330,9 +331,13 @@ export default function PalRenewalHeader() {
- - Contact - +
+ + | + +