From bafc3717c6a33b091aa644be01e7fdaef8ba945d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?siyeon00=28=EC=9D=B4=EC=8B=9C=EC=97=B0=29?= Date: Mon, 11 May 2026 17:24:53 +0900 Subject: [PATCH] =?UTF-8?q?feat=20:=20=EC=86=94=EB=A3=A8=EC=85=98=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/images/airplane.png | Bin 0 -> 3582 bytes public/images/cloud-network.png | Bin 0 -> 9769 bytes public/images/cloud.png | Bin 0 -> 4332 bytes public/images/maps.png | Bin 0 -> 6893 bytes src/components/main/MainSolution.jsx | 54 ++++++++++++++++++++++++--- src/css/main.css | 24 +++++------- 6 files changed, 58 insertions(+), 20 deletions(-) create mode 100644 public/images/airplane.png create mode 100644 public/images/cloud-network.png create mode 100644 public/images/cloud.png create mode 100644 public/images/maps.png diff --git a/public/images/airplane.png b/public/images/airplane.png new file mode 100644 index 0000000000000000000000000000000000000000..7cbea1e13fbbb78c929cfbd576ecc1af26304021 GIT binary patch literal 3582 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 literal 0 HcmV?d00001 diff --git a/public/images/cloud-network.png b/public/images/cloud-network.png new file mode 100644 index 0000000000000000000000000000000000000000..16d5d65b58e6c766401fe29178427eee82a0cbe4 GIT binary patch literal 9769 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 LP2r0i`py3UtJ)U3 literal 0 HcmV?d00001 diff --git a/public/images/cloud.png b/public/images/cloud.png new file mode 100644 index 0000000000000000000000000000000000000000..f1f811570e5396a7d0c118323c55c7944982584e GIT binary patch literal 4332 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 VjFGi={=3Ekx7F{e6{*-p{y%{Wy&(Vq literal 0 HcmV?d00001 diff --git a/src/components/main/MainSolution.jsx b/src/components/main/MainSolution.jsx index 0f74870..a510a78 100644 --- a/src/components/main/MainSolution.jsx +++ b/src/components/main/MainSolution.jsx @@ -1,7 +1,6 @@ import { useEffect, useRef } from "react"; import { gsap } from "gsap"; import { ScrollTrigger } from "gsap/ScrollTrigger"; - gsap.registerPlugin(ScrollTrigger); function MainSolution() { @@ -9,6 +8,38 @@ function MainSolution() { const headRef = useRef(null); const cardsRef = useRef([]); + const solutions = [ + { + icon: "/PALNetworks/images/airplane.png", + label: "SOLUTION 01", + title: "비행상황관리 시스템", + desc: "운항 상태, 항로, 고도, 비행 이력을 실시간으로 확인하고 관리합니다.", + }, + { + icon: "/PALNetworks/images/cloud-network.png", + label: "SOLUTION 02", + title: ( + <> + IBE + (Internet Booking Engine) + + ), + desc: "항공 예약과 판매 흐름을 연결해 편리한 예약 환경을 제공합니다.", + }, + { + icon: "/PALNetworks/images/maps.png", + label: "SOLUTION 03", + title: "스마트 관광 예약 플랫폼", + desc: "관광 상품과 예약 데이터를 통합해 사용자 중심 서비스를 구성합니다.", + }, + { + icon: "/PALNetworks/images/cloud.png", + label: "SOLUTION 04", + title: "KT G-Cloud", + desc: "공공 클라우드 기반의 안정적인 인프라 운영 환경을 제공합니다.", + }, + ]; + useEffect(() => { const ctx = gsap.context(() => { gsap.set(headRef.current, { opacity: 0, y: 42 }); @@ -66,9 +97,9 @@ function MainSolution() {

PAL SOLUTION

- 미래 항공 + 항공 IT
- 통합 운영 시스템 + 서비스 솔루션

항공 운항 관리부터 스마트 관광 예약 플랫폼, 클라우드 인프라까지 @@ -77,14 +108,27 @@ function MainSolution() {

- {[0, 1, 2, 3].map((_, index) => ( + {solutions.map((item, index) => (
{ cardsRef.current[index] = el; }} - /> + > +
+ {typeof item.icon === "string" && item.icon.includes(".png") ? ( + + ) : ( + item.icon + )} +
+
+ {item.label} +

{item.title}

+

{item.desc}

+
+
))}
diff --git a/src/css/main.css b/src/css/main.css index 80c6204..8152f50 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -211,7 +211,7 @@ body{overflow-x:hidden;} .airspace-panel p{margin:0 0 18px;font-size:12px;font-weight:800;letter-spacing:.26em;color:#3a4081;} .airspace-panel h2{margin:0;max-width:760px;font-size:clamp(48px,6vw,96px);font-weight:800;line-height:.96;letter-spacing:-.08em;color:#0e1120;} .airspace-lines{position:absolute;inset:0;z-index:5;pointer-events:none;} -.airspace-moving-dot{position:absolute;left:68%;top:47%;z-index:6;width:54px;height:54px;border-radius:50%;background:#3a4081;border:1px solid rgba(58,64,129,.14);box-shadow:0 0 0 12px rgba(58,64,129,.06),0 20px 50px rgba(58,64,129,.18);transform-origin:center center;} +.airspace-moving-dot{position:absolute;left:68%;top:49%;z-index:6;width:54px;height:54px;border-radius:50%;background:#3a4081;border:1px solid rgba(58,64,129,.14);box-shadow:0 0 0 12px rgba(58,64,129,.06),0 20px 50px rgba(58,64,129,.18);transform-origin:center center;} .airspace-moving-dot::before{content:"";position:absolute;inset:20px;border-radius:50%;background:#ffffff;opacity:.9;} .airspace-uam-content{position:absolute;left:8vw;top:50%;transform:translateY(-50%);z-index:20;max-width:760px;color:#ffffff;pointer-events:none;} @@ -249,28 +249,22 @@ body{overflow-x:hidden;} /* solution */ .main-solution-section{position:relative;height:100dvh;min-height:100dvh;overflow:hidden;padding:120px 8vw 110px;background:linear-gradient(180deg,#ffffff 0%,#f7f9ff 52%,#ffffff 100%);} .main-solution-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 10%,rgba(58,64,129,.045),transparent 30%),radial-gradient(circle at 86% 76%,rgba(112,180,255,.08),transparent 34%);pointer-events:none;} - .main-solution-inner{position:relative;z-index:2;max-width:1440px;margin:0 auto;} - .main-solution-arrow{width:42px;height:42px;margin:0 auto 46px;display:flex;align-items:center;justify-content:center;font-size:34px;line-height:1;color:#3a4081;opacity:.82;} - .main-solution-head{max-width:760px;margin-bottom:54px;will-change:transform,opacity;} - .main-solution-eyebrow{margin:0 0 16px;font-size:12px;font-weight:800;letter-spacing:.24em;color:#3a4081;} - .main-solution-title{margin:0;font-size:clamp(42px,5vw,76px);font-weight:800;line-height:1.02;letter-spacing:-.07em;color:#10142b;} - .main-solution-desc{margin:24px 0 0;max-width:620px;font-size:17px;line-height:1.8;font-weight:500;color:rgba(16,20,43,.62);word-break:keep-all;} - .main-solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;} -.main-solution-card{position:relative;min-height:250px;padding:28px 26px;border-radius:28px;background:rgba(255,255,255,.78);border:1px solid rgba(58,64,129,.1);box-shadow:0 24px 70px rgba(58,64,129,.1);backdrop-filter:blur(18px);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;will-change:transform,opacity;} - -.main-solution-card::before{content:"";position:absolute;left:26px;top:28px;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,rgba(58,64,129,.12),rgba(112,180,255,.16));box-shadow:inset 0 0 0 1px rgba(58,64,129,.08);} - -.main-solution-card::after{content:"";position:absolute;left:26px;right:26px;bottom:30px;height:84px;border-radius:18px;background:linear-gradient(180deg,rgba(58,64,129,.075),rgba(58,64,129,.035));} - -.main-solution-card:hover{transform:translateY(-8px);box-shadow:0 34px 90px rgba(58,64,129,.16);border-color:rgba(58,64,129,.2);} +.main-solution-card{position:relative;min-height:250px;padding:28px 26px;border-radius:28px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.72);box-shadow:0 20px 60px rgba(58,64,129,.08),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(18px);transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1),border-color .3s ease,background .3s ease;will-change:transform;overflow:hidden;cursor:pointer;} +.main-solution-card:hover{transform:translateY(-14px);background:rgba(255,255,255,.88);border-color:rgba(120,130,255,.24);box-shadow:0 42px 100px rgba(58,64,129,.16),inset 0 1px 0 rgba(255,255,255,.96);} +.main-solution-card-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:34px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,247,255,.82));border:1px solid rgba(95,110,255,.12);box-shadow:0 10px 24px rgba(58,64,129,.08),inset 0 1px 0 rgba(255,255,255,.95);transition:transform .38s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease,background .3s ease;} +.main-solution-card-icon img{width:28px;height:28px;object-fit:contain;display:block;} +.main-solution-card-body{position:relative;z-index:2;} +.main-solution-card-body span{display:block;margin-bottom:14px;font-size:11px;font-weight:800;letter-spacing:.14em;color:#3a4081;} +.main-solution-card-body h3{margin:0 0 14px;font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.05em;color:#10142b;word-break:keep-all;} +.main-solution-card-body p{margin:0;font-size:15px;font-weight:500;line-height:1.7;color:rgba(16,20,43,.58);word-break:keep-all;} @media (max-width:1024px){.main-solution-section{padding:110px 6vw 96px;}.main-solution-bg-circle{right:-32vw;top:-28vw;width:90vw;height:90vw;}.main-solution-grid{grid-template-columns:repeat(2,1fr);}.main-solution-card{min-height:220px;}}