품질인정제도 추가

This commit is contained in:
2026-01-01 22:14:22 +09:00
parent ae2831d1ae
commit 3474d88d1e
5 changed files with 1194 additions and 599 deletions

View File

@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CodeBridge-X SAM - 영업관리 </title>
<title>영업 관리 시스템</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/lucide@latest"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap" rel="stylesheet">
@@ -478,6 +478,15 @@
pdf: 'pdf/sales13.pdf',
script: "기존 ERP가 직원용 '도구'였다면, **SAM은 대표님의 의사결정을 위한 '무기'입니다. 로그인 10초 만에 AI가 요약한 5대 핵심 지표를 파악하고, '돈 들어오는 소리'와 함께 실시간으로 회사를 통제하십시오. 보고서 대기 없는 'AI 경영 비서' SAM으로, 이제 복잡한 데이터가 아닌 오직 '경영'에만 집중할 때입니다",
tags: ['Comparison', 'AI', 'Efficiency'],
},
{
id: '14',
title: '품질인정제도 가이드 (영업 전략)',
image: 'img/sales14.jpg',
description: '2021년 강화된 자동방화셔터 품질인정제도에 따른 영업 대응 전략입니다. 법적 기준 변화를 기회로 만드는 핵심 인사이트를 제공합니다.',
url: 'etc/shutter.php',
script: "대표님, 최근 방화셔터 법규가 바뀐 것 알고 계시나요? 이제 단순히 셔터만 설치하는 게 아니라 '품질인정제도'를 통과한 제품만 시공이 가능합니다. 이 변화가 왜 대표님께 기회인지, 어떻게 리스크를 피할 수 있는지 이 가이드에서 핵심만 정리해 드립니다.",
tags: ['Strategy', 'Compliance', 'Sales Pitch'],
}
];
@@ -495,6 +504,7 @@
// Initial Render
function init() {
renderFilters();
renderGrid();
if (typeof lucide !== 'undefined') {
@@ -524,7 +534,7 @@
function getFilteredAssets() {
if (activeFilter === '전체') return ASSETS;
return ASSETS.filter(asset => {
if (activeFilter === 'CEO 설득') return asset.tags.some(tag => ['Pitch', 'Opener', 'Pain Points', 'Solution', 'Closing', 'Risk', 'Needs', 'Differentiation', 'Investment', 'Cost', 'Value'].includes(tag));
if (activeFilter === 'CEO 설득') return asset.tags.some(tag => ['Pitch', 'Opener', 'Pain Points', 'Solution', 'Closing', 'Risk', 'Needs', 'Differentiation', 'Investment', 'Cost', 'Value', 'Strategy'].includes(tag));
if (activeFilter === '데모') return asset.tags.some(tag => ['Demo', 'Dashboard', 'Video', 'Mobile', 'UX', 'Infra', 'Feature', 'Automation', 'Management'].includes(tag));
return true;
});
@@ -737,16 +747,24 @@
<div class="p-4 border-t border-slate-100 bg-slate-50 rounded-b-2xl flex justify-end gap-3">
<button onclick="closeModal()" class="px-3 sm:px-4 py-2 rounded-lg bg-white border border-slate-200 text-slate-700 font-medium hover:bg-slate-50 transition-colors whitespace-nowrap text-sm sm:text-base">닫기</button>
${asset.url ? `
<a href="${asset.url}" class="px-3 sm:px-4 py-2 rounded-lg bg-brand-600 text-white font-medium hover:bg-brand-700 shadow-md transition-colors flex items-center gap-2 whitespace-nowrap text-sm sm:text-base">
<i data-lucide="external-link" class="w-4 h-4 flex-shrink-0"></i>
<span>품질인정제도 소개 →</span>
</a>
` : ''}
${asset.pdf ? `
<button onclick="openPdfViewer('${asset.id}')" class="px-3 sm:px-4 py-2 rounded-lg bg-brand-600 text-white font-medium hover:bg-brand-700 shadow-md transition-colors flex items-center gap-2 whitespace-nowrap text-sm sm:text-base">
<i data-lucide="file-text" class="w-4 h-4 flex-shrink-0"></i>
<span>상세자료 보기</span>
</button>
` : `
${!asset.url ? `
<button onclick="showDownloadToast(); closeModal()" class="px-3 sm:px-4 py-2 rounded-lg bg-brand-600 text-white font-medium hover:bg-brand-700 shadow-md transition-colors flex items-center gap-2 whitespace-nowrap text-sm sm:text-base">
<i data-lucide="download" class="w-4 h-4 flex-shrink-0"></i>
<span>자료 사용하기</span>
</button>
` : ''}
`}
</div>
</div>