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

feat : 헤더 공통 컴포넌트 추가

remotes/origin/main
이시연 4 weeks ago
parent
cd82534e51
commit
b4faae063a
12 changed files with 494 additions and 196 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 63
      src/pages/business/MaintenancePage.jsx
  2. 61
      src/pages/business/RndPage.jsx
  3. 62
      src/pages/business/SiPage.jsx
  4. 9
      src/pages/company/LocationPage.jsx
  5. 63
      src/pages/contact/InquiryPage.jsx
  6. 62
      src/pages/contact/RecruitPage.jsx
  7. 63
      src/pages/solution/FlightControlPage.jsx
  8. 62
      src/pages/solution/IbePage.jsx
  9. 65
      src/pages/solution/KtGcloudPage.jsx
  10. 64
      src/pages/solution/SmartTourPage.jsx
  11. 55
      src/pages/uam/CasePage.jsx
  12. 61
      src/pages/uam/IntroPage.jsx

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

@ -1,24 +1,51 @@
import SubHero from "../../components/SubHero";
import useFadeIn from "../../hooks/useFadeIn";
function MaintenancePage() {
return (
<main className="sub-page">
<section className="sub-visual">
<div className="inner">
<h2>운영 · 유지보수</h2>
<p>Operation &amp; Maintenance</p>
</div>
</section>
const ref = useFadeIn();
<section className="sub-content-section">
<div className="inner">
<h3>안정적인 시스템 운영과 사후 관리</h3>
<p>
구축 이후에도 끊김 없는 서비스 운영을 위해
return (
<article ref={ref}>
<SubHero
label="BUSINESS"
title={
<>
<span style={{ color: "#111" }}>안정적인 시스템 관리</span>
<br />
장기 파트너십 기반의 유지보수를 제공합니다.
</p>
</div>
</section>
</main>
<em>운영 · 유지보수</em>
</>
}
desc="구축 이후에도 끊김 없는 서비스 운영을 위해 장기 파트너십 기반의 유지보수를 제공합니다."
// navItems={}
/>
<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>Operation &amp; Maintenance</p>
</div>
</section>
<section className="sub-content-section">
<div className="inner">
<h3>안정적인 시스템 운영과 사후 관리</h3>
<p>
구축 이후에도 끊김 없는 서비스 운영을 위해
<br />
장기 파트너십 기반의 유지보수를 제공합니다.
</p>
</div>
</section>
</main> */}
</section>
</div>
</article>
);
}

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

@ -1,24 +1,49 @@
import SubHero from "../../components/SubHero";
import useFadeIn from "../../hooks/useFadeIn";
function RndPage() {
return (
<main className="sub-page">
<section className="sub-visual">
<div className="inner">
<h2>R&amp;D</h2>
<p>Research &amp; Development</p>
</div>
</section>
const ref = useFadeIn();
<section className="sub-content-section">
<div className="inner">
<h3>연구 개발 및 기술 고도화</h3>
<p>
항공·관제 도메인 특화 기술 연구로
return (
<article ref={ref}>
<SubHero
label="BUSINESS"
title={
<>
<span style={{ color: "#111" }}>관제 기술 혁신</span>
<br />
차세대 솔루션을 만들어갑니다.
</p>
</div>
</section>
</main>
<em>R&D</em>
</>
}
desc="항공·관제 도메인 특화 기술 연구로 차세대 솔루션을 만들어갑니다."
// navItems={}
/>
<div className="sub-content">
<section className="sub-section">
<span className="sub-section-eyebrow sub-fade-in">UAM/UATM 소개</span>
{/* <main className="sub-page">
<section className="sub-visual">
<div className="inner">
<h2>R&amp;D</h2>
<p>Research &amp; Development</p>
</div>
</section>
<section className="sub-content-section">
<div className="inner">
<h3>연구 개발 및 기술 고도화</h3>
<p>
항공·관제 도메인 특화 기술 연구로
<br />
차세대 솔루션을 만들어갑니다.
</p>
</div>
</section>
</main> */}
</section>
</div>
</article>
);
}

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

@ -1,24 +1,50 @@
import SubHero from "../../components/SubHero";
import useFadeIn from "../../hooks/useFadeIn";
function SiPage() {
return (
<main className="sub-page">
<section className="sub-visual">
<div className="inner">
<h2>System Integration</h2>
<p>시스템 통합 구축</p>
</div>
</section>
const ref = useFadeIn();
<section className="sub-content-section">
<div className="inner">
<h3>맞춤형 정보시스템 구축</h3>
<p>
공공·민간 분야의 정보시스템 구축부터 운영까지
return (
<article ref={ref}>
<SubHero
label="BUSINESS"
title={
<>
<span style={{ color: "#111" }}>시스템 통합 구축</span>
<br />
전 과정을 책임지는 SI 서비스를 제공합니다.
</p>
</div>
</section>
</main>
<em>System Integration</em>
</>
}
desc="공공·민간 분야의 정보시스템 구축부터 운영까지 전 과정을 책임지는 SI 서비스를 제공합니다."
// navItems={}
/>
<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>System Integration</h2>
<p>시스템 통합 구축</p>
</div>
</section>
<section className="sub-content-section">
<div className="inner">
<h3>맞춤형 정보시스템 구축</h3>
<p>
공공·민간 분야의 정보시스템 구축부터 운영까지
<br />전 과정을 책임지는 SI 서비스를 제공합니다.
</p>
</div>
</section>
</main> */}
</section>
</div>
</article>
);
}

9
src/pages/company/LocationPage.jsx
Unescape View File

@ -1,4 +1,3 @@
import { useEffect } from "react";
import SubHero from "../../components/SubHero";
import useFadeIn from "../../hooks/useFadeIn";
@ -93,7 +92,13 @@ export default function LocationPage() {
<article ref={ref}>
<SubHero
label="Company"
title="찾아오시는 길"
title={
<>
<span style={{ color: "#111" }}>방문 안내</span>
<br />
<em>찾아오시는 길</em>
</>
}
desc="인천광역시 서구 로봇랜드에 위치한 팔네트웍스 본사입니다."
navItems={COMPANY_NAV}
/>

63
src/pages/contact/InquiryPage.jsx
Unescape View File

@ -1,24 +1,51 @@
import useFadeIn from "../../hooks/useFadeIn";
import SubHero from "../../components/SubHero";
function InquiryPage() {
return (
<main className="sub-page">
<section className="sub-visual">
<div className="inner">
<h2>문의하기</h2>
<p>Inquiry</p>
</div>
</section>
const ref = useFadeIn();
<section className="sub-content-section">
<div className="inner">
<h3>프로젝트 및 협업 문의</h3>
<p>
PAL Networks에 프로젝트 협업이나 기술 도입을 문의하고 싶으시다면
return (
<article ref={ref}>
<SubHero
label="CONTACT US"
title={
<>
<span style={{ color: "#111" }}>프로젝트 및 협업 문의</span>
<br />
아래 정보를 통해 편하게 연락 주세요.
</p>
</div>
</section>
</main>
<em>문의하기</em>
</>
}
desc="PAL Networks에 프로젝트 협업이나 기술 도입을 문의하고 싶으시다면
아래 정보를 통해 편하게 연락 주세요."
// navItems={}
/>
<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>Inquiry</p>
</div>
</section>
<section className="sub-content-section">
<div className="inner">
<h3>프로젝트 및 협업 문의</h3>
<p>
PAL Networks에 프로젝트 협업이나 기술 도입을 문의하고
싶으시다면
<br />
아래 정보를 통해 편하게 연락 주세요.
</p>
</div>
</section>
</main> */}
</section>
</div>
</article>
);
}

62
src/pages/contact/RecruitPage.jsx
Unescape View File

@ -1,24 +1,50 @@
import useFadeIn from "../../hooks/useFadeIn";
import SubHero from "../../components/SubHero";
function RecruitPage() {
return (
<main className="sub-page">
<section className="sub-visual">
<div className="inner">
<h2>채용정보</h2>
<p>Recruit</p>
</div>
</section>
const ref = useFadeIn();
<section className="sub-content-section">
<div className="inner">
<h3>함께할 동료를 찾습니다</h3>
<p>
PAL Networks와 함께 성장할
return (
<article ref={ref}>
<SubHero
label="CONTACT US"
title={
<>
<span style={{ color: "#111" }}>기술과 사람을 연결합니다.</span>
<br />
새로운 동료를 기다리고 있습니다.
</p>
</div>
</section>
</main>
<em>채용정보</em>
</>
}
desc="PAL Networks와 함께 성장할
새로운 동료를 기다리고 있습니다."
// navItems={}
/>
<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>Recruit</p>
</div>
</section>
<section className="sub-content-section">
<div className="inner">
<h3>함께할 동료를 찾습니다</h3>
<p>
PAL Networks와 함께 성장할
<br />
새로운 동료를 기다리고 있습니다.
</p>
</div>
</section>
</main> */}
</section>
</div>
</article>
);
}

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

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

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

@ -1,24 +1,50 @@
import useFadeIn from "../../hooks/useFadeIn";
import SubHero from "../../components/SubHero";
function IbePage() {
return (
<main className="sub-page">
<section className="sub-visual">
<div className="inner">
<h2>IBE</h2>
<p>Internet Booking Engine</p>
</div>
</section>
const ref = useFadeIn();
<section className="sub-content-section">
<div className="inner">
<h3>항공 예약 · 발권 엔진</h3>
<p>
온라인 항공 예약과 발권을 위한 통합 엔진으로
return (
<article ref={ref}>
<SubHero
label="SOLUTION"
title={
<>
<span style={{ color: "#111" }}>통합 항공 예약 시스템</span>
<br />
안정적이고 확장 가능한 예약 플랫폼을 제공합니다.
</p>
</div>
</section>
</main>
<em>Internet Booking Engine</em>
</>
}
desc="온라인 항공 예약과 발권을 위한 통합 엔진으로
안정적이고 확장 가능한 예약 플랫폼을 제공합니다."
// navItems={}
/>
<div className="sub-content">
<section className="sub-section">
<span className="sub-section-eyebrow sub-fade-in">IBE</span>
{/* <main className="sub-page">
<section className="sub-visual">
<div className="inner">
<h2>IBE</h2>
<p>Internet Booking Engine</p>
</div>
</section>
<section className="sub-content-section">
<div className="inner">
<h3>항공 예약 · 발권 엔진</h3>
<p>
온라인 항공 예약과 발권을 위한 통합 엔진으로
<br />
안정적이고 확장 가능한 예약 플랫폼을 제공합니다.
</p>
</div>
</section>
</main> */}
</section>
</div>
</article>
);
}

65
src/pages/solution/KtGcloudPage.jsx
Unescape View File

@ -1,24 +1,53 @@
import useFadeIn from "../../hooks/useFadeIn";
import SubHero from "../../components/SubHero";
function KtGcloudPage() {
return (
<main className="sub-page">
<section className="sub-visual">
<div className="inner">
<h2>KT G-cloud 인천총판</h2>
<p>KT G-cloud Incheon Distributor</p>
</div>
</section>
const ref = useFadeIn();
<section className="sub-content-section">
<div className="inner">
<h3>공공 클라우드 인프라 공급</h3>
<p>
KT G-cloud 인천 지역 총판 파트너로서
return (
<article ref={ref}>
<SubHero
label="SOLUTION"
title={
<>
<span style={{ color: "#111" }}>클라우드 인프라 공급</span>
<br />
공공기관 클라우드 인프라 도입과 운영을 지원합니다.
</p>
</div>
</section>
</main>
<em>KT G-cloud 인천총판</em>
</>
}
desc="KT G-cloud 인천 지역 총판 파트너로서
공공기관 클라우드 인프라 도입과 운영을 지원합니다."
// navItems={}
/>
<div className="sub-content">
<section className="sub-section">
<span className="sub-section-eyebrow sub-fade-in">
KT G-cloud 인천총판
</span>
{/* <main className="sub-page">
<section className="sub-visual">
<div className="inner">
<h2>KT G-cloud 인천총판</h2>
<p>KT G-cloud Incheon Distributor</p>
</div>
</section>
<section className="sub-content-section">
<div className="inner">
<h3>공공 클라우드 인프라 공급</h3>
<p>
KT G-cloud 인천 지역 총판 파트너로서
<br />
공공기관 클라우드 인프라 도입과 운영을 지원합니다.
</p>
</div>
</section>
</main> */}
</section>
</div>
</article>
);
}

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

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

55
src/pages/uam/CasePage.jsx
Unescape View File

@ -1,20 +1,47 @@
import SubHero from "../../components/SubHero";
import useFadeIn from "../../hooks/useFadeIn";
function CasePage() {
const ref = useFadeIn();
return (
<main className="sub-page">
<section className="sub-visual">
<div className="inner">
<h2>도입사례</h2>
<p>UAM/UATM Case Studies</p>
</div>
</section>
<article ref={ref}>
<SubHero
label="UAM/UATM"
title={
<>
<span style={{ color: "#111" }}>구축 및 운영</span>
<br />
<em>도입사례</em>
</>
}
desc="PAL Networks의 UAM/UATM 기술이 적용된 실제 사례를 소개합니다."
// navItems={}
/>
<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>UAM/UATM Case Studies</p>
</div>
</section>
<section className="sub-content-section">
<div className="inner">
<h3>주요 도입 및 운영 사례</h3>
<p>PAL Networks의 UAM/UATM 기술이 적용된 실제 사례를 소개합니다.</p>
</div>
</section>
</main>
<section className="sub-content-section">
<div className="inner">
<h3>주요 도입 및 운영 사례</h3>
<p>
PAL Networks의 UAM/UATM 기술이 적용된 실제 사례를 소개합니다.
</p>
</div>
</section>
</main> */}
</section>
</div>
</article>
);
}

61
src/pages/uam/IntroPage.jsx
Unescape View File

@ -1,24 +1,49 @@
import SubHero from "../../components/SubHero";
import useFadeIn from "../../hooks/useFadeIn";
function IntroPage() {
return (
<main className="sub-page">
<section className="sub-visual">
<div className="inner">
<h2>UAM/UATM 소개</h2>
<p>Urban Air Mobility &amp; UAM Air Traffic Management</p>
</div>
</section>
const ref = useFadeIn();
<section className="sub-content-section">
<div className="inner">
<h3>도심 항공 모빌리티 핵심 기술</h3>
<p>
안전한 도심 상공 운항과 통합 관제를 실현하는
return (
<article ref={ref}>
<SubHero
label="BUSINESS"
title={
<>
<span style={{ color: "#111" }}>미래 항공 모빌리티</span>
<br />
PAL Networks의 UAM/UATM 기술을 소개합니다.
</p>
</div>
</section>
</main>
<em>UAM/UATM</em>
</>
}
desc="안전한 도심 상공 운항과 통합 관제를 실현하는 PAL Networks의 UAM/UATM 기술을 소개합니다."
// navItems={}
/>
<div className="sub-content">
<section className="sub-section">
<span className="sub-section-eyebrow sub-fade-in">UAM/UATM 소개</span>
{/* <main className="sub-page">
<section className="sub-visual">
<div className="inner">
<h2>UAM/UATM 소개</h2>
<p>Urban Air Mobility &amp; UAM Air Traffic Management</p>
</div>
</section>
<section className="sub-content-section">
<div className="inner">
<h3>도심 항공 모빌리티 핵심 기술</h3>
<p>
안전한 도심 상공 운항과 통합 관제를 실현하는
<br />
PAL Networks의 UAM/UATM 기술을 소개합니다.
</p>
</div>
</section>
</main> */}
</section>
</div>
</article>
);
}

Write Preview
Loading…
Cancel
Save