palnetworks
/
pal-hom-2026
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

공통작업

remotes/origin/main
김지은 4 weeks ago
parent
95d3674b5c
commit
88f7fc1fcd
9 changed files with 78 additions and 59 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/css/common.css
  2. 20
      src/pages/business/MaintenancePage.jsx
  3. 14
      src/pages/business/RndPage.jsx
  4. 20
      src/pages/business/SiPage.jsx
  5. 21
      src/pages/solution/FlightControlPage.jsx
  6. 19
      src/pages/solution/IbePage.jsx
  7. 23
      src/pages/solution/SmartTourPage.jsx
  8. 12
      src/pages/utm/CasePage.jsx
  9. 4
      src/pages/utm/IntroPage.jsx

4
src/css/common.css
Unescape View File

@ -37,8 +37,8 @@ body{overflow-x:hidden;}
.sh4-inner{position:relative;z-index:2;max-width:1440px;margin:0 auto;} .sh4-inner{position:relative;z-index:2;max-width:1440px;margin:0 auto;}
.sh4-right{position:relative;height:100%;min-height:320px;} .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-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{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{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 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{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em;}
.sh4-title-line-inner{display:block;} .sh4-title-line-inner{display:block;}

20
src/pages/business/MaintenancePage.jsx
Unescape View File

@ -3,27 +3,29 @@ import useFadeIn from "../../hooks/useFadeIn";
function MaintenancePage() { function MaintenancePage() {
const ref = useFadeIn(); const ref = useFadeIn();
const BUSINESS_NAV = [
{ label: "System Integration", to: "/business/si" },
{ label: "R&D", to: "/business/rnd" },
{ label: "운영 · 유지보수", to: "/business/maintenance" },
];
return ( return (
<article ref={ref}> <article ref={ref}>
<SubHero <SubHero
label="BUSINESS" label="BUSINESS"
title={ title={
<> <>
<span style={{ color: "#111" }}>안정적인 시스템 관리</span> {/* <span style={{ color: "#111" }}>안정적인 시스템 관리</span>
<br /> <br /> */}
<em>운영 · 유지보수</em> <em>Maintenance</em>
</> </>
} }
desc="구축 이후에도 끊김 없는 서비스 운영을 위해 장기 파트너십 기반의 유지보수를 제공합니다." // desc="구축 이후에도 끊김 없는 서비스 운영을 위해 장기 파트너십 기반의 유지보수를 제공합니다."
// navItems={} navItems={BUSINESS_NAV}
/> />
<div className="sub-content"> <div className="sub-content">
<section className="sub-section"> <section className="sub-section">
<span className="sub-section-eyebrow sub-fade-in"> <span className="sub-section-eyebrow sub-fade-in">운영 · 유지보수</span>
운영 · 유지보수
</span>
{/* <main className="sub-page"> {/* <main className="sub-page">
<section className="sub-visual"> <section className="sub-visual">
<div className="inner"> <div className="inner">

14
src/pages/business/RndPage.jsx
Unescape View File

@ -3,20 +3,24 @@ import useFadeIn from "../../hooks/useFadeIn";
function RndPage() { function RndPage() {
const ref = useFadeIn(); const ref = useFadeIn();
const BUSINESS_NAV = [
{ label: "System Integration", to: "/business/si" },
{ label: "R&D", to: "/business/rnd" },
{ label: "운영 · 유지보수", to: "/business/maintenance" },
];
return ( return (
<article ref={ref}> <article ref={ref}>
<SubHero <SubHero
label="BUSINESS" label="BUSINESS"
title={ title={
<> <>
<span style={{ color: "#111" }}>관제 기술 혁신</span> {/* <span style={{ color: "#111" }}>관제 기술 혁신</span>
<br /> <br /> */}
<em>R&D</em> <em>R&D</em>
</> </>
} }
desc="항공·관제 도메인 특화 기술 연구로 차세대 솔루션을 만들어갑니다." // desc="항공·관제 도메인 특화 기술 연구로 차세대 솔루션을 만들어갑니다."
// navItems={} navItems={BUSINESS_NAV}
/> />
<div className="sub-content"> <div className="sub-content">

20
src/pages/business/SiPage.jsx
Unescape View File

@ -3,27 +3,29 @@ import useFadeIn from "../../hooks/useFadeIn";
function SiPage() { function SiPage() {
const ref = useFadeIn(); const ref = useFadeIn();
const BUSINESS_NAV = [
{ label: "System Integration", to: "/business/si" },
{ label: "R&D", to: "/business/rnd" },
{ label: "운영 · 유지보수", to: "/business/maintenance" },
];
return ( return (
<article ref={ref}> <article ref={ref}>
<SubHero <SubHero
label="BUSINESS" label="BUSINESS"
title={ title={
<> <>
<span style={{ color: "#111" }}>시스템 통합 구축</span> {/* <span style={{ color: "#111" }}>시스템 통합 구축</span>
<br /> <br /> */}
<em>System Integration</em> <em>SI Solutions</em>
</> </>
} }
desc="공공·민간 분야의 정보시스템 구축부터 운영까지 전 과정을 책임지는 SI 서비스를 제공합니다." // desc="공공·민간 분야의 정보시스템 구축부터 운영까지 전 과정을 책임지는 SI 서비스를 제공합니다."
// navItems={} navItems={BUSINESS_NAV}
/> />
<div className="sub-content"> <div className="sub-content">
<section className="sub-section"> <section className="sub-section">
<span className="sub-section-eyebrow sub-fade-in"> <span className="sub-section-eyebrow sub-fade-in">시스템 통합 구축</span>
시스템 통합 구축
</span>
{/* <main className="sub-page"> {/* <main className="sub-page">
<section className="sub-visual"> <section className="sub-visual">
<div className="inner"> <div className="inner">

21
src/pages/solution/FlightControlPage.jsx
Unescape View File

@ -3,27 +3,30 @@ import useFadeIn from "../../hooks/useFadeIn";
function FlightControlPage() { function FlightControlPage() {
const ref = useFadeIn(); 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 ( return (
<article ref={ref}> <article ref={ref}>
<SubHero <SubHero
label="SOLUTION" label="SOLUTION"
title={ title={
<> <>
<span style={{ color: "#111" }}>실시간 운항 관제</span> {/* <span style={{ color: "#111" }}>실시간 운항 관제</span>
<br /> <br /> */}
<em>비행상황관리 시스템</em> <em>Flight Management</em>
</> </>
} }
desc="항공기 운항 정보를 실시간으로 수집·분석하여 안전한 비행 운영을 지원하는 통합 관제 솔루션입니다." // desc="항공기 운항 정보를 실시간으로 수집·분석하여 안전한 비행 운영을 지원하는 통합 관제 솔루션입니다."
// navItems={} navItems={SOLUTION_NAV}
/> />
<div className="sub-content"> <div className="sub-content">
<section className="sub-section"> <section className="sub-section">
<span className="sub-section-eyebrow sub-fade-in"> <span className="sub-section-eyebrow sub-fade-in">비행상황관리 시스템</span>
비행상황관리 시스템
</span>
{/* <main className="sub-page"> {/* <main className="sub-page">
<section className="sub-visual"> <section className="sub-visual">
<div className="inner"> <div className="inner">

19
src/pages/solution/IbePage.jsx
Unescape View File

@ -3,21 +3,26 @@ import SubHero from "../../components/SubHero";
function IbePage() { function IbePage() {
const ref = useFadeIn(); 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 ( return (
<article ref={ref}> <article ref={ref}>
<SubHero <SubHero
label="SOLUTION" label="SOLUTION"
title={ title={
<> <>
<span style={{ color: "#111" }}>통합 항공 예약 시스템</span> {/* <span style={{ color: "#111" }}>통합 항공 예약 시스템</span>
<br /> <br /> */}
<em>Internet Booking Engine</em> <em>IBE</em>
</> </>
} }
desc="온라인 항공 예약과 발권을 위한 통합 엔진으로 // desc="온라인 항공 예약과 발권을 위한 통합 엔진으로
안정적이고 확장 가능한 예약 플랫폼을 제공합니다." // 안정적이고 확장 가능한 예약 플랫폼을 제공합니다."
// navItems={} navItems={SOLUTION_NAV}
/> />
<div className="sub-content"> <div className="sub-content">

23
src/pages/solution/SmartTourPage.jsx
Unescape View File

@ -3,28 +3,31 @@ import SubHero from "../../components/SubHero";
function SmartTourPage() { function SmartTourPage() {
const ref = useFadeIn(); 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 ( return (
<article ref={ref}> <article ref={ref}>
<SubHero <SubHero
label="SOLUTION" label="SOLUTION"
title={ title={
<> <>
<span style={{ color: "#111" }}>여행의 새로운 기준</span> {/* <span style={{ color: "#111" }}>여행의 새로운 기준</span>
<br /> <br /> */}
<em>스마트 관광 예약 플랫폼</em> <em>Smart Tourism</em>
</> </>
} }
desc="관광 상품 검색부터 예약, 결제, 운영 관리까지 // desc="관광 상품 검색부터 예약, 결제, 운영 관리까지
하나의 플랫폼에서 통합 제공하는 솔루션입니다." // 하나의 플랫폼에서 통합 제공하는 솔루션입니다."
// navItems={} navItems={SOLUTION_NAV}
/> />
<div className="sub-content"> <div className="sub-content">
<section className="sub-section"> <section className="sub-section">
<span className="sub-section-eyebrow sub-fade-in"> <span className="sub-section-eyebrow sub-fade-in">스마트 관광 예약 플랫폼</span>
스마트 관광 예약 플랫폼
</span>
{/* <main className="sub-page"> {/* <main className="sub-page">
<section className="sub-visual"> <section className="sub-visual">
<div className="inner"> <div className="inner">

12
src/pages/utm/CasePage.jsx
Unescape View File

@ -4,8 +4,8 @@ import useFadeIn from "../../hooks/useFadeIn";
function CasePage() { function CasePage() {
const ref = useFadeIn(); const ref = useFadeIn();
const UTM_NAV = [ const UTM_NAV = [
{ label: "UTM/UATM 소개", to: "/UTM/intro" }, { label: "UTM/UATM 소개", to: "/utm/intro" },
{ label: "도입사례", to: "/UTM/case" }, { label: "도입사례", to: "/utm/case" },
]; ];
return ( return (
<article ref={ref}> <article ref={ref}>
@ -13,12 +13,12 @@ function CasePage() {
label="UTM/UATM" label="UTM/UATM"
title={ title={
<> <>
<span style={{ color: "#111" }}>구축 및 운영</span> {/* <span style={{ color: "#111" }}>구축 및 운영</span>
<br /> <br /> */}
<em>도입사례</em> <em>Case Studies</em>
</> </>
} }
desc="PAL Networks의 UTM/UATM 기술이 적용된 실제 사례를 소개합니다." // desc="PAL Networks의 UTM/UATM 기술이 적용된 실제 사례를 소개합니다."
navItems={UTM_NAV} navItems={UTM_NAV}
/> />

4
src/pages/utm/IntroPage.jsx
Unescape View File

@ -4,8 +4,8 @@ import useFadeIn from "../../hooks/useFadeIn";
function IntroPage() { function IntroPage() {
const ref = useFadeIn(); const ref = useFadeIn();
const UTM_NAV = [ const UTM_NAV = [
{ label: "UTM/UATM 소개", to: "/UTM/intro" }, { label: "UTM/UATM 소개", to: "/utm/intro" },
{ label: "도입사례", to: "/UTM/case" }, { label: "도입사례", to: "/utm/case" },
]; ];
return ( return (
<article ref={ref}> <article ref={ref}>

Write Preview
Loading…
Cancel
Save