// ─── CatchSecu Page ──────────────────────────────────────────────────────────
// 개인정보 보호 자동화 솔루션 — B2B SaaS Premium Landing
// Flow: HERO → WHY (4 risks) → AS-IS/TO-BE → 4 FEATURES → IMPACT → PRICING → SUMMARY → FAQ → CTA
const CatchSecuPage = ({ lang, setPage, openQuote }) => {
const [dlOpen, setDlOpen] = React.useState(false);
const [dlEmail, setDlEmail] = React.useState('');
const [dlSent, setDlSent] = React.useState(false);
const [dlSending, setDlSending] = React.useState(false);
const [dlErr, setDlErr] = React.useState('');
const [dlAgree, setDlAgree] = React.useState(false);
const [openFaq, setOpenFaq] = React.useState(0);
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 (type) => {
setDlSending(true);
const msg = `📥 자료 요청 요청\n유형: ${type}\n이메일: ${dlEmail}\n시간: ${new Date().toLocaleString('ko-KR')}`;
const _r = await sendTelegram(msg, { consent: dlAgree === 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;
}
setDlSending(false);
setDlSent(true);
};
// Brand
const NAVY = '#0B1B3E';
const NAVY2 = '#13245A';
const PURPLE = '#6D44E0';
const PURPLE2 = '#9D85F0';
const BLUE = '#3B6EF5';
const SAGE = '#10B981';
// ── COPY ──────────────────────────────────────────────────────────────────
const copy = isKo ? {
badge:'CATCHSECU · 개인정보 보호 자동화',
h1a:'개인정보 수집부터 파기까지',
h1b:'규제 준수를 자동화합니다',
sub:'무료 설문폼·엑셀·수기 관리로 발생하는 국외 이전·유출·미파기 리스크를 줄이고, 동의서 생성부터 보유기간 관리, 암호화, 파기까지 한 곳에서 처리합니다.',
pill:'실무부서가 직접 운영하는 개인정보 보호 자동화 SaaS',
cta1:'견적 요청하기', cta2:'데모 신청하기', cta3:'실시간 문의',
trust:[
{n:'80%↓', t:'업무시간 단축'},
{n:'0일', t:'개발 소요기간'},
{n:'올인원', t:'전 주기 관리'},
{n:'24/7', t:'운영 지원'},
],
why:{ tag:'01 · WHY',
title:'지금 사용 중인 방식, 안전하다고 확신할 수 있나요?',
sub:'무료 폼·엑셀·수기 관리는 보이지 않는 규제 리스크를 누적시킵니다.' },
problems:[
{ tag:'국외 이전 리스크', title:'무료 폼 데이터의 외부 저장 이슈', desc:'무료 설문폼은 해외 서버 저장 가능성이 있어 별도 고지·동의 부담과 국외 이전 검토가 필요합니다.' },
{ tag:'접근 통제 부재', title:'링크 공유·개인 PC 다운로드 위험', desc:'권한 설정 실수, 개인 계정 운영, 개인 PC 저장으로 의도치 않은 유출 가능성이 발생합니다.' },
{ tag:'파기 의무 한계', title:'보유기간 도래 후 수동 삭제 누락', desc:'동의 철회·보유기간 만료 시 수기 삭제는 누락되기 쉽고, 파기 이력 증빙이 어렵습니다.' },
{ tag:'책임 소재 불명확', title:'사고 발생 시 통제 부재 부담', desc:'부서별 데이터 파편화·이력 부재로 사고 시 기관 차원의 통제 미비를 설명해야 하는 부담이 큽니다.' },
],
sol:{ tag:'02 · SOLUTION',
title:'수작업 As-Is에서 자동화 To-Be로',
sub:'수집·동의·보관·활용·파기까지 전 주기를 한 곳에서 관리하세요.' },
asis:[
'구글폼·네이버폼 등 외부 폼 활용',
'엑셀·구글시트 등 분산 저장',
'담당자 메일·메신저 수기 동의 관리',
'보유기간 만료 후 수동 파기',
'개인별·부서별 파편화된 관리',
'사고 발생 시 이력 추적 어려움',
],
tobe:[
'AI 기반 동의서·수집양식 자동 구성',
'암호화 기반 중앙 저장소 일원화',
'동의 이력 자동 보관 및 갱신 알림',
'보유기간 만료 시 자동 파기',
'기관 차원의 통제·권한 일괄 관리',
'접근·처리 이력 자동 로깅',
],
pipe:['수집','동의','보관','활용','파기'],
feat:{ tag:'03 · FEATURES', title:'개인정보 전 주기를 책임지는 4대 기능' },
features:[
{ n:'01', title:'AI 동의서 · 수집양식 자동 생성', desc:'질문 의도를 분석해 수집 항목과 법적 요건을 충족하는 동의서를 자동 구성합니다. 별도 개발 없이 바로 사용할 수 있습니다.' },
{ n:'02', title:'개인정보 라이프사이클 자동 파기', desc:'보유기간 만료, 동의 철회 등 트리거에 따라 자동 삭제됩니다. 파기 이력은 자동 보관되어 감사 대응이 용이합니다.' },
{ n:'03', title:'암호화 기반 안전한 활용', desc:'민감정보를 노출하지 않고 데이터 분석·활용을 지원합니다. 저장·전송 구간 모두 암호화 적용.' },
{ n:'04', title:'개인정보 오남용 모니터링 · 점검', desc:'접근·처리·다운로드 이력을 실시간으로 점검합니다. 이상 행위는 즉시 알림으로 통지합니다.' },
],
impact:{ tag:'04 · IMPACT', title:'도입 후 달라지는 것', sub:'자동화로 업무는 줄고, 대응력은 늘어납니다.' },
metrics:[
{ num:'80%↓', label:'업무시간 단축', desc:'수집·관리·파기 자동화로 담당자 부담 감소' },
{ num:'0일', label:'개발 소요기간', desc:'개발 없이 즉시 도입, 실무부서 직접 운영' },
{ num:'올인원', label:'전 주기 관리', desc:'수집·이용·제공·파기를 한 곳에서' },
{ num:'-', label:'규제 대응 부담 감소', desc:'감사·점검 시 자동 증빙 및 이력 제공' },
],
pricing:{ tag:'05 · PRICING', title:'합리적인 가격으로 시작하세요', sub:'규모와 환경에 맞는 두 가지 도입 방식.' },
summary:{ tag:'SUMMARY', title:'3줄 요약',
points:[
'무료 폼·엑셀 관리에는 국외 이전·접근 통제·파기 누락 등 보이지 않는 리스크가 있습니다.',
'캐치시큐는 AI 동의서 생성, 암호화 보관, 자동 파기, 오남용 모니터링으로 전 주기를 자동화합니다.',
'실무부서가 직접 운영해도 되는 구조로, 업무시간을 80% 이상 단축합니다.',
],
},
faq:{ tag:'06 · FAQ', title:'자주 묻는 질문' },
faqs:[
{ q:'기존 구글폼 데이터를 옮길 수 있나요?', a:'네. 기존 구글폼·엑셀 등에서 수집한 데이터를 안전하게 이관해드리며, 마이그레이션 단계를 담당 엔지니어가 직접 지원합니다.' },
{ q:'공공기관에서도 도입 가능한가요?', a:'네. 행정안전부 개인정보 보호 지침에 따른 운영을 지원하며, 공공기관 납품 실적을 보유하고 있습니다. 조달·계약 절차도 함께 안내해 드립니다.' },
{ q:'법령 개정 시 대응이 가능한가요?', a:'네. 개인정보보호법·시행령 개정 사항을 추적해 양식·동의서 템플릿이 업데이트되며, 변경 사항은 관리자에게 안내됩니다.' },
{ q:'도입 후 운영 지원은 어떻게 되나요?', a:'삼에스소프트가 도입 이후 운영, 법령 변경 대응, 장애 처리까지 지속 지원하며, 전담 담당자가 배정됩니다.' },
],
bottomCta:{ title:'솔루션 판매로 끝나지 않습니다.\n운영까지 책임집니다.',
sub:'캐치시큐 도입부터 운영까지 삼에스소프트 전문가가 함께합니다.\n현재 환경의 리스크를 무료로 진단해 드립니다.',
a:'데모 신청하기', b:'견적 요청', c:'전문가 상담' },
} : {
badge:'CATCHSECU · Privacy Automation',
h1a:'Automate compliance from',
h1b:'collection to disposal',
sub:'Reduce the cross-border, breach, and disposal risks created by free survey forms, spreadsheets, and manual workflows. Manage consent, retention, encryption, and disposal in one place.',
pill:'A privacy automation SaaS your business teams can run themselves',
cta1:'Get Quote', cta2:'Try Demo', cta3:'Live Inquiry',
trust:[
{n:'80%↓', t:'Less manual work'},
{n:'0 days', t:'Dev time'},
{n:'All-in-one', t:'Full lifecycle'},
{n:'24/7', t:'Operations support'},
],
why:{ tag:'01 · WHY', title:'Are you sure your current method is safe?', sub:'Free forms, spreadsheets, and manual workflows accumulate hidden regulatory risk.' },
problems:[
{ tag:'Cross-Border Risk', title:'External Storage of Free Form Data', desc:'Free survey forms may store data on overseas servers, creating notice and cross-border review obligations.' },
{ tag:'No Access Control', title:'Link Sharing & Local Downloads', desc:'Permission misconfigurations, personal accounts, and local PC storage create unintended exposure.' },
{ tag:'Disposal Gap', title:'Manual Disposal Often Skipped', desc:'Manual deletion on retention expiry or consent withdrawal is easily missed, with poor evidence.' },
{ tag:'Accountability Gap', title:'Lack of Org-Level Control', desc:'Fragmented data and missing logs make demonstrating institutional control after an incident difficult.' },
],
sol:{ tag:'02 · SOLUTION', title:'From manual As-Is to automated To-Be', sub:'Manage the full lifecycle in one place.' },
asis:['Free third-party forms','Scattered spreadsheets','Email/messenger consent','Manual disposal at expiry','Per-team fragmented management','Hard to trace incidents'],
tobe:['AI-built consent forms','Encrypted central repository','Auto-archived consent history','Auto-disposal at expiry','Org-wide controls and roles','Auto-logged access trails'],
pipe:['Collect','Consent','Store','Use','Dispose'],
feat:{ tag:'03 · FEATURES', title:'Four capabilities for the full lifecycle' },
features:[
{ n:'01', title:'AI Consent & Form Generation', desc:'Analyzes question intent to auto-assemble collection items and compliant consent forms — no development required.' },
{ n:'02', title:'Lifecycle Auto-Disposal', desc:'Auto-deletes on retention expiry or consent withdrawal. Disposal history is preserved automatically for audit response.' },
{ n:'03', title:'Encrypted Safe Utilization', desc:'Enables analysis without exposing sensitive fields. Encryption applied at rest and in transit.' },
{ n:'04', title:'Misuse Monitoring', desc:'Real-time inspection of access, processing, and downloads. Anomalies trigger immediate alerts.' },
],
impact:{ tag:'04 · IMPACT', title:'What changes after adoption', sub:'Less manual work, stronger response.' },
metrics:[
{ num:'80%↓', label:'Less manual time', desc:'Lower workload through lifecycle automation' },
{ num:'0 days', label:'Time to deploy', desc:'No development required; operate it directly' },
{ num:'All-in-one', label:'Full lifecycle', desc:'Collection, use, sharing, disposal in one place' },
{ num:'-', label:'Lower compliance burden', desc:'Auto-evidence and trails for audit response' },
],
pricing:{ tag:'05 · PRICING', title:'Start at a reasonable price', sub:'Two deployment options for different scales.' },
summary:{ tag:'SUMMARY', title:'3-Line Summary',
points:[
'Free forms and spreadsheet workflows carry hidden risk: cross-border transfer, weak access control, missed disposal.',
'CatchSecu automates the full lifecycle with AI consent, encrypted storage, auto-disposal, and misuse monitoring.',
'Designed for business teams to operate directly, cutting manual privacy workload by over 80%.',
] },
faq:{ tag:'06 · FAQ', title:'Frequently asked questions' },
faqs:[
{ q:'Can existing Google Forms data be migrated?', a:'Yes. We safely migrate data from existing forms or spreadsheets, with hands-on support from a dedicated engineer.' },
{ q:'Is it suitable for public institutions?', a:'Yes. We support operations aligned with public sector privacy guidance and have a track record of public sector deployments.' },
{ q:'Does it adapt to legal amendments?', a:'Yes. We track PIPA and enforcement decree updates, refresh templates accordingly, and notify administrators of changes.' },
{ q:'What about post-deployment support?', a:'3ES Soft continuously supports operations, regulatory updates, and incident response with a dedicated account manager.' },
],
bottomCta:{ title:"We don't stop at selling.\nWe operate alongside you.",
sub:'3ES Soft experts walk with you from rollout to ongoing operations.\nGet a free assessment of your current privacy risk.',
a:'Try Demo', b:'Get Quote', c:'Expert Consult' },
};
// ── Premium Section Header ────────────────────────────────────────────────
const SectionHead = ({ tag, title, sub, light }) => (