{/* Section kicker */}

GREETINGS

인사말

{/* 2-column body */}

{/* Left: heading + paragraphs + signature */}

{d.ceoTitle}

{d.ceoMsg.split('\n').filter(Boolean).map((para, i) => (

{para}

))}

{d.ceoName}

{/* Right: photo — natural aspect, vertically centered, no crop */}

{/* gold corner accent */}

{/* subtle background block behind to fill vertical space */}

); } // ── Philosophy (separate tab, navy hero + gold rule, B layout) ───────────── function PhilosophyPage({ t }) { const d = t.philosophy; return ( {/* Hero — full-bleed navy + gold rule */}

VALUES

Vision & Mission

{d.lead}

{d.desc}

{/* pillars row */}

{d.pillars.map(([k, v], i) => (

{k}

{v}

))}

{/* 3 missions — large cards, gold rule accents */}

{d.missions.map((m, i) => (

0{i + 1}

{m.en}

{m.title}

{m.desc}

))}

); } // ── History ───────────────────────────────────────────────────────────────── function HistoryPage({ t }) { const d = t.history; // strip "MM월 — " prefix (and trim "2014~2015 — " style ranges as-is) const stripMonth = (s) => s.replace(/^\s*\d{1,2}월\s*[—–-]\s*/, ''); const items = d.items.map(it => ({ year: it.year, events: it.events.map(stripMonth) })); // split into 2 columns const mid = Math.ceil(items.length / 2); const cols = [items.slice(0, mid), items.slice(mid)]; return ( {/* Intro copy — full width */}

아이앤테크는 자동차 사출금형 및 사출 양산 분야에서 꾸준한 기술 개발과 생산 역량 강화를 이어오며 성장해온 기업입니다.

국제 품질 인증과 해외 수출, 기업부설연구소 운영을 통해 기술력과 품질 경쟁력을 인정받고 있으며, 최근에는 공장 증축과 소부장·뿌리기술 기업 인증을 통해 생산 기반과 미래 경쟁력을 더욱 강화하고 있습니다.

앞으로도 변화하는 자동차 산업에 발맞춰 품질과 생산성을 고도화하며, 국내를 넘어 글로벌 시장에서 신뢰받는 제조 파트너로 성장해 나가겠습니다.

{/* compact 2-column timeline */}

{/* center divider */}

{cols.map((col, ci) => (

{col.map((item, i) => (

{item.events.map((ev, j) => (

{j === 0 && (

{item.year}

)}

{ev}

))}

); } // ── Org Chart ─────────────────────────────────────────────────────────────── function OrgPage({ t }) { const d = t.org; const c = d.chart; // Top-level branches under 전무이사 (left → right): // 1) 금형부 (with subs) // 2) 사출부 (with subs) // 3) 품질관리 (standalone) // 4) 지원조직 (with items) const branches = [ { kind: 'dept', name: c.depts[0].name, tag: 'MOLD', subs: c.depts[0].subs }, { kind: 'dept', name: c.depts[1].name, tag: 'INJECTION', subs: c.depts[1].subs }, { kind: 'solo', name: c.qa, tag: 'QC', accent: 'gold' }, { kind: 'support', name: c.support.label, tag: c.support.en, subs: c.support.items }, ]; // Shared box styles const exec = { background: 'var(--navy-900)', color: '#fff', padding: '20px 56px 18px', borderTop: '3px solid var(--gold-2)', minWidth: 260, textAlign: 'center', position: 'relative' }; const deptBox = { background: 'var(--navy-800)', color: '#fff', padding: '14px 22px', fontSize: 15, fontWeight: 700, textAlign: 'center', letterSpacing: 0.8, position: 'relative' }; const soloBox = { background: '#fff', color: 'var(--navy-800)', padding: '14px 22px', fontSize: 15, fontWeight: 700, textAlign: 'center', letterSpacing: 0.8, border: '1.5px solid var(--navy-800)', borderTop: '3px solid var(--gold-2)', position: 'relative' }; const supportBox = { background: 'var(--paper)', color: 'var(--navy-800)', padding: '14px 22px', fontSize: 15, fontWeight: 700, textAlign: 'center', letterSpacing: 0.8, border: '1.5px solid var(--gold-2)', position: 'relative' }; const subBox = { background: '#fff', color: 'var(--navy-800)', padding: '11px 14px', fontSize: 13.5, fontWeight: 600, border: '1px solid var(--line)', borderLeft: '3px solid var(--gold-2)', textAlign: 'left' }; const Tag = ({ children }) => (

{children}

); return (

{/* 대표이사 */}

CHIEF EXECUTIVE

{c.ceo}

{/* line down */}

{/* 전무이사 */}

EXECUTIVE DIRECTOR

{c.exec}

{/* line down to horizontal rail */}

{/* horizontal rail across all branches */}

{branches.map((b, i) => (

{/* drop line into the head box */}

{/* head box */}

{b.tag}

{b.name}

{/* subs */} {b.subs && b.subs.length > 0 && (

{b.subs.map((sub, j) => (

0{j+1} {sub}

))}

)}

))}

{/* About — copy / philosophy block */}

ABOUT OUR ORGANIZATION

아이앤테크는 금형 · 사출 두 개 본부를 중심으로, 수주에서 양산까지의 빠른 대응과 우수한 품질을 위해 노력하고 있습니다.

); } // ── Location ──────────────────────────────────────────────────────────────── function LocationPage({ t }) { const d = t.location; return ( {/* Map — Google Maps embed */}

I&TECH HEADQUARTERS

아이앤테크 본사 · 공장

{d.addr}

{/* Info grid */}

{[ ['ADDRESS', '주소', d.addr], ['CONTACT', '연락처', `TEL ${d.tel}\nFAX ${d.fax}\n${d.email}`], ].map(([eng, ko, val], i) => (

{eng}

{ko}

{val}

))}

); } Object.assign(window, { CeoPage, PhilosophyPage, HistoryPage, OrgPage, LocationPage });