// ─── Arch5 — 메일 아카이빙 (Enterprise Email Archiving) ─────────────────────── // SpamOut/CheckOut과 동일 디자인 체계 + 앰버(아카이브) 포인트 // Flow: PROBLEM→SOLUTION→HOW IT WORKS→FEATURES→COMPLIANCE→COMPARISON→BENEFITS→USE CASES→ARCHITECTURE→PRICE→SUPPLY→DOWNLOAD→FAQ→FINAL CTA const Arch5Page = ({ lang, setPage, openQuote }) => { const [dlOpen, setDlOpen] = React.useState(false); const [dlSent, setDlSent] = React.useState(false); const [dlSending, setDlSending] = React.useState(false); const [dlErr, setDlErr] = React.useState(''); const [dlForm, setDlForm] = React.useState({ company:'', name:'', email:'', phone:'', interest:'메일 아카이빙', users:'', message:'' }); const [dlErrs, setDlErrs] = React.useState({}); const dlUp = (k,v) => { setDlForm(p=>({...p,[k]:v})); if (dlErrs[k]) setDlErrs(e=>{const n={...e};delete n[k];return n;}); }; const dlRules = [{ k:'company', type:'text' }, { k:'name', type:'text' }, { k:'email', type:'email' }, { k:'_agree', type:'agree' }]; const [openFaqs, setOpenFaqs] = React.useState([0]); const toggleFaq = (i) => setOpenFaqs(prev => prev.includes(i) ? prev.filter(x=>x!==i) : [...prev, i]); const isKo = lang === 'ko'; React.useEffect(() => { const els = document.querySelectorAll('.reveal'); const obs = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('revealed'); }); }, { threshold: 0.1 }); els.forEach(el => obs.observe(el)); return () => obs.disconnect(); }); const handleDownload = async () => { const _v = window.validateForm(dlForm, dlRules, lang); if (!_v.ok) { setDlErrs(_v.errors); return; } setDlSending(true); const msg = `🗄️ Arch5 자료 요청 / 리드\n회사: ${dlForm.company||'-'}\n담당자: ${dlForm.name||'-'}\n이메일: ${dlForm.email||'-'}\n연락처: ${dlForm.phone||'-'}\n관심 기능: ${dlForm.interest}\n예상 사용자: ${dlForm.users||'-'}\n문의: ${dlForm.message||'-'}\n시간: ${new Date().toLocaleString('ko-KR')}`; const _r = await sendTelegram(msg, { consent: dlForm._agree === true }); if (!_r || !_r.ok) { setDlSending(false); setDlErr(isKo ? '요청 전달에 실패했습니다. sales@3es.co.kr 또는 031-212-3390 으로 연락해 주세요.' : 'Submission failed. Please email sales@3es.co.kr or call +82-31-212-3390.'); return; } try { if (typeof LS !== 'undefined') { const list = LS.get('3es_inquiries', []); const nextId = (list.reduce((m,x)=>Math.max(m, x.id||0), 0) || 0) + 1; list.unshift({ id:nextId, company:dlForm.company||'-', name:dlForm.name||'-', date:new Date().toLocaleDateString('ko-KR').replace(/\. /g,'.').replace(/\.$/,''), type:'Arch5 자료요청 ('+dlForm.interest+')', status:'new', message:`이메일:${dlForm.email} / 연락처:${dlForm.phone} / 사용자:${dlForm.users} / ${dlForm.message}` }); LS.set('3es_inquiries', list); } } catch(e) {} setDlSending(false); setDlSent(true); }; const NAVY='#0F1E3C', NAVY2='#13294F', AMBER='#F59E0B', AMBER2='#FBBF24', CYAN='#06B6D4', RED='#EF4444'; const t = isKo ? { badge:'ENTERPRISE EMAIL ARCHIVING', parent:'이메일 보안', tagline:'메일 아카이빙 & 원본 보존 솔루션', h1a:'모든 메일을 원본 그대로,', h1b:'안전하게 보관하고 즉시 찾습니다', sub:'Arch5는 조직의 송수신 메일과 첨부파일을 자동으로 아카이빙하여 원본을 변조 없이 장기 보존하고, 필요할 때 빠르게 검색·추출할 수 있는 메일 아카이빙 솔루션입니다.', chips:['메일 아카이빙','원본 보존','통합 검색','보존기간 관리','감사·증적','권한 통제'], cta1:'도입 상담', cta2:'견적 문의', cta3:'데모 신청', cta4:'자료 요청', prob:{ k:'01 — PROBLEM', title:'중요한 메일은\n항상 "그때" 사라집니다', sub:'개인 메일함과 PST 백업에 흩어진 메일은 퇴사·삭제·장애 한 번에 유실될 수 있습니다.' }, problems:[ { icon:'🗑️', tag:'유실 위험', title:'삭제·퇴사로 사라지는 메일', d:'개인이 삭제하거나 퇴사하면 업무 이력과 근거 메일이 함께 사라질 수 있습니다.' }, { icon:'🔎', tag:'검색 불가', title:'필요할 때 못 찾는 과거 메일', d:'분산 저장된 메일은 감사·분쟁·인수인계 시 원하는 메일을 빠르게 찾기 어렵습니다.' }, { icon:'⚖️', tag:'증적 부재', title:'감사·분쟁 대응 근거 부족', d:'원본 보존과 무결성 증빙이 없으면 감사·소송 대응에 근거가 부족합니다.' }, { icon:'💾', tag:'용량 부담', title:'메일 서버 용량 압박', d:'대용량 첨부와 누적 메일로 메일 서버 용량과 성능 부담이 커집니다.' }, ], sol:{ k:'02 — SOLUTION', title:'Arch5는 발생 즉시\n원본을 자동 보관합니다', sub:'Arch5는 송수신되는 모든 메일과 첨부파일을 발생 시점에 자동 수집해 변조 없이 저장하고, 보존정책·권한·검색을 통합 관리합니다.', points:['송수신 메일 자동 아카이빙','원본 무결성 보존','보존기간·삭제 정책 관리','통합 검색 및 추출','권한 기반 열람 통제','감사·증적 로그 확보'] }, flow:{ k:'03 — HOW IT WORKS', title:'아카이빙 처리 흐름', sub:'수집부터 보존·검색·추출까지 자동으로 이어집니다.', steps:[ { n:'01', t:'메일 수집', d:'송수신되는 모든 메일과 첨부파일을 발생 시점에 자동 수집합니다.' }, { n:'02', t:'원본 저장', d:'변조 없이 원본을 저장하고 무결성 값을 함께 보관합니다.' }, { n:'03', t:'인덱싱', d:'제목·본문·첨부·발신자 등을 색인해 빠른 검색을 준비합니다.' }, { n:'04', t:'보존 관리', d:'보존기간·삭제 정책에 따라 자동으로 관리합니다.' }, { n:'05', t:'검색 / 추출', d:'권한 범위 내에서 통합 검색하고 필요한 메일을 추출합니다.' }, { n:'06', t:'감사 / 증적', d:'열람·검색·추출 이력을 기록해 감사 대응에 활용합니다.' }, ] }, feat:{ k:'04 — FEATURES', title:'Arch5 핵심 기능' }, features:[ { icon:'🗄️', t:'자동 메일 아카이빙', d:'송수신 메일과 첨부파일을 발생 시점에 자동으로 보관합니다.' }, { icon:'🔒', t:'원본 무결성 보존', d:'변조 없이 원본을 저장하고 무결성을 검증할 수 있습니다.' }, { icon:'🔎', t:'통합 검색', d:'제목·본문·첨부·기간·발신자 등 조건으로 빠르게 검색합니다.' }, { icon:'⏳', t:'보존기간 관리', d:'정책 기반 보존과 만료 삭제를 자동으로 처리합니다.' }, { icon:'👤', t:'권한 기반 열람', d:'사용자·부서·관리자별 열람 권한을 세분화해 통제합니다.' }, { icon:'📤', t:'메일 추출 / 내보내기', d:'검색 결과를 원본 형태로 추출·내보내기 할 수 있습니다.' }, { icon:'📦', t:'대용량 · 중복 제거', d:'대용량 첨부와 중복 메일을 효율적으로 저장합니다.' }, { icon:'📊', t:'대시보드 / 리포트', d:'보관 현황·검색·열람 통계를 리포트로 제공합니다.' }, ], compl:{ k:'05 — COMPLIANCE', title:'규정 준수와 감사 대응', sub:'원본 보존과 증적 관리로 감사·분쟁 대응을 지원합니다.', items:[ { t:'원본 보존 · 무결성 증빙', d:'변조 없는 원본과 무결성 값으로 신뢰성 확보' }, { t:'e-Discovery 대응', d:'분쟁·소송 시 필요한 메일을 빠르게 검색·추출' }, { t:'내부 감사 대응', d:'열람·검색·추출 이력을 증적으로 보존' }, { t:'보존기간 정책 관리', d:'법령·내규에 맞춘 보존·삭제 정책 적용' }, { t:'접근 권한 통제', d:'권한 밖 열람을 차단하고 이력을 기록' }, ] }, comp:{ k:'06 — COMPARISON', title:'개인 백업 vs Arch5', sub:'보존·검색·증적 관점에서 차이를 비교해 보세요.' }, compHead:['항목','개인 백업 / PST','메일서버 보관','Arch5'], compRows:[ ['자동 보관','수동','제한적','발생 시점 자동'], ['원본 무결성','보장 어려움','일부','무결성 보존'], ['통합 검색','불가','메일함 단위','전사 통합 검색'], ['보존기간 관리','없음','제한적','정책 기반 관리'], ['퇴사자 메일','유실 위험','제한적','지속 보존'], ['감사·증적','없음','일부','열람·추출 이력'], ['권한 통제','없음','서버별','세분화 권한'], ['용량 효율','낮음','부담','중복 제거·최적화'], ], ben:{ k:'07 — BENEFITS', title:'도입 효과' }, benefits:[ { n:'유실 방지', t:'메일 자산 보존', d:'삭제·퇴사·장애에도 업무 메일과 근거를 지속 보존합니다.' }, { n:'빠른 검색', t:'즉시 찾기', d:'분산된 메일을 전사 통합 검색으로 즉시 찾습니다.' }, { n:'감사 대응', t:'증적 확보', d:'원본·무결성·열람 이력으로 감사·분쟁에 대응합니다.' }, { n:'용량 절감', t:'서버 부담 감소', d:'아카이빙과 중복 제거로 메일 서버 부담을 줄입니다.' }, { n:'업무 연속성', t:'인수인계 지원', d:'퇴사·이동 시에도 과거 메일로 업무 연속성을 확보합니다.' }, ], uc:{ k:'08 — USE CASES', title:'이런 조직에 적합합니다', sub:'대표 적용 산업군 예시입니다.' }, useCases:[ { ind:'공공기관', icon:'🏛️', d:'민원·행정 메일을 원본 보존하고 감사·정보공개 요청에 대응합니다.' }, { ind:'금융기관', icon:'🏦', d:'거래·상담 메일을 장기 보존하고 규정·감사 대응 근거를 확보합니다.' }, { ind:'제조 / 대기업', icon:'🏭', d:'계약·기술·협력사 메일을 통합 보존하고 분쟁 시 신속히 추출합니다.' }, { ind:'의료 / 병원', icon:'🏥', d:'행정·협진 메일을 보존정책에 맞게 관리합니다.' }, { ind:'법무 / 감사', icon:'⚖️', d:'e-Discovery와 내부 감사를 위한 검색·추출 체계를 제공합니다.' }, ], arch:{ k:'09 — ARCHITECTURE', title:'구축 방식', sub:'메일 환경·보존정책·용량·망분리 환경에 따라 유연하게 구성합니다.', nodes:['메일서버','수집 게이트웨이','Arch5','저장소','검색/추출','관리자'], side:['보존정책 / 인덱스','열람·추출 감사 로그'], ha:'이중화·대용량 저장 구성을 지원해 대규모 환경에서도 안정적으로 운영합니다.' }, price:{ k:'10 — PRICE GUIDE', title:'규모와 보존정책에 맞는 도입 방식', sub:'상세 견적은 상담 후 산정합니다.', plans:[ { name:'기본형', icon:'🗄️', best:'중소기업', features:['자동 아카이빙','통합 검색','보존기간 관리','기본 권한'] }, { name:'컴플라이언스형', icon:'⚖️', best:'감사·규정 대응', primary:true, features:['기본형 전체 포함','원본 무결성 증빙','e-Discovery 추출','세분화 권한','감사 로그'] }, { name:'엔터프라이즈형', icon:'🏛️', best:'대규모·망분리', features:['대규모 사용자','대용량 저장·중복제거','이중화 구성','망분리/망연계','고급 감사 대응'] }, ], note:'견적은 사용자 수, 메일량, 보존기간, 저장 용량, 이중화·망분리 연동, 검색·추출 요건에 따라 산정됩니다.' }, maker:{ k:'11 — SUPPLY', title:'제조사 및 공급 체계', sub:'검증된 제품과 책임 있는 운영 지원을 함께 제공합니다.', points:[ { icon:'🏭', t:'검증된 아카이빙 제조사', d:'Arch5는 메일 아카이빙 전문 제조사의 검증된 보존 솔루션입니다.' }, { icon:'🤝', t:'삼에스소프트 도입·운영 파트너', d:'도입 컨설팅, 구축, 보존정책 설계, 운영 교육, 장애 대응을 함께 제공합니다.' }, { icon:'🛡️', t:'운영 안정화까지 책임', d:'솔루션 판매로 끝나지 않고, 도입 이후 운영 안정화까지 지속 지원합니다.' }, ] }, dl:{ k:'12 — DOWNLOAD', title:'Arch5 자료 요청', summary:[ 'Arch5는 송수신 메일과 첨부파일을 발생 시점에 자동으로 원본 보존하는 메일 아카이빙 솔루션입니다.', '보존기간 관리, 권한 기반 열람, 통합 검색·추출로 메일 자산을 안전하게 관리합니다.', '원본 무결성과 열람·추출 이력을 제공하여 감사·분쟁·e-Discovery 대응을 지원합니다.', ], files:[['📄','회사 이메일로 자료 요청'],['📊','제안서 요청하고 상담 연결하기']] }, faq:{ k:'13 — FAQ', title:'자주 묻는 질문' }, faqs:[ { q:'기존 메일서버를 교체해야 하나요?', a:'아니요. 기존 메일 환경을 유지하면서 수집 구간에 Arch5를 연동하는 방식으로 구성할 수 있습니다.' }, { q:'퇴사자 메일도 보존되나요?', a:'네. 발생 시점에 자동 아카이빙되므로 퇴사·삭제 이후에도 원본이 지속 보존됩니다.' }, { q:'원본이 변조되지 않았음을 증빙할 수 있나요?', a:'네. 원본과 함께 무결성 값을 보관하여 변조 여부를 검증할 수 있습니다.' }, { q:'검색은 어떤 조건으로 가능한가요?', a:'제목·본문·첨부·기간·발신자·수신자 등 다양한 조건으로 전사 통합 검색이 가능합니다.' }, { q:'보존기간은 어떻게 관리되나요?', a:'법령·내규에 맞춘 보존기간 정책을 설정하고, 만료 시 정책에 따라 자동 처리합니다.' }, { q:'대용량 저장이 부담되지 않나요?', a:'중복 제거와 압축으로 저장 효율을 높이고, 대용량·이중화 구성을 지원합니다.' }, { q:'도입 후 운영 지원은 어떻게 되나요?', a:'삼에스소프트가 보존정책 설계, 구축, 운영 교육, 장애 대응, 정기점검까지 지원합니다.' }, ], bottom:{ title:'중요한 메일,\n지금 안전하게 보관하고 있습니까?', sub:'Arch5는 조직의 모든 메일을 원본 그대로 보존하고, 필요할 때 즉시 찾을 수 있도록 지원합니다.\n삼에스소프트가 도입부터 운영까지 함께합니다.', a:'도입 상담 받기', b:'견적 요청하기', c:'제안서 요청', d:'데모 신청하기' }, } : { badge:'ENTERPRISE EMAIL ARCHIVING', parent:'Email Security', tagline:'Email Archiving & Original Preservation', h1a:'Every email, preserved as-is —', h1b:'stored safely and found instantly', sub:'Arch5 automatically archives your inbound and outbound mail and attachments, preserving originals tamper-free for the long term and enabling fast search and export whenever needed.', chips:['Email Archiving','Original Preservation','Unified Search','Retention Policy','Audit Evidence','Access Control'], cta1:'Talk to Sales', cta2:'Get Quote', cta3:'Request Demo', cta4:'Download', prob:{ k:'01 — PROBLEM', title:'Important email always\ndisappears "right when" you need it', sub:'Mail scattered across mailboxes and PST backups can vanish with a single departure, deletion, or failure.' }, problems:[ { icon:'🗑️', tag:'Loss Risk', title:'Mail Lost to Deletion & Departures', d:'When users delete mail or leave, work history and evidence can disappear with them.' }, { icon:'🔎', tag:'Not Findable', title:'Past Mail You Can\'t Locate', d:'Scattered mail is hard to search during audits, disputes, or handovers.' }, { icon:'⚖️', tag:'No Evidence', title:'Weak Basis for Audits & Disputes', d:'Without original preservation and integrity proof, audit and litigation response is weak.' }, { icon:'💾', tag:'Capacity', title:'Mail Server Capacity Pressure', d:'Large attachments and accumulated mail strain server capacity and performance.' }, ], sol:{ k:'02 — SOLUTION', title:'Arch5 auto-preserves\noriginals the moment they occur', sub:'Arch5 automatically captures all inbound/outbound mail and attachments at the moment they occur, stores them tamper-free, and unifies retention, access, and search.', points:['Auto-archive inbound/outbound','Original integrity preservation','Retention & deletion policy','Unified search & export','Role-based access control','Audit & evidence logs'] }, flow:{ k:'03 — HOW IT WORKS', title:'Archiving Pipeline', sub:'From capture to preservation, search, and export — automatically.', steps:[ { n:'01', t:'Capture', d:'Automatically captures all inbound/outbound mail and attachments as they occur.' }, { n:'02', t:'Store Original', d:'Stores originals tamper-free with integrity values.' }, { n:'03', t:'Index', d:'Indexes subject, body, attachments, and senders for fast search.' }, { n:'04', t:'Retention', d:'Manages retention and expiry deletion by policy.' }, { n:'05', t:'Search / Export', d:'Unified search and export within permission scope.' }, { n:'06', t:'Audit', d:'Logs view/search/export history for audit response.' }, ] }, feat:{ k:'04 — FEATURES', title:'Arch5 Core Features' }, features:[ { icon:'🗄️', t:'Automatic Archiving', d:'Preserves inbound/outbound mail and attachments as they occur.' }, { icon:'🔒', t:'Original Integrity', d:'Stores originals tamper-free with verifiable integrity.' }, { icon:'🔎', t:'Unified Search', d:'Search by subject, body, attachment, period, and sender.' }, { icon:'⏳', t:'Retention Management', d:'Policy-based retention and automatic expiry deletion.' }, { icon:'👤', t:'Role-Based Access', d:'Granular view permissions by user, team, and admin.' }, { icon:'📤', t:'Mail Export', d:'Export search results in original form.' }, { icon:'📦', t:'Large File & Dedup', d:'Efficiently stores large attachments and duplicate mail.' }, { icon:'📊', t:'Dashboard / Reports', d:'Reports on storage status, search, and access statistics.' }, ], compl:{ k:'05 — COMPLIANCE', title:'Compliance & Audit Response', sub:'Original preservation and evidence management support audits and disputes.', items:[ { t:'Original & Integrity Proof', d:'Tamper-free originals with integrity values for trust' }, { t:'e-Discovery Support', d:'Fast search and export of mail needed for disputes' }, { t:'Internal Audit Response', d:'Preserves view/search/export history as evidence' }, { t:'Retention Policy', d:'Retention/deletion aligned with laws and internal rules' }, { t:'Access Control', d:'Blocks out-of-scope access and logs activity' }, ] }, comp:{ k:'06 — COMPARISON', title:'Personal Backup vs Arch5', sub:'Compare from preservation, search, and evidence perspectives.' }, compHead:['Item','Personal / PST','Mail Server','Arch5'], compRows:[ ['Auto Archiving','Manual','Limited','At time of occurrence'], ['Original Integrity','Hard to ensure','Partial','Preserved'], ['Unified Search','None','Per mailbox','Org-wide search'], ['Retention','None','Limited','Policy-based'], ['Ex-employee Mail','Loss risk','Limited','Continuously preserved'], ['Audit / Evidence','None','Partial','View/export history'], ['Access Control','None','Per-server','Granular'], ['Capacity Efficiency','Low','Strained','Dedup & optimized'], ], ben:{ k:'07 — BENEFITS', title:'Business Impact' }, benefits:[ { n:'No Loss', t:'Preserve Mail Assets', d:'Retains work mail and evidence despite deletion, departures, or failures.' }, { n:'Fast Find', t:'Instant Retrieval', d:'Locate scattered mail instantly via org-wide search.' }, { n:'Audit', t:'Evidence Ready', d:'Respond to audits/disputes with originals, integrity, and logs.' }, { n:'Capacity', t:'Lower Server Load', d:'Archiving and dedup reduce mail server burden.' }, { n:'Continuity', t:'Handover Support', d:'Maintain continuity via past mail during turnover.' }, ], uc:{ k:'08 — USE CASES', title:'Built for organizations like these', sub:'Representative industry examples.' }, useCases:[ { ind:'Public Sector', icon:'🏛️', d:'Preserves civil/administrative mail and responds to audits and disclosure requests.' }, { ind:'Finance', icon:'🏦', d:'Long-term retention of transaction/consultation mail for regulatory and audit evidence.' }, { ind:'Manufacturing', icon:'🏭', d:'Unifies contract, technical, and partner mail and extracts quickly in disputes.' }, { ind:'Healthcare', icon:'🏥', d:'Manages administrative and referral mail per retention policy.' }, { ind:'Legal / Audit', icon:'⚖️', d:'Provides search and export for e-Discovery and internal audit.' }, ], arch:{ k:'09 — ARCHITECTURE', title:'Deployment', sub:'Flexibly configured by mail environment, retention policy, capacity, and air-gapped setup.', nodes:['Mail Server','Capture Gateway','Arch5','Storage','Search/Export','Admin'], side:['Retention / Index','View/Export Audit Log'], ha:'HA and large-capacity storage configurations support stable large-scale operation.' }, price:{ k:'10 — PRICE GUIDE', title:'Deployment by Scale & Policy', sub:'Detailed pricing is determined after consultation.', plans:[ { name:'Basic', icon:'🗄️', best:'SMBs', features:['Auto archiving','Unified search','Retention management','Basic access'] }, { name:'Compliance', icon:'⚖️', best:'Audit & regulation', primary:true, features:['Everything in Basic','Original integrity proof','e-Discovery export','Granular access','Audit logs'] }, { name:'Enterprise', icon:'🏛️', best:'Large / air-gapped', features:['Large user base','High-capacity storage & dedup','HA configuration','Air-gap/network link','Advanced audit'] }, ], note:'Pricing depends on user count, mail volume, retention period, storage capacity, HA/air-gap integration, and search/export requirements.' }, maker:{ k:'11 — SUPPLY', title:'Manufacturer & Supply Chain', sub:'A verified product backed by accountable operational support.', points:[ { icon:'🏭', t:'Verified Archiving Vendor', d:'Arch5 is a verified email archiving solution from a specialist manufacturer.' }, { icon:'🤝', t:'3ES Soft Delivery Partner', d:'We provide consulting, deployment, retention design, training, and incident response.' }, { icon:'🛡️', t:'Committed to Stable Operations', d:'We don\'t stop at selling — we support you through to stable operations after rollout.' }, ] }, dl:{ k:'12 — DOWNLOAD', title:'Get Arch5 Materials', summary:[ 'Arch5 automatically preserves inbound/outbound mail and attachments as originals at the moment they occur.', 'Retention management, role-based access, and unified search/export keep your mail assets safe.', 'Original integrity and view/export logs support audits, disputes, and e-Discovery.', ], files:[['📄','Get materials via work email'],['📊','Get proposal & connect to sales']] }, faq:{ k:'13 — FAQ', title:'Frequently Asked Questions' }, faqs:[ { q:'Do I need to replace my mail server?', a:'No. Arch5 integrates into the capture path while keeping your existing mail environment.' }, { q:'Is ex-employee mail preserved?', a:'Yes. Since it archives at the moment of occurrence, originals persist even after departure or deletion.' }, { q:'Can I prove originals are untampered?', a:'Yes. Integrity values are stored alongside originals so tampering can be verified.' }, { q:'What search conditions are supported?', a:'Org-wide search by subject, body, attachment, period, sender, and recipient.' }, { q:'How is retention managed?', a:'Set retention policies aligned with laws/rules; expiry is handled automatically by policy.' }, { q:'Is large-scale storage a burden?', a:'Dedup and compression improve efficiency, with large-capacity and HA configurations supported.' }, { q:'What about post-deployment support?', a:'3ES Soft supports retention design, deployment, training, incident response, and periodic checks.' }, ], bottom:{ title:'Your important mail —\nis it safely preserved?', sub:'Arch5 preserves all organizational mail as originals and lets you find it instantly when needed.\n3ES Soft walks with you from rollout to operations.', a:'Talk to Sales', b:'Get Quote', c:'Download Proposal', d:'Request Demo' }, }; const Eyebrow = ({ children, light }) => (
{children}
); const SectionHead = ({ k, title, sub, light, center }) => (
{k}

{title}

{sub &&

{sub}

}
); const ArrowR = ({size=16}) => (); const Check = ({c=AMBER}) => (); return (
{/* HERO */}
setPage('sol_email')} style={{ cursor:'pointer', display:'inline-flex', alignItems:'center', gap:8, color:'rgba(255,255,255,0.5)', fontSize:13, marginBottom:36 }}> {isKo?`${t.parent}으로`:`Back to ${t.parent}`}
{t.badge}
Arch5 {t.tagline}

{t.h1a} {t.h1b}

{t.sub}

{t.chips.map((c,i)=>( {c} ))}
{/* 01 PROBLEM */}
{t.problems.map((p,i)=>(
{e.currentTarget.style.borderColor='#FCA5A5';e.currentTarget.style.boxShadow='0 12px 32px rgba(239,68,68,0.08)';e.currentTarget.style.transform='translateY(-3px)';}} onMouseLeave={e=>{e.currentTarget.style.borderColor='#E6EAF2';e.currentTarget.style.boxShadow='none';e.currentTarget.style.transform='none';}}>
{p.tag}
{p.title}
{p.d}
))}
{/* 02 SOLUTION */}
{t.sol.points.map((p,i)=>(
{p}
))}
{/* 03 HOW IT WORKS */}
{t.flow.steps.map((s,i)=>(
{s.n}
{s.t}
{s.d}
))}
{/* 04 FEATURES */}
{t.features.map((f,i)=>(
{e.currentTarget.style.borderColor=AMBER;e.currentTarget.style.boxShadow=`0 14px 36px ${AMBER}12`;e.currentTarget.style.transform='translateY(-4px)';}} onMouseLeave={e=>{e.currentTarget.style.borderColor='#E6EAF2';e.currentTarget.style.boxShadow='none';e.currentTarget.style.transform='none';}}>
{f.t}
{f.d}
))}
{/* 05 COMPLIANCE */}
{t.compl.items.map((c,i)=>(
{c.t}
{c.d}
))}
{/* 06 COMPARISON */}
{t.compHead.map((h,i)=>( ))} {t.compRows.map((r,i)=>( ))}
{i===3?'🗄️ ':''}{h}
{r[0]} {r[1]} {r[2]} {r[3]}
{/* 07 BENEFITS */}
{t.benefits.map((b,i)=>(
{b.n}
{b.t}
{b.d}
))}
{/* 08 USE CASES */}
{t.useCases.map((u,i)=>(
{u.ind}
{u.d}
))}
{/* 09 ARCHITECTURE */}
{t.arch.nodes.map((n,i,arr)=>(
{['📧','📥','🗄️','💾','🔎','👤'][i]}
{n}
{i→
} ))}
{t.arch.side.map((s,i)=>( 🗂️ {s} ))}
⚡ {t.arch.ha}
{window.SITE_CONFIG && window.SITE_CONFIG.SHOW_PRICE_GUIDE && (
{t.price.plans.map((p,i)=>(
{p.primary &&
{isKo?'추천':'Popular'}
}
{p.name}
{isKo?'상담 후 산정':'Quote on consult'}
BEST · {p.best}
{p.features.map((f,fi)=>(
{f}
))}
))}
💡 {t.price.note}
)} {/* 11 SUPPLY */}
{t.maker.points.map((p,i)=>(
{p.t}
{p.d}
))}
{/* 12 DOWNLOAD */}
{t.dl.summary.map((s,i)=>(
0{i+1}
{s}
))}
{t.dl.files.map((file,i)=>( ))}
{/* 도입 시나리오 */} {/* 조달 등재 정보 */} {window.hasG2B && window.hasG2B('arch5') && (
)} {/* 13 FAQ */}
{t.faqs.map((f,i)=>(
toggleFaq(i)} style={{ padding:'20px 24px', display:'flex', justifyContent:'space-between', alignItems:'center', cursor:'pointer', gap:18 }}>
Q{i+1} {f.q}
+
{openFaqs.includes(i) &&
{f.a}
}
))}
{/* 14 FINAL CTA */}
14 — FINAL CTA

{t.bottom.title}

{t.bottom.sub}

{/* DOWNLOAD / LEAD MODAL */} {dlOpen && (
{isKo?'제안서 요청하고 상담 연결하기':'Request Proposal & Connect'}
{isKo?'정보를 남겨주시면 자료와 함께 담당자가 빠르게 연락드립니다.':'Leave your details — we\'ll send materials and follow up quickly.'}
{dlSent ? (
{isKo?'요청이 접수되었습니다':'Request Received'}
{isKo?'담당자가 빠르게 연락드리겠습니다.\n관리자 알림이 발송되었습니다.':'Our team will contact you shortly.\nAn admin notification has been sent.'}
) : ( <>
dlUp('company',e.target.value)} style={{ width:'100%', padding:'11px 13px', background:'#F6F8FC', border:'1px solid #E6EAF2', borderRadius:8, fontSize:14, fontFamily:'inherit', outline:'none', color:'#1E293B' }}/>{dlErrs.company && }
dlUp('name',e.target.value)} style={{ width:'100%', padding:'11px 13px', background:'#F6F8FC', border:'1px solid #E6EAF2', borderRadius:8, fontSize:14, fontFamily:'inherit', outline:'none', color:'#1E293B' }}/>{dlErrs.name && }
dlUp('email',e.target.value)} placeholder="name@company.com" style={{ width:'100%', padding:'11px 13px', background:'#F6F8FC', border:'1px solid #E6EAF2', borderRadius:8, fontSize:14, fontFamily:'inherit', outline:'none', color:'#1E293B' }}/>{dlErrs.email && }
dlUp('phone',e.target.value)} placeholder={isKo?'010-0000-0000':'Phone'} style={{ width:'100%', padding:'11px 13px', background:'#F6F8FC', border:'1px solid #E6EAF2', borderRadius:8, fontSize:14, fontFamily:'inherit', outline:'none', color:'#1E293B' }}/>
dlUp('users',e.target.value)} placeholder={isKo?'예: 200':'e.g. 200'} style={{ width:'100%', padding:'11px 13px', background:'#F6F8FC', border:'1px solid #E6EAF2', borderRadius:8, fontSize:14, fontFamily:'inherit', outline:'none', color:'#1E293B' }}/>