49a94d868d
- Contact.jsx: 대표전화 02-000-0000 → 031-483-1766, 주소 서울특별시 → 경기도 안산시 단원구 광덕4로 220 오피스브이 578호 - Footer.jsx: logo-white.png → 지오정보기술로고.png (화이트 필터 적용) - 빌드 결과물 갱신 (Contact·Footer·CI 페이지 반영) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
113 lines
4.0 KiB
JavaScript
113 lines
4.0 KiB
JavaScript
import React from 'react';
|
|
import { Link } from 'react-router-dom';
|
|
import './Footer.css';
|
|
|
|
const FOOTER_MENUS = [
|
|
{
|
|
title: '회사소개',
|
|
links: [
|
|
{ label: 'CEO 인사말', path: '/company/greeting' },
|
|
{ label: '연혁', path: '/company/history' },
|
|
{ label: '조직도', path: '/company/organization' },
|
|
{ label: '오시는 길', path: '/company/location' },
|
|
]
|
|
},
|
|
{
|
|
title: '솔루션',
|
|
links: [
|
|
{ label: 'GUARDiA ITSM', path: '/solution/guardia' },
|
|
{ label: 'ERP', path: '/solution/erp' },
|
|
{ label: 'CRM', path: '/solution/crm' },
|
|
{ label: 'BI', path: '/solution/bi' },
|
|
]
|
|
},
|
|
{
|
|
title: '고객지원',
|
|
links: [
|
|
{ label: '공지사항', path: '/support/notice' },
|
|
{ label: 'FAQ', path: '/support/faq' },
|
|
{ label: '카탈로그', path: '/support/catalog' },
|
|
{ label: '문의하기', path: '/support/contact' },
|
|
]
|
|
},
|
|
{
|
|
title: '채용',
|
|
links: [
|
|
{ label: '채용공고', path: '/recruit/jobs' },
|
|
{ label: '복리후생', path: '/recruit/welfare' },
|
|
{ label: '지원하기', path: '/recruit/apply' },
|
|
]
|
|
},
|
|
];
|
|
|
|
export default function Footer() {
|
|
return (
|
|
<footer className="footer" role="contentinfo">
|
|
<div className="footer-top">
|
|
<div className="container footer-top-inner">
|
|
{/* 회사 정보 */}
|
|
<div className="footer-brand">
|
|
<Link to="/" className="footer-logo">
|
|
<img src="/지오정보기술로고.png" alt="(주)지오정보기술 로고" height="36"
|
|
style={{ filter: 'brightness(0) invert(1)' }}
|
|
onError={e => { e.target.src='/ziologo.png'; e.target.onerror = () => { e.target.style.display='none'; e.target.nextSibling.style.display='block'; }; }} />
|
|
<span className="footer-logo-text" style={{display:'none'}}>
|
|
<strong>Zio</strong>Info
|
|
</span>
|
|
</Link>
|
|
<p className="footer-tagline">
|
|
AI 기반 레거시 인프라 자율 운영 플랫폼<br/>
|
|
GUARDiA ITSM으로 공공기관 IT를 혁신합니다.
|
|
</p>
|
|
<div className="footer-contact-list">
|
|
<div className="footer-contact-item">
|
|
<span className="contact-label">대표전화</span>
|
|
<a href="tel:031-483-1766">031-483-1766</a>
|
|
</div>
|
|
<div className="footer-contact-item">
|
|
<span className="contact-label">이메일</span>
|
|
<a href="mailto:info@zioinfo.co.kr">info@zioinfo.co.kr</a>
|
|
</div>
|
|
<div className="footer-contact-item">
|
|
<span className="contact-label">주소</span>
|
|
<span>경기도 안산시 단원구 광덕4로 220 오피스브이 578호</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* 메뉴 그룹 */}
|
|
{FOOTER_MENUS.map((group, i) => (
|
|
<div key={i} className="footer-menu-group">
|
|
<h3 className="footer-menu-title">{group.title}</h3>
|
|
<ul className="footer-menu-list">
|
|
{group.links.map((link, j) => (
|
|
<li key={j}>
|
|
<Link to={link.path}>{link.label}</Link>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
|
|
{/* 하단 바 */}
|
|
<div className="footer-bottom">
|
|
<div className="container footer-bottom-inner">
|
|
<div className="footer-legal">
|
|
<Link to="/privacy">개인정보처리방침</Link>
|
|
<Link to="/terms">이용약관</Link>
|
|
<Link to="/sitemap">사이트맵</Link>
|
|
</div>
|
|
<p className="footer-copyright">
|
|
Copyright © 2026 (주)지오정보기술 All Rights Reserved.
|
|
</p>
|
|
<div className="footer-powered">
|
|
Powered by <strong>GUARDiA ITSM</strong>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|