법정장비

src/data/maintenance.ts

@@ -0,0 +1,24 @@
+export interface Equipment {
+  title: string;
+  imageSrc: string;
+}
+
+// 법정장비 보유현황
+const equipments: Equipment[] = [
+  { title: "광섬유영역 반사계", imageSrc: "/image/maintenance/광섬유영역반사계.png" },
+  { title: "네트워크 측정기", imageSrc: "/image/maintenance/네트워크측정기.png" },
+  { title: "CATV 레벨측정기", imageSrc: "/image/maintenance/CATV레벨측정기.png" },
+  { title: "오실로스코프", imageSrc: "/image/maintenance/오실로스코프.png" },
+  { title: "광케이블 접속기", imageSrc: "/image/maintenance/광케이블접속기.png" },
+  { title: "광파워메타", imageSrc: "/image/maintenance/광파워메타.png" },
+  { title: "광심선 대조기", imageSrc: "/image/maintenance/광심선대조기.png" },
+  { title: "TV ANT 레벨측정기", imageSrc: "/image/maintenance/TVANT레벨측정기.png" },
+  { title: "방송음향 측정기", imageSrc: "/image/maintenance/방송음향측정기.png" },
+  { title: "복합가스 측정기", imageSrc: "/image/maintenance/복합가스측정기.png" },
+  { title: "LAN 측정기", imageSrc: "/image/maintenance/LAN측정기.png" },
+  { title: "적외선온도 측정기", imageSrc: "/image/maintenance/적외선온도측정기.png" },
+  { title: "AC/DC/저항 측정기", imageSrc: "/image/maintenance/ACDC저항측정기.png" },
+  { title: "절연저항 측정기", imageSrc: "/image/maintenance/절연저항측정기.png" },
+];
+
+export default equipments;

src/data/menuItems.ts

@@ -25,6 +25,15 @@ const menuItems: MenuItem[] = [
             { label: "주요 랜드마크 시공현장", href: "landmarks" }
         ]
     },
+    {
+        label: "유지보수관리",
+        href: "/maintenance",
+        layoutImg: `${LAYOUT_IMAGE_PREFIX}/사업소개.jpg`,
+        description: "반도산전의 사업을 소개합니다.",
+        children: [
+            { label: "성능점검", href: "performance" }
+        ]
+    },
     {
         label: "회사소개",
         href: "/about",

src/pages/maintenance/Performance.tsx

@@ -0,0 +1,191 @@
+import React from "react";
+import { useScrollAnimation } from "@/hooks/useScrollAnimation";
+import equipments from "@/data/maintenance";
+
+const Performance = () => {
+  const { ref, isVisible } = useScrollAnimation({ threshold: 0.1 });
+
+  return (
+    <div
+      ref={ref}
+      className="px-4 sm:px-8 py-8 sm:py-12"
+    >
+      <div className={`max-w-7xl mx-auto transition-all duration-1000 ${isVisible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-10"}`}>
+        {/* 제목 */}
+        <div className="text-center mb-8 sm:mb-12 lg:mb-16">
+          <h1 className="text-3xl sm:text-4xl lg:text-5xl font-bold text-blue-900 font-['Noto_Sans_KR'] antialiased mb-6">
+            정보통신설비 유지관리 및 성능점검
+          </h1>
+          <div className="w-20 h-1 bg-blue-900 mx-auto"></div>
+        </div>
+
+        {/* 인증 및 평가 */}
+        <section className="mb-12">
+          <h2 className="text-2xl font-bold text-blue-800 mb-4">
+            검증된 정보통신 유지보수(성능점검) 전문 기업
+          </h2>
+          <div className="grid grid-cols-2 sm:grid-cols-4 gap-6 text-center">
+            <div
+              className="bg-white rounded-lg shadow-md p-4 border border-gray-200 hover:border-blue-500 transition-all duration-300">
+              <div className="bg-blue-50 rounded-t-lg p-3 mb-3">
+                <p className="font-bold text-blue-900">ISO 45001</p>
+              </div>
+              <div className="space-y-2">
+                <p className="text-sm text-gray-600">안전보건경영시스템</p>
+                <div className="w-full h-px bg-gray-200 my-2"></div>
+                <p className="text-blue-600 font-medium">신용등급 BBB0</p>
+              </div>
+            </div>
+
+            <div
+              className="bg-white rounded-lg shadow-md p-4 border border-gray-200 hover:border-blue-500 transition-all duration-300">
+              <div className="bg-blue-50 rounded-t-lg p-3 mb-3">
+                <p className="font-bold text-blue-900">ISO 9001</p>
+              </div>
+              <div className="space-y-2">
+                <p className="text-sm text-gray-600">품질경영시스템</p>
+                <div className="w-full h-px bg-gray-200 my-2"></div>
+                <p className="text-blue-600 font-medium">현금흐름 A</p>
+              </div>
+            </div>
+
+            <div
+              className="bg-white rounded-lg shadow-md p-4 border border-gray-200 hover:border-blue-500 transition-all duration-300">
+              <div className="bg-blue-50 rounded-t-lg p-3 mb-3">
+                <p className="font-bold text-blue-900">ISO 14001</p>
+              </div>
+              <div className="space-y-2">
+                <p className="text-sm text-gray-600">환경경영시스템</p>
+                <div className="w-full h-px bg-gray-200 my-2"></div>
+                <p className="text-blue-600 font-medium">ESG</p>
+              </div>
+            </div>
+
+            <div
+              className="bg-white rounded-lg shadow-md p-4 border border-gray-200 hover:border-blue-500 transition-all duration-300">
+              <div className="bg-blue-50 rounded-t-lg p-3 mb-3">
+                <p className="font-bold text-blue-900">나이스디앤비</p>
+              </div>
+              <div className="space-y-2">
+                <p className="text-sm text-gray-600">건설안전관리보고서</p>
+                <div className="w-full h-px bg-gray-200 my-2"></div>
+                <p className="text-blue-600 font-medium">정보통신기술자 특급 5명 외 45명 보유</p>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        {/* 장비 보유현황 */}
+        <section className="mb-12">
+          <h2 className="text-2xl font-bold text-blue-800 mb-4">
+            정보통신설비 유지보수·관리 및 성능점검 법정장비 보유현황
+          </h2>
+          <div className="grid grid-cols-2 sm:grid-cols-7 gap-4">
+            {equipments.map(({title, imageSrc}) => (
+              <div className="flex flex-col items-center">
+                <img src={imageSrc} alt={title} className="w-32 h-32 object-cover mb-2 rounded-lg shadow-md"/>
+                <p className="text-sm text-center">{title}</p>
+              </div>
+            ))}
+          </div>
+        </section>
+
+        {/* 제도 도입 배경 */}
+        <section className="mb-12">
+          <h2 className="text-2xl font-bold text-blue-800 mb-4">
+            제도 도입 배경
+          </h2>
+          <ul className="list-disc list-inside space-y-2 text-gray-700">
+            <li>
+              근거 법령: 「정보통신공사업법」 (법률 제19546호, 2023.7.18.
+              개정, 2024.7.19. 시행)
+            </li>
+            <li>
+              취지: 건축물 설치 정보통신설비 안전 확보 및 서비스 제공을 위한
+              유지보수·관리 제도 도입
+            </li>
+          </ul>
+        </section>
+
+        {/* 과태료 기준 */}
+        <section className="mb-12">
+          <h2 className="text-2xl font-bold text-blue-800 mb-4">과태료 기준</h2>
+          <table className="w-full border text-sm">
+            <thead className="bg-gray-100">
+            <tr>
+              <th className="border px-2 py-1">위반행위</th>
+              <th className="border px-2 py-1">과태료 금액</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr>
+              <td className="border px-2 py-1">
+                유지보수 관리기준 미준수
+              </td>
+              <td className="border px-2 py-1">300만원</td>
+            </tr>
+            <tr>
+              <td className="border px-2 py-1">
+                점검기록 미작성 또는 거짓 작성
+              </td>
+              <td className="border px-2 py-1">300만원</td>
+            </tr>
+            <tr>
+              <td className="border px-2 py-1">
+                유지보수‧관리자 미선임
+              </td>
+              <td className="border px-2 py-1">300만원</td>
+            </tr>
+            </tbody>
+          </table>
+        </section>
+
+        {/* 주요내용 */}
+        <section>
+          <h2 className="text-2xl font-bold text-blue-800 mb-4">
+            유지보수·관리 및 성능점검 주요내용
+          </h2>
+          <table className="w-full border text-sm">
+            <thead className="bg-gray-100">
+            <tr>
+              <th className="border px-2 py-1">구분</th>
+              <th className="border px-2 py-1">유지보수·관리</th>
+              <th className="border px-2 py-1">성능점검</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr>
+              <td className="border px-2 py-1">주기</td>
+              <td className="border px-2 py-1">반기별 1회 이상</td>
+              <td className="border px-2 py-1">연 1회 이상</td>
+            </tr>
+            <tr>
+              <td className="border px-2 py-1">주요업무</td>
+              <td className="border px-2 py-1">
+                외관·기능·안전 상태 주기적 점검
+              </td>
+              <td className="border px-2 py-1">
+                점검결과 기록 및 5년간 보존, 지자체 제출
+              </td>
+            </tr>
+            <tr>
+              <td className="border px-2 py-1">업무위탁</td>
+              <td className="border px-2 py-1">공사업자</td>
+              <td className="border px-2 py-1">공사업자/용역업자</td>
+            </tr>
+            </tbody>
+          </table>
+        </section>
+
+        {/* 연락처 */}
+        <div className="mt-12 text-center text-gray-700">
+          <p className="font-semibold">[견적요청 및 문의]</p>
+          <p>E-MAIL : bando@bdsj.kr</p>
+          <p>대표번호 : 051-808-8556</p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Performance;