feat(homepage): 회사 정보 업데이트 + 네이버 지도 연동

회사 정보 변경:
- 대표이사: 홍영택
- 전화: 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>
This commit is contained in:
DESKTOP-TKLFCPR\ython 2026-05-31 11:16:37 +09:00
parent ecc221b20e
commit 33da17199a
3 changed files with 27 additions and 23 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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 내 자동 배포 기능을 통해 다운타임 없이 진행할 수 있습니다.' },
]
},