From 33da17199a35282a542da0e0aafa30b051cf4a68 Mon Sep 17 00:00:00 2001
From: "DESKTOP-TKLFCPR\\ython" <ythong86@gmail.com>
Date: Sun, 31 May 2026 11:16:37 +0900
Subject: [PATCH] =?UTF-8?q?feat(homepage):=20=ED=9A=8C=EC=82=AC=20?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20=EC=97=85=EB=8D=B0=EC=9D=B4=ED=8A=B8=20+?=
 =?UTF-8?q?=20=EB=84=A4=EC=9D=B4=EB=B2=84=20=EC=A7=80=EB=8F=84=20=EC=97=B0?=
 =?UTF-8?q?=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

회사 정보 변경:
- 대표이사: 홍영택
- 전화: 031-483-1766
- 주소: 경기도 안산시 단원구 광덕4로 220 오피스브이 578호

적용 파일:
- Footer.jsx: 전화/주소 업데이트
- Company.jsx: CEO 인사말 대표이사명, 오시는 길 주소/전화/교통 안내
- Company.jsx: 지도 → 네이버 지도 iframe 연동
- Support.jsx: 고객지원 전화번호 전체 변경

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../frontend/src/components/layout/Footer.jsx |  4 +-
 .../frontend/src/pages/Company.jsx            | 40 ++++++++++---------
 .../frontend/src/pages/Support.jsx            |  6 +--
 3 files changed, 27 insertions(+), 23 deletions(-)

diff --git a/workspace/zioinfo-web/frontend/src/components/layout/Footer.jsx b/workspace/zioinfo-web/frontend/src/components/layout/Footer.jsx
index 799614c5..d3cee14a 100644
--- a/workspace/zioinfo-web/frontend/src/components/layout/Footer.jsx
+++ b/workspace/zioinfo-web/frontend/src/components/layout/Footer.jsx
@@ -61,7 +61,7 @@ export default function Footer() {
             <div className="footer-contact-list">
               <div className="footer-contact-item">
                 <span className="contact-label">대표전화</span>
-                <span>02-000-0000</span>
+                <a href="tel:031-483-1766">031-483-1766</a>
               </div>
               <div className="footer-contact-item">
                 <span className="contact-label">이메일</span>
@@ -69,7 +69,7 @@ export default function Footer() {
               </div>
               <div className="footer-contact-item">
                 <span className="contact-label">주소</span>
-                <span>서울특별시</span>
+                <span>경기도 안산시 단원구 광덕4로 220 오피스브이 578호</span>
               </div>
             </div>
           </div>
diff --git a/workspace/zioinfo-web/frontend/src/pages/Company.jsx b/workspace/zioinfo-web/frontend/src/pages/Company.jsx
index 5e30cd5e..b18c88e4 100644
--- a/workspace/zioinfo-web/frontend/src/pages/Company.jsx
+++ b/workspace/zioinfo-web/frontend/src/pages/Company.jsx
@@ -47,11 +47,11 @@ function Greeting() {
               <div className="ceo-avatar">
                 <span>CEO</span>
               </div>
-              <p className="ceo-name">대표이사</p>
-              <p className="ceo-sign">(주)지오정보기술</p>
+              <p className="ceo-name">홍영택</p>
+              <p className="ceo-sign">대표이사</p>
             </div>
             <div className="ceo-text">
-              <h2>안녕하십니까,<br />(주)지오정보기술 대표이사입니다.</h2>
+              <h2>안녕하십니까,<br />(주)지오정보기술 대표이사 홍영택입니다.</h2>
               <div className="divider divider-left" style={{ margin: '20px 0 28px' }} />
               {[
                 '저희 (주)지오정보기술은 2000년 창립 이래 20년 이상 공공기관 및 대기업 IT 전문 서비스 기업으로 성장해 왔습니다. 삼성전자, 현대백화점, 국민연금, 헌법재판소 등 국내 주요 기관·기업의 핵심 시스템을 성공적으로 구축·운영한 풍부한 경험을 보유하고 있습니다.',
@@ -369,15 +369,15 @@ function Location() {
             <h2 className="section-title">오시는 길</h2>
           </div>
 
-          {/* 지도 영역 */}
+          {/* 네이버 지도 */}
           <div className="map-wrap">
-            <div className="map-placeholder">
-              <div className="map-pin">📍</div>
-              <p>(주)지오정보기술</p>
-              <p style={{ fontSize: '13px', color: 'var(--gray-400)', marginTop: '8px' }}>
-                서울특별시 강서구 양천로 570
-              </p>
-            </div>
+            <iframe
+              title="(주)지오정보기술 오시는 길"
+              src="https://map.naver.com/v5/embed?type=address&query=%EA%B2%BD%EA%B8%B0%EB%8F%84+%EC%95%88%EC%82%B0%EC%8B%9C+%EB%8B%A8%EC%9B%90%EA%B5%AC+%EA%B4%91%EB%8D%954%EB%A1%9C+220&zoom=17&maptype=normal"
+              style={{ width: '100%', height: '420px', border: 'none', borderRadius: '12px', display: 'block' }}
+              allowFullScreen
+              loading="lazy"
+            />
           </div>
 
           <div className="location-grid">
@@ -386,10 +386,11 @@ function Location() {
               <h3 className="loc-office-title">📍 본사</h3>
               <table className="loc-table">
                 <tbody>
-                  <tr><th>주소</th><td>서울특별시 강서구 양천로 570<br />NH서울타워 5층</td></tr>
-                  <tr><th>대표전화</th><td>02-784-9271</td></tr>
-                  <tr><th>팩스</th><td>02-784-9272</td></tr>
-                  <tr><th>이메일</th><td>info@zioinfo.co.kr</td></tr>
+                  <tr><th>회사명</th><td>(주)지오정보기술</td></tr>
+                  <tr><th>대표이사</th><td>홍영택</td></tr>
+                  <tr><th>주소</th><td>경기도 안산시 단원구 광덕4로 220<br />오피스브이 578호</td></tr>
+                  <tr><th>대표전화</th><td><a href="tel:031-483-1766">031-483-1766</a></td></tr>
+                  <tr><th>이메일</th><td><a href="mailto:info@zioinfo.co.kr">info@zioinfo.co.kr</a></td></tr>
                   <tr><th>운영시간</th><td>평일 09:00 ~ 18:00 (점심 12:00~13:00)</td></tr>
                 </tbody>
               </table>
@@ -400,9 +401,9 @@ function Location() {
               <h3 className="loc-office-title">🚇 교통 안내</h3>
               <div className="transport-list">
                 {[
-                  { type: '지하철', icon: '🚇', lines: ['5호선 발산역 1번 출구 도보 5분', '9호선 마곡나루역 3번 출구 도보 10분'] },
-                  { type: '버스',   icon: '🚌', lines: ['강서05, 강서06 — 강서구청 정류장 하차', '60, 62, 604 — 발산역 하차'] },
-                  { type: '자가용', icon: '🚗', lines: ['올림픽대로 → 강서IC → 양천로 방면', '주차 가능 (방문 전 사전 연락 권장)'] },
+                  { type: '지하철', icon: '🚇', lines: ['4호선 중앙역 2번 출구 도보 10분', '수인분당선 중앙역 이용 가능'] },
+                  { type: '버스',   icon: '🚌', lines: ['안산 32, 51, 52번 — 광덕사거리 하차', '직행 3100번 — 안산역 환승 후 이동'] },
+                  { type: '자가용', icon: '🚗', lines: ['서해안고속도로 비봉IC → 안산방면 → 광덕4로', '주차 가능 (방문 전 사전 연락 권장)'] },
                 ].map((t, i) => (
                   <div key={i} className="transport-item">
                     <div className="transport-header">
@@ -413,6 +414,9 @@ function Location() {
                   </div>
                 ))}
               </div>
+              <div style={{ marginTop: '20px', padding: '12px 16px', background: 'var(--gray-50)', borderRadius: '8px', fontSize: '13px', color: 'var(--gray-500)' }}>
+                📌 네이버 지도에서 <strong>"오피스브이 안산"</strong> 검색
+              </div>
             </div>
           </div>
         </div>
diff --git a/workspace/zioinfo-web/frontend/src/pages/Support.jsx b/workspace/zioinfo-web/frontend/src/pages/Support.jsx
index 49c0878a..aa73af03 100644
--- a/workspace/zioinfo-web/frontend/src/pages/Support.jsx
+++ b/workspace/zioinfo-web/frontend/src/pages/Support.jsx
@@ -66,7 +66,7 @@ function Notice() {
               <div className="notice-body">
                 <p>안녕하세요, (주)지오정보기술입니다.</p>
                 <p>본 공지는 <strong>{selected.title}</strong>에 관한 안내입니다.</p>
-                <p>자세한 사항은 고객지원팀(02-784-9271)으로 문의해 주시기 바랍니다.</p>
+                <p>자세한 사항은 고객지원팀(031-483-1766)으로 문의해 주시기 바랍니다.</p>
                 <p>감사합니다.</p>
               </div>
             </div>
@@ -109,13 +109,13 @@ const FAQS = [
     items: [
       { q: '도입 비용은 어떻게 되나요?', a: '기관 규모와 관리 서버 수에 따라 맞춤 견적을 제공합니다. 7일 무료 체험판을 먼저 신청하신 후 문의 주시면 상세한 견적을 안내해 드립니다.' },
       { q: '체험판을 사용할 수 있나요?', a: '예. 7일 무료 체험판을 제공합니다. 문의하기 또는 GUARDiA 페이지의 "무료 데모 신청" 버튼을 통해 신청하시면 영업일 기준 1일 이내에 안내 드립니다.' },
-      { q: '공공기관 나라장터 조달 구매가 가능한가요?', a: '예. GUARDiA ITSM은 조달청 나라장터 등록을 준비 중이며, 공공기관 입찰을 통한 구매를 지원합니다. 자세한 사항은 영업팀(02-784-9271)에 문의해 주십시오.' },
+      { q: '공공기관 나라장터 조달 구매가 가능한가요?', a: '예. GUARDiA ITSM은 조달청 나라장터 등록을 준비 중이며, 공공기관 입찰을 통한 구매를 지원합니다. 자세한 사항은 영업팀(031-483-1766)에 문의해 주십시오.' },
     ]
   },
   {
     cat: '기술 지원',
     items: [
-      { q: '기술 지원은 어떻게 받을 수 있나요?', a: '이메일(support@zioinfo.co.kr), 전화(02-784-9271), GUARDiA ITSM 내 챗봇을 통해 기술 지원을 제공합니다. 운영 중 긴급 장애는 24시간 온콜 지원이 가능합니다.' },
+      { q: '기술 지원은 어떻게 받을 수 있나요?', a: '이메일(support@zioinfo.co.kr), 전화(031-483-1766), GUARDiA ITSM 내 챗봇을 통해 기술 지원을 제공합니다. 운영 중 긴급 장애는 24시간 온콜 지원이 가능합니다.' },
       { q: '업그레이드는 어떻게 진행되나요?', a: '정기 업데이트는 연 2~4회 제공되며, 보안 패치는 즉시 제공됩니다. 업그레이드는 GUARDiA 내 자동 배포 기능을 통해 다운타임 없이 진행할 수 있습니다.' },
     ]
   },