Browse Source

feat : 뉴스 내용 추가

remotes/origin/main
이시연 2 weeks ago
parent
commit
c660d7b427
  1. 30
      src/components/main/MainNews.jsx
  2. 6
      src/pages/company/CertPage.jsx

30
src/components/main/MainNews.jsx

@ -1,6 +1,7 @@
import { useEffect, useRef } from "react"; import { useEffect, useRef } from "react";
import { gsap } from "gsap"; import { gsap } from "gsap";
import { ScrollTrigger } from "gsap/ScrollTrigger"; import { ScrollTrigger } from "gsap/ScrollTrigger";
import { Link } from "react-router-dom";
gsap.registerPlugin(ScrollTrigger); gsap.registerPlugin(ScrollTrigger);
@ -11,19 +12,22 @@ function MainNews() {
const news = [ const news = [
{ {
date: "2025.00.00", date: "2025.11.14",
title: "PAL Networks, 항공 IT 서비스 고도화 추진", title: "포스맥-팔네트웍스, 미래항공교통산업 진출 전략적 MOU 체결 ",
desc: "항공 운항 관리와 예약 플랫폼을 연결하는 통합 서비스 환경을 확대합니다.", desc: "기술 개발, 인프라 구축, 정책 사업 참여 등 성장성이 높은 항공 모빌리티 시장에서 공동 사업모델을 구축합니다.",
link: "https://www.gnynews.co.kr/news/articleView.html?idxno=453325",
}, },
{ {
date: "2025.00.00", date: "2024.10.22",
title: "스마트 관광 예약 플랫폼 기능 확장", title: "(주)팔네트웍스, 한국공항공사 드론교통관리시스템 사업 선정",
desc: "관광 상품, 예약 데이터, 사용자 경험을 하나의 흐름으로 개선합니다.", desc: "공항 주변 드론 운항을 통합 관리하고 안전한 비행 환경을 구축합니다.",
link: "https://www.incheonilbo.com/news/articleView.html?idxno=1268774",
}, },
{ {
date: "2025.00.00", date: "2024.10.31",
title: "클라우드 기반 항공 서비스 운영 환경 구축", title: "인천경제청, K-UAM 콘펙스 '항공·스마트제조 기업 특별관' 운영",
desc: "안정적인 공공 클라우드 인프라를 기반으로 서비스 운영 효율을 높입니다.", desc: "항공·스마트제조 기업과 협력하며 미래 항공 모빌리티 생태계를 확장합니다.",
link: "https://www.incheontoday.com/news/articleView.html?idxno=256068",
}, },
]; ];
@ -80,9 +84,14 @@ function MainNews() {
<div className="main-news-list"> <div className="main-news-list">
{news.map((item, index) => ( {news.map((item, index) => (
<a
href={item.link}
target="_blank"
rel="noopener noreferrer"
key={index}
>
<article <article
className="main-news-item" className="main-news-item"
key={index}
ref={(el) => { ref={(el) => {
itemsRef.current[index] = el; itemsRef.current[index] = el;
}} }}
@ -99,6 +108,7 @@ function MainNews() {
<div className="main-news-arrow"></div> <div className="main-news-arrow"></div>
</article> </article>
</a>
))} ))}
</div> </div>
</div> </div>

6
src/pages/company/CertPage.jsx

@ -15,8 +15,8 @@ const COMPANY_NAV = [
const CERTS = [ const CERTS = [
{ imgs: ["관광벤처인증.png"], label: "관광벤처인증" }, { imgs: ["관광벤처인증.png"], label: "관광벤처인증" },
{ imgs: ["관광사업자등록증.png"], label: "관광사업자등록증" }, { imgs: ["관광사업자등록증.png"], label: "관광사업자등록증" },
{ imgs: ["국방벤처기업1.png"], label: "국방벤처기업" }, { imgs: ["국방벤처기업1.png"], label: "국방벤처기업 (1)" },
{ imgs: ["국방벤처기업2.png"], label: "국방벤처기업" }, { imgs: ["국방벤처기업2.png"], label: "국방벤처기업 (2)" },
{ imgs: ["기업부설연구소.png"], label: "기업부설연구소" }, { imgs: ["기업부설연구소.png"], label: "기업부설연구소" },
{ imgs: ["방송통신기자재_KC_인증.png"], label: "방송통신기자재 KC 인증" }, { imgs: ["방송통신기자재_KC_인증.png"], label: "방송통신기자재 KC 인증" },
{ imgs: ["벤처기업확인서.png"], label: "벤처기업확인서" }, { imgs: ["벤처기업확인서.png"], label: "벤처기업확인서" },
@ -62,7 +62,7 @@ function ImgGrid({ items, inView, folder = "cert" }) {
<ul className="cert-grid"> <ul className="cert-grid">
{items.map((item, i) => ( {items.map((item, i) => (
<motion.li <motion.li
key={item.label} key={i}
className={`cert-grid__item${item.imgs.length > 1 ? " cert-grid__item--wide" : ""}`} className={`cert-grid__item${item.imgs.length > 1 ? " cert-grid__item--wide" : ""}`}
initial={{ opacity: 0, y: 32 }} initial={{ opacity: 0, y: 32 }}
animate={inView ? { opacity: 1, y: 0 } : {}} animate={inView ? { opacity: 1, y: 0 } : {}}

Loading…
Cancel
Save