diff --git a/src/pages/business/SiPage.jsx b/src/pages/business/SiPage.jsx index bcd68d0..f0d9475 100644 --- a/src/pages/business/SiPage.jsx +++ b/src/pages/business/SiPage.jsx @@ -2,24 +2,7 @@ import { useRef, useState, useEffect } from "react"; import { motion, AnimatePresence, useInView } from "framer-motion"; import SubHero from "../../components/SubHero"; import useFadeIn from "../../hooks/useFadeIn"; -import { - Plane, - Globe, - UtensilsCrossed, - Thermometer, - MapPin, - Link, - QrCode, - Users, - Siren, - Wrench, - PlusCircle, - Settings, - ShieldCheck, - Monitor, - Building2, - ClipboardList, -} from "lucide-react"; +import { Plane, Globe, UtensilsCrossed, Thermometer, MapPin, Link, QrCode, Users, Siren, Wrench, PlusCircle, Settings, ShieldCheck, Monitor, Building2, ClipboardList } from "lucide-react"; const ease = [0.25, 0.1, 0.25, 1]; const PROJECTS = [ @@ -48,7 +31,7 @@ const PROJECTS = [ }, { id: "02", - title: "안면관광 방역 시스템 구축", + title: "안전관광 방역 시스템 구축", tags: ["공공/방역", "방역/보안"], image: "/images/si_img2.png", desc: [ @@ -140,7 +123,7 @@ const PROJECTS = [ }, { id: "06", - title: "하이에어 항공문항 시스템 구축", + title: "하이에어 항공운항 시스템 구축", tags: ["항공", "인증/스케줄"], image: "/images/si_img6.png", desc: [ @@ -222,15 +205,13 @@ function SiPage() { }; const handleDragStart = (e) => { - dragStartX.current = - e.type === "touchstart" ? e.touches[0].clientX : e.clientX; + dragStartX.current = e.type === "touchstart" ? e.touches[0].clientX : e.clientX; dragStartCurrent.current = current; }; const handleDragEnd = (e) => { if (dragStartX.current === null) return; - const endX = - e.type === "touchend" ? e.changedTouches[0].clientX : e.clientX; + const endX = e.type === "touchend" ? e.changedTouches[0].clientX : e.clientX; const diff = dragStartX.current - endX; if (diff > 50) next(); else if (diff < -50) prev(); @@ -277,20 +258,10 @@ function SiPage() {
{/* 헤더 */}
- + PROJECT ARCHIVE - + {window.innerWidth <= 768 ? ( "수행사업 아카이브" ) : ( @@ -301,12 +272,7 @@ function SiPage() { )} - + {window.innerWidth <= 768 ? ( "PAL Networks가 구축한 주요 프로젝트를 소개합니다." ) : ( @@ -320,40 +286,17 @@ function SiPage() { {/* 네비게이션 */}
- + - - - {String(current + 1).padStart(2, "0")} - + + {String(current + 1).padStart(2, "0")} / - - {String(total).padStart(2, "0")} - + {String(total).padStart(2, "0")} - +
@@ -361,56 +304,27 @@ function SiPage() { {/* 슬라이더 */}
- -
+ +
{PROJECTS.map((project, idx) => ( -
+
- {project.title} + {project.title}
-
- {project.id} -
-

- {project.title} -

+
{project.id}
+

{project.title}

@@ -424,15 +338,9 @@ function SiPage() {
    {project.desc.map((item, i) => (
  • -
    - {item.icon} -
    -
    - {item.title} -
    -
    - {item.text} -
    +
    {item.icon}
    +
    {item.title}
    +
    {item.text}
  • ))}