1"use strict";(self.webpackChunkdashly=self.webpackChunkdashly||[]).push([[2444],{7926:function(e,t,i){var r=i(96540),o=i(17437);t.A=e=>{const t=e.url.replace(`/${e.lang}/`,"");return(0,o.Y)(r.Fragment,null,(0,o.Y)("link",{rel:"alternate",hrefLang:"x-default",href:t}),"en"!=e.lang&&(0,o.Y)("link",{rel:"alternate",hrefLang:"en",href:t}),"en"!=e.lang||e.avaible.map(e=>(0,o.Y)("link",{key:e,rel:"alternate",hrefLang:e,href:`${t}/${e}/`})))}},11911:function(e,t,i){i(96540);var r=i(17437);t.A=e=>{const t={"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:e.list.map((e,t)=>({"@type":"ListItem",position:t+1,name:e.name,item:e.url}))};return(0,r.Y)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(t)}})}},23138:function(e,t,i){i.r(t),i.d(t,{Head:function(){return S}});var r=i(96540),o=i(95081),a=i(72627),s=i(11911),n=i(17462),d=i(4170),l=i(57420),p=i(18051),c=i.n(p),g=i(85692),x=i(67675),h=i(60249),v=i(43505),u=i(54821),m=i(10671),f=i(93363),b=i(46045),y=i(60674),w=i(17437);const k=['<div class="tab-visual" style="padding:0;overflow:hidden;">\n <div style="font-family:\'DM Sans\',sans-serif;background:var(--bg);width:100%;">\n <div style="padding:14px 20px;background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;">\n <div style="font-size:15px;font-weight:700;color:var(--black);">AI bot</div>\n <div style="display:flex;gap:8px;">\n <div style="border:1px solid var(--border);border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;color:var(--black);display:flex;align-items:center;gap:6px;"><svg width="12" height="12" viewBox="0 0 16 16" fill="none"><rect x="2" y="4" width="12" height="9" rx="2" stroke="currentColor" stroke-width="1.5"/><path d="M5 4V3a1 1 0 011-1h4a1 1 0 011 1v1" stroke="currentColor" stroke-width="1.3"/></svg>Test AI chat</div>\n <div style="border:1px solid var(--border);border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;color:var(--black);">Pause in chat</div>\n </div>\n </div>\n <div style="padding:0 20px;background:var(--white);border-bottom:1px solid var(--border);display:flex;gap:0;">\n <div style="padding:12px 16px;font-size:13px;font-weight:600;color:#5850EC;border-bottom:2px solid #5850EC;background:#EEEEFF;border-radius:8px 8px 0 0;margin-bottom:-1px;">AI support</div>\n <div style="padding:12px 16px;font-size:13px;font-weight:500;color:var(--muted);">Settings</div>\n </div>\n <div style="padding:20px 20px 0;">\n <div style="font-size:16px;font-weight:700;color:var(--black);margin-bottom:14px;">Training the AI bot</div>\n <div style="background:var(--white);border-radius:10px;border:1px solid var(--border);padding:16px 18px;margin-bottom:16px;">\n <div style="display:flex;gap:0;margin-bottom:14px;">\n <div style="padding:7px 16px;font-size:13px;font-weight:600;color:#5850EC;border:1px solid #5850EC;border-radius:7px 0 0 7px;background:#EEEEFF;">Website or page URL</div>\n <div style="padding:7px 16px;font-size:13px;font-weight:500;color:var(--muted);border:1px solid var(--border);border-left:none;border-radius:0 7px 7px 0;background:var(--white);">Articles from Knowledge Base</div>\n </div>\n <div style="font-size:13px;color:var(--muted);margin-bottom:10px;">Paste the address â Dashly will collect all pages starting from it</div>\n <div style="display:flex;gap:10px;">\n <div style="flex:1;min-width:0;border:1px solid var(--border);border-radius:8px;padding:9px 14px;font-size:13px;color:var(--muted);background:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">https://yourwebsite.com/</div>\n <div style="background:#5850EC;color:white;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;flex-shrink:0;">Collect pages</div>\n </div>\n <div style="font-size:11px;color:var(--muted);margin-top:8px;">We\'ll collect all pages starting from this URL</div>\n </div>\n </div>\n <div style="padding:0 20px 20px;">\n <div style="font-size:15px;font-weight:700;color:var(--black);margin-bottom:12px;">Content sources</div>\n <div style="background:var(--white);border-radius:10px;border:1px solid var(--border);overflow:hidden;">\n <div style="padding:8px 16px;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;">
1\n <span style="font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex:2;min-width:0;">Name</span>\n <span style="font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex:1.2;min-width:0;">Source</span>\n <span style="font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex:1.2;min-width:0;">Synced</span>\n <span style="font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;width:90px;">Status</span>\n <span style="width:24px;flex-shrink:0;"></span>\n </div>\n <div style="padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;">\n <div style="flex:2;min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden;">\n <svg width="14" height="14" viewBox="0 0 16 16" fill="none" style="flex-shrink:0;"><path d="M6.5 9.5a4 4 0 005.5-5.5L10 2a4 4 0 00-5.5 5.5" stroke="#5850EC" stroke-width="1.5" stroke-linecap="round"/><path d="M9.5 6.5a4 4 0 01-5.5 5.5L2 10a4 4 0 015.5-5.5" stroke="#5850EC" stroke-width="1.5" stroke-linecap="round"/></svg>\n <span style="font-size:13px;font-weight:500;color:#5850EC;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">dashly.io/help/install</span>\n </div>\n <span style="flex:1.2;min-width:0;font-size:12px;color:var(--muted);white-space:nowrap;">Website URL</span>\n <span style="flex:1.2;min-width:0;font-size:12px;color:var(--muted);white-space:nowrap;">Mar 28, 2026</span>\n <div style="flex-shrink:0;width:90px;"><span style="background:#E8F5E9;color:#2E7D32;font-size:11px;font-weight:700;padding:3px 9px;border-radius:5px;white-space:nowrap;">Used for answers</span></div>\n <div style="flex-shrink:0;width:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.5;"><svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M13.5 8A5.5 5.5 0 112.5 5.5" stroke="#1A1A1A" stroke-width="1.5" stroke-linecap="round"/><path d="M2.5 2.5v3h3" stroke="#1A1A1A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>\n </div>\n <div style="padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;">\n <div style="flex:2;min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden;">\n <svg width="14" height="14" viewBox="0 0 16 16" fill="none" style="flex-shrink:0;"><path d="M6.5 9.5a4 4 0 005.5-5.5L10 2a4 4 0 00-5.5 5.5" stroke="#5850EC" stroke-width="1.5" stroke-linecap="round"/><path d="M9.5 6.5a4 4 0 01-5.5 5.5L2 10a4 4 0 015.5-5.5" stroke="#5850EC" stroke-width="1.5" stroke-linecap="round"/></svg>\n <span style="font-size:13px;font-weight:500;color:#5850EC;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">dashly.io/pricing</span>\n </div>\n <span style="flex:1.2;min-width:0;font-size:12px;color:var(--muted);white-space:nowrap;">Website URL</span>\n <span style="flex:1.2;min-width:0;font-size:12px;color:var(--muted);white-space:nowrap;">Mar 30, 2026</span>\n <div style="flex-shrink:0;width:90px;"><span style="background:#E8F5E9;color:#2E7D32;font-size:11px;font-weight:700;padding:3px 9px;border-radius:5px;white-space:nowrap;">Used for answers</span></div>\n <div style="flex-shrink:0;width:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.5;"><svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M13.5 8A5.5 5.5 0 112.5 5.5" stroke="#1A1A1A" stroke-width="1.5" stroke-linecap="round"/><path d="M2.5 2.5v3h3" stroke="#1A1A1A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>\n </div>\n <div style="padding:12px 16px;display:flex;align-items:center;gap:10px;">\n <div style="flex:2;min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden;">\n <svg width="14" height="14" viewBox="0 0 16 16" fill="none" style="flex-shrink:0;"><rect x="2" y="1" width="10" height="13" rx="2" stroke="#5850EC" stroke-width="1.5"/><path d="M5 5h6M5 8h6M5 11h4" stroke="#5850EC" stroke-width="1.2" stroke-linecap="round"/></svg>
1\n <span style="font-size:13px;font-weight:500;color:#5850EC;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">How to install Dashly</span>\n </div>\n <span style="flex:1.2;min-width:0;font-size:12px;color:var(--muted);white-space:nowrap;">Knowledge Base</span>\n <span style="flex:1.2;min-width:0;font-size:12px;color:var(--muted);white-space:nowrap;">Mar 31, 2026</span>\n <div style="flex-shrink:0;width:90px;"><span style="background:#E8F5E9;color:#2E7D32;font-size:11px;font-weight:700;padding:3px 9px;border-radius:5px;white-space:nowrap;">Used for answers</span></div>\n <div style="flex-shrink:0;width:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.5;"><svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M13.5 8A5.5 5.5 0 112.5 5.5" stroke="#1A1A1A" stroke-width="1.5" stroke-linecap="round"/><path d="M2.5 2.5v3h3" stroke="#1A1A1A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>\n </div>\n </div>\n </div>\n </div>\n</div>','<div class="tab-visual" style="padding:20px;background:var(--bg);display:flex;gap:16px;align-items:flex-start;">\n <div style="flex:1;border-radius:12px;border:1.5px solid var(--border);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.07);background:var(--white);">\n <div style="background:var(--bg2);border-bottom:1px solid var(--border);padding:7px 12px;display:flex;align-items:center;gap:5px;"><div style="width:8px;height:8px;border-radius:50%;background:#FF5F57;"></div><div style="width:8px;height:8px;border-radius:50%;background:#FFBD2E;"></div><div style="width:8px;height:8px;border-radius:50%;background:#28C840;"></div><span style="font-size:11px;color:var(--muted);margin-left:5px;font-weight:600;">Dashly Inbox</span></div>\n <div style="background:var(--white);border-bottom:1px solid var(--border);padding:8px 12px;display:flex;align-items:center;gap:8px;"><div style="display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 9px;"><svg width="10" height="10" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="5" stroke="#888" stroke-width="1.5"/></svg> Not assigned</div><div style="font-size:11px;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 9px;">ð¬ Live chat</div></div>\n <div style="background:#F7F7FA;padding:12px;display:flex;flex-direction:column;gap:10px;">\n <div style="display:flex;align-items:flex-end;gap:8px;"><div style="width:26px;height:26px;border-radius:50%;background:#7C6AF5;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:white;flex-shrink:0;">S</div><div><div style="font-size:10px;color:var(--muted);margin-bottom:3px;">Sarah Chen</div><div style="background:var(--white);border-radius:12px 12px 12px 3px;padding:9px 12px;font-size:12px;line-height:1.5;color:var(--black);border:1px solid var(--border);max-width:240px;">Hi! How do I connect Dashly to my website? We\'re using Webflow.</div><div style="font-size:10px;color:var(--muted);margin-top:3px;">14:15</div></div></div>\n <div style="display:flex;align-items:flex-end;gap:8px;flex-direction:row-reverse;"><div style="width:26px;height:26px;border-radius:50%;background:#CDEE52;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#1A1A1A;flex-shrink:0;">AI</div><div style="text-align:right;"><div style="font-size:10px;color:var(--muted);margin-bottom:3px;">AI support agent</div><div style="background:#EEEEFF;border-radius:12px 12px 3px 12px;padding:9px 12px;font-size:12px;line-height:1.55;color:#1A1A2E;max-width:240px;text-align:left;">You can add Dashly via Google Tag Manager, or paste a snippet into your site\'s <head>. Both take under 2 minutes â no developer needed.<div style="border-top:1px solid rgba(88,80,236,.15);margin-top:7px;padding-top:6px;"><a href="#" style="font-size:11px;font-weight:600;color:#5850EC;text-decoration:none;">Data sources for this response</a></div></div><div style="font-size:10px;color:var(--muted);margin-top:3px;">14:16 ââ</div></div></div>\n <div style="display:flex;align-items:flex-end;
1gap:8px;"><div style="width:26px;height:26px;border-radius:50%;background:#7C6AF5;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:white;flex-shrink:0;">S</div><div><div style="background:var(--white);border-radius:12px 12px 12px 3px;padding:9px 12px;font-size:12px;line-height:1.5;color:var(--black);border:1px solid var(--border);max-width:240px;">Perfect, worked! One more thing â how much does it cost?</div><div style="font-size:10px;color:var(--muted);margin-top:3px;">14:17</div></div></div>\n </div>\n <div style="background:var(--white);border-top:1px solid var(--border);padding:8px 12px;display:flex;align-items:center;gap:8px;"><div style="flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:7px 11px;font-size:12px;color:var(--muted);">Reply to Sarah...</div><div style="background:#5850EC;border-radius:7px;padding:6px 12px;font-size:11px;font-weight:700;color:white;cursor:pointer;">Send</div></div>\n </div>\n <div style="padding-top:70px;flex-shrink:0;"><svg width="36" height="12" viewBox="0 0 120 40" fill="none"><path d="M 8 22 C 28 17 55 26 82 20 C 90 18 100 19.5 109 21" stroke="#AAAAAA" stroke-width="2.2" stroke-linecap="round" fill="none"/><path d="M 97 13 L 110 21 L 97 30" stroke="#AAAAAA" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg></div>\n <div style="flex:1;border-radius:12px;border:1.5px solid var(--border);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.07);background:var(--white);">\n <div style="background:var(--bg2);border-bottom:1px solid var(--border);padding:7px 12px;display:flex;align-items:center;gap:5px;"><div style="width:8px;height:8px;border-radius:50%;background:#FF5F57;"></div><div style="width:8px;height:8px;border-radius:50%;background:#FFBD2E;"></div><div style="width:8px;height:8px;border-radius:50%;background:#28C840;"></div><span style="font-size:11px;color:var(--muted);margin-left:5px;font-weight:600;">Data sources modal</span></div>\n <div style="padding:16px 18px;"><div style="font-size:14px;font-weight:700;color:var(--black);margin-bottom:14px;">Data sources for the response</div>\n <div style="padding:10px 0;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:8px;"><div><div style="display:flex;align-items:center;gap:6px;margin-bottom:3px;"><svg width="13" height="13" viewBox="0 0 16 16" fill="none"><rect x="2" y="1" width="10" height="13" rx="2" stroke="#5850EC" stroke-width="1.5"/><path d="M5 5h6M5 8h6M5 11h4" stroke="#5850EC" stroke-width="1.2" stroke-linecap="round"/></svg><a href="#" style="font-size:13px;font-weight:600;color:#5850EC;text-decoration:none;">How to install Dashly</a></div><div style="font-size:11px;color:#888;padding-left:19px;">How to install Dashly</div><div style="font-size:11px;color:#AAA;padding-left:19px;">Current version of content was used</div></div></div>\n <div style="padding:10px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;"><div><div style="display:flex;align-items:center;gap:6px;margin-bottom:3px;"><svg width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M6.5 9.5a4 4 0 005.5-5.5L10 2a4 4 0 00-5.5 5.5" stroke="#5850EC" stroke-width="1.5" stroke-linecap="round"/><path d="M9.5 6.5a4 4 0 01-5.5 5.5L2 10a4 4 0 015.5-5.5" stroke="#5850EC" stroke-width="1.5" stroke-linecap="round"/></svg><a href="#" style="font-size:13px;font-weight:600;color:#5850EC;text-decoration:none;">dashly.io/help/install</a></div><div style="font-size:11px;color:#888;padding-left:19px;">dashly.io/help/install</div><div style="font-size:11px;color:#AAA;padding-left:19px;">Current version of content was used</div></div></div>\n </div>\n </div>\n</div>','<div class="tab-visual" style="padding:20px;background:var(--bg);display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;">\n <div style="border-radius:12px;border:1.5px solid var(--border);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.07);">\n <div style="background:var(--bg2);border-bottom:1px solid var(--border);padding:7px 12px;display:flex;align-items:center;gap:5px;"><div style="width:8px;height:8px;border-radius:50%;background:#FF5F57;"></div><div style="width:8px;height:8px;border-radius:50%;background:#FFBD2E;"></div><div style="width:8px;height:8px;border-radius:50%;background:#28C840;"></div><span style="font-size:11px;color:var(--muted);margin-left:5px;font-weight:600;">Agent settings</span></div>\n <div style="padding:14px 16px;background:var(--white);">\n <div style="display:flex;align-items:center;gap:6px;margin-bottom:10px;"><svg width="13" height="13" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="6" stroke="#1A1A1A" stroke-width="1.5"/><path d="M8 5v3l2 2" stroke="#1A1A1A" stroke-width="1.3" stroke-linecap="round"/></svg><span style="font-size:13px;font-weight:700;">Reassigning conversations to agents</span></div>\n <div style="font-size:12px;font-weight:700;margin-bottom:2px;">Stop phrases</div>\n <div style="font-size:11px;color:var(--muted);margin-bottom:8px;">Phrases that trigger immediate handoff to a human agent</div>\n <div style="border:1px solid var(--border);border-radius:8px;padding:8px;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px;">
1\n <span style="background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600;">refund request Ã</span>\n <span style="background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600;">payment issue Ã</span>\n <span style="background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600;">talk to human Ã</span>\n <span style="background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600;">urgent Ã</span>\n <span style="background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600;">billing problem Ã</span>\n </div>\n <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;">\n <div><div style="font-size:11px;font-weight:700;margin-bottom:4px;">During working hours</div><div style="border:1px solid var(--border);border-radius:7px;padding:8px 10px;font-size:12px;line-height:1.4;background:var(--bg);">A manager will reply shortly.</div></div>\n <div><div style="font-size:11px;font-weight:700;margin-bottom:4px;">During non-working hours</div><div style="border:1px solid var(--border);border-radius:7px;padding:8px 10px;font-size:12px;line-height:1.4;background:var(--bg);">Our team works MonâFri, 10:00â19:00. We\'ll reply first thing.</div></div>\n </div>\n </div>\n </div>\n <div style="border-radius:12px;border:1.5px solid var(--border);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.07);">\n <div style="background:var(--bg2);border-bottom:1px solid var(--border);padding:7px 12px;display:flex;align-items:center;gap:5px;"><div style="width:8px;height:8px;border-radius:50%;background:#FF5F57;"></div><div style="width:8px;height:8px;border-radius:50%;background:#FFBD2E;"></div><div style="width:8px;height:8px;border-radius:50%;background:#28C840;"></div><span style="font-size:11px;color:var(--muted);margin-left:5px;font-weight:600;">Agent settings</span></div>\n <div style="padding:14px 16px;background:var(--white);">\n <div style="display:flex;align-items:center;gap:6px;margin-bottom:6px;"><svg width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M3 4h7M3 12h5" stroke="#1A1A1A" stroke-width="1.5" stroke-linecap="round"/></svg><span style="font-size:13px;font-weight:700;">Rules of AI chatbot behavior</span></div>\n <div style="font-size:11px;color:var(--muted);margin-bottom:10px;">Special requirements for how the AI chatbot should behave</div>\n <div style="border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:6px;background:var(--bg);"><div style="font-size:12px;line-height:1.5;">Only answer questions related to our product. Do not provide advice on competitors or general industry topics.</div><div style="font-size:10px;color:var(--muted);text-align:right;margin-top:4px;">89/200</div></div>\n <div style="border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:6px;background:var(--bg);"><div style="font-size:12px;line-height:1.5;">Do not discuss pricing with enterprise clients â route them to the sales team instead.</div><div style="font-size:10px;color:var(--muted);text-align:right;margin-top:4px;">78/200</div></div>\n <div style="border:1px solid var(--border);border-radius:8px;padding:9px 12px;text-align:center;font-size:12px;font-weight:600;color:var(--muted);background:var(--bg2);">+ Add one more rule</div>\n </div>\n </div>\n</div>','<div class="tab-visual" style="padding:20px;background:var(--bg);display:flex;gap:16px;align-items:flex-start;">\n <div style="flex:1;border-radius:12px;border:1.5px solid var(--border);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.07);">\n <div style="background:var(--bg2);border-bottom:1px solid var(--border);padding:7px 12px;display:flex;align-items:center;gap:5px;"><div style="width:8px;height:8px;border-radius:50%;background:#FF5F57;"></div><div style="width:8px;height:8px;border-radius:50%;background:#FFBD2E;"></div><div style="width:8px;height:8px;border-radius:50%;background:#28C840;"></div><span style="font-size:11px;color:var(--muted);margin-left:5px;font-weight:600;">Dashly Inbox</span></div>\n <div style="background:#F7F7FA;padding:14px;display:flex;flex-direction:column;gap:10px;">\n <div style="display:flex;gap:7px;"><div style="font-size:11px;color:var(--muted);background:var(--white);border:1px solid var(--border);border-radius:6px;padding:3px 8px;">â Not assigned</div><div style="font-size:11px;color:var(--muted);background:var(--white);border:1px solid var(--border);border-radius:6px;padding:3px 8px;">No channel</div></div>\n <div style="display:flex;align-items:flex-start;gap:8px;"><div style="width:26px;height:26px;border-radius:50%;background:#E53935;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:white;flex-shrink:0;">A</div><div><div style="background:var(--white);border-radius:10px 10px 10px 3px;padding:8px 11px;font-size:12px;line-height:1.5;border:1px solid var(--border);">
1How do I connect agents to my website?</div><div style="font-size:10px;color:var(--muted);margin-top:2px;">3:37</div></div></div>\n <div style="text-align:center;"><span style="font-size:11px;color:#5850EC;font-weight:500;display:inline-flex;align-items:center;gap:4px;"><svg width="11" height="11" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="6" stroke="#5850EC" stroke-width="1.5"/><path d="M8 5v3l2 2" stroke="#5850EC" stroke-width="1.3" stroke-linecap="round"/></svg>Agent context <span style="font-weight:700;text-decoration:underline;">generated</span></span></div>\n <div style="display:flex;justify-content:flex-end;align-items:flex-end;gap:6px;"><div style="font-size:10px;color:var(--muted);">3:37</div><div style="background:#EEEEFF;border-radius:10px 10px 3px 10px;padding:9px 12px;font-size:12px;line-height:1.5;color:#1A1A2E;max-width:220px;">Hi Alexander! Since you\'re already registered, you can add Dashly via Google Tag Manager â takes 2 minutes. Want me to walk you through it?</div><div style="width:26px;height:26px;border-radius:50%;background:#5850EC;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;">ð¤</div></div>\n </div>\n </div>\n <div style="padding-top:80px;flex-shrink:0;"><svg width="36" height="12" viewBox="0 0 120 40" fill="none"><path d="M 8 22 C 28 17 55 26 82 20 C 90 18 100 19.5 109 21" stroke="#AAAAAA" stroke-width="2.2" stroke-linecap="round" fill="none"/><path d="M 97 13 L 110 21 L 97 30" stroke="#AAAAAA" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg></div>\n <div style="flex:1;border-radius:12px;border:1.5px solid var(--border);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.07);">\n <div style="background:var(--bg2);border-bottom:1px solid var(--border);padding:7px 12px;display:flex;align-items:center;gap:5px;"><div style="width:8px;height:8px;border-radius:50%;background:#FF5F57;"></div><div style="width:8px;height:8px;border-radius:50%;background:#FFBD2E;"></div><div style="width:8px;height:8px;border-radius:50%;background:#28C840;"></div><span style="font-size:11px;color:var(--muted);margin-left:5px;font-weight:600;">Agent context modal</span></div>\n <div style="background:var(--white);">\n <div style="padding:14px 16px 10px;border-bottom:1px solid var(--border);"><div style="font-size:14px;font-weight:700;margin-bottom:10px;">Agent context</div><div style="display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:12px;font-weight:600;"><div style="padding:7px 10px;background:#EEEEFF;color:#5850EC;text-align:center;">User properties</div><div style="padding:7px 10px;background:var(--white);color:var(--muted);text-align:center;">Trigger context</div></div></div>\n <div style="padding:10px 16px;">\n <div style="display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid var(--border);padding:7px 0;"><span style="font-size:11px;font-weight:700;color:var(--muted);">name</span><span style="font-size:12px;font-weight:600;">Alexander Kuleshov</span></div>\n <div style="display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid var(--border);padding:7px 0;"><span style="font-size:11px;font-weight:700;color:var(--muted);">email</span><span style="font-size:12px;">[email protected]</span></div>\n <div style="display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid var(--border);padding:7px 0;"><span style="font-size:11px;font-weight:700;color:var(--muted);">lead_type</span><span style="font-size:12px;">B2B SaaS</span></div>\n <div style="display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid var(--border);padding:7px 0;"><span style="font-size:11px;font-weight:700;color:var(--muted);">is_registered</span><span style="font-size:12px;font-weight:700;color:#16A34A;display:flex;align-items:center;gap:4px;"><span style="width:6px;height:6px;border-radius:50%;background:#16A34A;display:inline-block;"></span>True</span></div>\n <div style="display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid var(--border);padding:7px 0;"><span style="font-size:11px;font-weight:700;color:var(--muted);">is_paid</span><span style="font-size:12px;font-weight:700;color:#E53935;display:flex;align-items:center;gap:4px;"><span style="width:6px;height:6px;border-radius:50%;background:#E53935;display:inline-block;"></span>False</span></div>\n <div style="display:grid;grid-template-columns:110px 1fr;padding:7px 0;"><span style="font-size:11px;font-weight:700;color:var(--muted);">
1budget</span><span style="font-size:12px;color:var(--muted);">Unknown</span></div>\n </div>\n </div>\n </div>\n</div>','<div class="tab-visual" style="padding:20px;background:var(--bg);">\n <div style="border-radius:12px;border:1.5px solid var(--border);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.07);">\n <div style="background:var(--bg2);border-bottom:1px solid var(--border);padding:7px 12px;display:flex;align-items:center;gap:5px;"><div style="width:8px;height:8px;border-radius:50%;background:#FF5F57;"></div><div style="width:8px;height:8px;border-radius:50%;background:#FFBD2E;"></div><div style="width:8px;height:8px;border-radius:50%;background:#28C840;"></div><div style="flex:1;background:var(--white);border-radius:5px;padding:3px 10px;font-size:11px;color:var(--muted);margin:0 10px;">help.yourcompany.com</div></div>\n <div style="background:var(--white);padding:20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:28px;">\n <div>\n <div style="font-size:14px;font-weight:700;margin-bottom:16px;">Settings</div>\n <div style="display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:start;font-size:13px;">\n <div style="padding-top:2px;"><div style="font-weight:700;margin-bottom:3px;">Domain</div><div style="font-size:11px;color:var(--muted);line-height:1.4;">Custom address or Dashly domain</div></div>\n <div>\n <div style="display:flex;gap:10px;align-items:center;margin-bottom:8px;font-size:12px;"><span style="color:#5850EC;font-weight:600;">Dashly domain</span><div style="width:36px;height:20px;background:#5850EC;border-radius:10px;position:relative;"><div style="width:16px;height:16px;background:white;border-radius:50%;position:absolute;top:2px;right:2px;"></div></div><span style="color:var(--muted);">Custom domain</span></div>\n <div style="display:flex;border:1px solid var(--border);border-radius:7px;overflow:hidden;font-size:12px;"><input style="flex:1;border:none;padding:7px 10px;font-size:12px;outline:none;font-family:inherit;" value="app9087" readOnly/><div style="background:var(--bg2);padding:7px 10px;border-left:1px solid var(--border);color:var(--muted);white-space:nowrap;">.dashly.help</div></div>\n </div>\n <div style="padding-top:2px;"><div style="font-weight:700;margin-bottom:3px;">Logo</div><div style="font-size:11px;color:var(--muted);line-height:1.4;">Upload for KB header</div></div>\n <div style="display:flex;align-items:center;gap:10px;"><div style="border:1px solid var(--border);border-radius:7px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;">Upload new logo</div><span style="font-size:11px;color:var(--muted);">PNG, JPG or GIF</span></div>\n </div>\n <div style="margin-top:16px;text-align:right;"><div style="display:inline-block;background:#5850EC;color:white;font-size:13px;font-weight:700;padding:9px 20px;border-radius:8px;cursor:pointer;">Save settings</div></div>\n </div>\n <div>\n <div style="font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;">Preview</div>\n <div style="border:1.5px solid var(--border);border-radius:10px;overflow:hidden;">\n <div style="background:#5850EC;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;"><div style="display:flex;align-items:center;gap:8px;"><div style="width:24px;height:24px;background:var(--lime);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:var(--black);">Y</div><span style="font-size:13px;font-weight:700;color:white;">YourCompany Help</span></div><div style="background:rgba(255,255,255,.15);border-radius:6px;padding:5px 10px;font-size:11px;color:white;">â Go to site</div></div>\n <div style="background:var(--bg);padding:12px 14px;"><div style="background:var(--white);border:1px solid var(--border);border-radius:7px;padding:7px 10px;font-size:12px;color:var(--muted);margin-bottom:8px;">ð Search for answers...</div><div style="font-size:11px;font-weight:700;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em;">Getting started</div><div style="background:var(--white);border:1px solid var(--border);border-radius:7px;padding:9px 12px;font-size:12px;font-weight:600;margin-bottom:5px;">ð How to install to website</div><div style="background:var(--white);border:1px solid var(--border);border-radius:7px;padding:9px 12px;font-size:12px;font-weight:600;margin-bottom:5px;">ð Pricing & plans</div><div style="background:var(--white);border:1px solid var(--border);border-radius:7px;padding:9px 12px;font-size:12px;font-weight:600;">ð Setting up AI agent</div></div>\n </div>\n </div>\n </div>\n </div>\n</div>','<div class="tab-visual" style="padding:20px;background:var(--bg);display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start;">\n <div style="border-radius:12px;border:1.5px solid var(--border);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.07);background:var(--white);">\n <div style="background:var(--bg2);border-bottom:1px solid var(--border);padding:7px 12px;display:flex;align-items:center;gap:6px;"><span style="font-size:16px;">ðºð¸</span><span style="font-size:11px;font-weight:600;color:var(--muted);">English</span></div>\n <div style="padding:14px;"><div style="background:#F7F7FA;border-radius:10px;padding:10px;margin-bottom:8px;font-size:12px;line-height:1.5;color:var(--black);">
1Do you integrate with Salesforce?</div><div style="background:#EEEEFF;border-radius:10px 10px 3px 10px;padding:10px;font-size:12px;line-height:1.5;color:#1A1A2E;margin-bottom:5px;">Yes â Dashly has a native Salesforce integration. Lead data syncs in real time.</div><div style="display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#5850EC;background:#EEF1FF;padding:4px 8px;border-radius:6px;width:fit-content;"><svg width="10" height="10" viewBox="0 0 12 12" fill="none"><rect x="1" y="1" width="10" height="10" rx="2" stroke="#5850EC" stroke-width="1.4"/><path d="M3 4h6M3 6.5h6M3 9h3" stroke="#5850EC" stroke-width="1.1" stroke-linecap="round"/></svg>Source: Integrations guide</div></div>\n </div>\n <div style="border-radius:12px;border:1.5px solid var(--border);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.07);background:var(--white);">\n <div style="background:var(--bg2);border-bottom:1px solid var(--border);padding:7px 12px;display:flex;align-items:center;gap:6px;"><span style="font-size:16px;">ðªð¸</span><span style="font-size:11px;font-weight:600;color:var(--muted);">Spanish</span></div>\n <div style="padding:14px;"><div style="background:#F7F7FA;border-radius:10px;padding:10px;margin-bottom:8px;font-size:12px;line-height:1.5;color:var(--black);">¿Tienen integración con Salesforce?</div><div style="background:#EEEEFF;border-radius:10px 10px 3px 10px;padding:10px;font-size:12px;line-height:1.5;color:#1A1A2E;margin-bottom:5px;">Sà â Dashly tiene una integración nativa con Salesforce. Los datos se sincronizan en tiempo real.</div><div style="display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#5850EC;background:#EEF1FF;padding:4px 8px;border-radius:6px;width:fit-content;"><svg width="10" height="10" viewBox="0 0 12 12" fill="none"><rect x="1" y="1" width="10" height="10" rx="2" stroke="#5850EC" stroke-width="1.4"/><path d="M3 4h6M3 6.5h6M3 9h3" stroke="#5850EC" stroke-width="1.1" stroke-linecap="round"/></svg>Fuente: GuÃa de integraciones</div></div>\n </div>\n <div style="border-radius:12px;border:1.5px solid var(--border);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.07);background:var(--white);">\n <div style="background:var(--bg2);border-bottom:1px solid var(--border);padding:7px 12px;display:flex;align-items:center;gap:6px;"><span style="font-size:16px;">ð§ð·</span><span style="font-size:11px;font-weight:600;color:var(--muted);">Portuguese</span></div>\n <div style="padding:14px;"><div style="background:#F7F7FA;border-radius:10px;padding:10px;margin-bottom:8px;font-size:12px;line-height:1.5;color:var(--black);">Vocês têm integração com Salesforce?</div><div style="background:#EEEEFF;border-radius:10px 10px 3px 10px;padding:10px;font-size:12px;line-height:1.5;color:#1A1A2E;margin-bottom:5px;">Sim â o Dashly tem integração nativa com Salesforce. Os dados sincronizam em tempo real.</div><div style="display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#5850EC;background:#EEF1FF;padding:4px 8px;border-radius:6px;width:fit-content;"><svg width="10" height="10" viewBox="0 0 12 12" fill="none"><rect x="1" y="1" width="10" height="10" rx="2" stroke="#5850EC" stroke-width="1.4"/><path d="M3 4h6M3 6.5h6M3 9h3" stroke="#5850EC" stroke-width="1.1" stroke-linecap="round"/></svg>Fonte: Guia de integrações</div></div>\n </div>\n <div style="grid-column:1/-1;background:var(--lime);border-radius:10px;padding:12px 20px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--black);"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7" stroke="#1A1A1A" stroke-width="1.5"/><path d="M5 8l2 2 4-4" stroke="#1A1A1A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
1One knowledge base. Three markets. Zero extra setup.</div>\n</div>'],Y=[{label:"Sources",title:"Sources",desc:"Import from any URL or from your Knowledge Base articles. The agent syncs automatically when your content updates."},{label:"Transparency",title:"Transparency",desc:"Every answer comes with a link to the source article. You always know what the agent said â and why. No black box."},{label:"Escalation",title:"Escalation",desc:"When the agent doesn't know â it says so. It doesn't guess. It escalates to your team or books a call automatically."},{label:"Behavioral context",title:"Behavioral context",desc:"The agent knows who the visitor is, what pages they browsed, and how many times they've returned. Answers are personalized to their context â not generic."},{label:"Customization",title:"Customization",desc:"Your brand, your domain, your colors. The knowledge base looks like part of your product â not a third-party widget."},{label:"Any language, equally well",title:"Any language, equally well",desc:"The agent answers in English, Spanish, Portuguese, German, French â or any other language your customer writes in. No separate setup. No quality drop. One knowledge base, every market."}],A=[{q:"How does the AI know what to answer?",a:"You upload your content â URLs, PDFs, docs, or articles. The agent learns from exactly what you provide. It only answers based on your knowledge, nothing else."},{q:"What if the agent gives a wrong answer?",a:"Every answer includes a link to the source article, so you can verify it instantly. If the agent isn't confident â it says so and escalates to your team instead of guessing."},{q:"Can I control which content the agent uses?",a:"Yes. You choose exactly which articles, pages, and documents the agent has access to. You can update, remove, or restrict any content at any time."},{q:"How is this different from a regular help center?",a:"A regular help center makes customers search for answers themselves. Dashly's agent finds the answer for them â instantly, in the channel they're already in (chat, email, WhatsApp), and in their language. It also qualifies leads and books meetings â a help center can't do that."}],z="Knowledge Base Tool That Powers Your AI Support Agent | Dashly",N="Build a knowledge base that trains your AI support agent to answer customer questions 24/7. Upload docs, FAQs, and product pages â Dashly handles the rest.",E="https://www.dashly.io/knowledgebase/",F="https://www.dashly.io/cover/en/knowledgebase.jpg",S=()=>(0,w.Y)(r.Fragment,null,(0,w.Y)("title",null,z),(0,w.Y)("meta",{name:"description",content:N}),(0,w.Y)("meta",{property:"og:title",content:z}),(0,w.Y)("meta",{property:"og:description",content:N}),(0,w.Y)("meta",{property:"og:type",content:"website"}),(0,w.Y)("meta",{property:"og:url",content:E}),(0,w.Y)("meta",{property:"og:image",content:F}),(0,w.Y)("meta",{property:"og:locale",content:"en_US"}),(0,w.Y)("meta",{property:"og:site_name",content:"Dashly"}),(0,w.Y)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,w.Y)("meta",{name:"twitter:title",content:z}),(0,w.Y)("meta",{name:"twitter:description",content:N}),(0,w.Y)("meta",{name:"twitter:image",content:F}),(0,w.Y)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"SoftwareApplication",name:"Dashly Knowledge Base",applicationCategory:"BusinessApplication",operatingSystem:"Web",description:"Knowledge base tool that trains your AI support agent to answer customer questions 24/7. Upload docs, FAQs, and product pages â Dashly handles the rest.",url:E,provider:{"@id":"https://www.dashly.io/#organization"},offers:{"@type":"Offer",url:"https://www.dashly.io/pricing/",priceCurrency:"USD",price:"0",description:"Free trial available"}})}}),(0,w.Y)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:A.map(e=>({"@type":"Question",name:e.q,acceptedAnswer:{"@type":"Answer",text:e.a}}))})}}),(0,w.Y)("link",{rel:"preconnect",href:"https://fonts.googleapis.com"}
1),(0,w.Y)("link",{rel:"preconnect",href:"https://fonts.gstatic.com",crossOrigin:""}),(0,w.Y)("link",{href:"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,700;0,9..144,900;1,9..144,400&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800&display=swap",rel:"stylesheet"}),(0,w.Y)(a.A,{url:E}),(0,w.Y)(s.A,{list:[{name:"Dashly",url:"https://www.dashly.io/"},{name:"Knowledge Base Tool for AI Support Agents",url:E}]}));t.default=e=>{let{location:t}=e;const{0:i,1:a}=(0,r.useState)(0),{0:s,1:p}=(0,r.useState)(null),z=(0,r.useRef)(null),N=(0,r.useRef)(!0),{ref:E,inView:F}=(0,g.Wx)({triggerOnce:!0,threshold:.3});(0,r.useEffect)(()=>{const e=z.current;if(!e)return;N.current=!0;const t=[{from:"user",text:"How do I connect Dashly agents to my website?",time:"16:38"},{from:"agent",text:"You can add Dashly via Google Tag Manager, or paste a snippet into your siteâs <head>. Both take under 2 min!",source:"How to install Dashly â",time:"16:39"},{from:"user",text:"Got it. How much does it cost?",time:"16:41"},{from:"agent",text:"Price depends on your volume. How many inbou
1nd leads do you get per month?",time:"16:41"},{from:"user",text:"More than 500.",time:"16:42"},{from:"agent",text:"At that volume, letâs talk personally â Iâll match you with the right plan and calculate ROI.",cta:"Book a meeting with a manager â",time:"16:42"}],i=[];function r(e){requestAnimationFrame(()=>requestAnimationFrame(e))}function o(){setTimeout(()=>{e&&(e.scrollTop=e.scrollHeight)},40)}const a='<svg width="15" height="15" viewBox="0 0 24 24" fill="none"><rect x="4" y="8" width="16" height="11" rx="3" fill="white"/><rect x="8" y="11.5" width="3" height="3" rx="1" fill="#5850EC"/><rect x="13" y="11.5" width="3" height="3" rx="1" fill="#5850EC"/><rect x="10" y="15" width="4" height="1.5" rx="0.75" fill="#5850EC"/><rect x="10.5" y="5" width="3" height="3" rx="1" fill="white"/><rect x="11.5" y="3" width="1" height="2.5" rx="0.5" fill="white"/><rect x="2" y="11" width="2" height="4" rx="1" fill="white"/><rect x="20" y="11" width="2" height="4" rx="1" fill="white"/></svg>';function s(t){const i="user"===t.from,s=document.createElement("div");if(s.className="kb-v2-dw-msg "+(i?"from-user":"from-agent"),i){let e=`<div class="kb-v2-dw-bubble">${t.text}</div>`;s.innerHTML=`<div class="kb-v2-dw-time">${t.time}</div>${e}`}else{let e="";t.source&&(e+=`<div class="kb-v2-dw-source">
1<svg width="11" height="11" viewBox="0 0 12 12" fill="none"><rect x="1" y="1" width="10" height="10" rx="2" stroke="#5850EC" stroke-width="1.4"/><path d="M3.5 4h5M3.5 6.5h5M3.5 9h3" stroke="#5850EC" stroke-width="1.2" stroke-linecap="round"/></svg>${t.source}</div>`),t.cta&&(e+=`<a href="/knowledgebase/" class="kb-v2-dw-cta"><svg width="13" height="13" viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="11" rx="2" stroke="#1A1A1A" stroke-width="1.5"/><path d="M5 2v2M11 2v2M2 7h12" stroke="#1A1A1A" stroke-width="1.5" stroke-linecap="round"/></svg>${t.cta}</a>`),s.innerHTML=`<div class="kb-v2-dw-avatar">${a}</div><div class="kb-v2-dw-bubble">${t.text}${e}</div><div class="kb-v2-dw-time">${t.time}</div>`}e.appendChild(s),r(()=>s.classList.add("show")),o()}return function n(){if(!N.current)return;e.innerHTML="";let d=500;t.forEach(t=>{"agent"===t.from?(((t,n)=>{const d=setTimeout(()=>{if(!N.current)return;const t=function(){const t=document.createElement("div");return t.className="kb-v2-dw-typing",t.innerHTML=`<div class="kb-v2-dw-avatar">${a}</div><div class="kb-v2-dw-typing-bbl"><span></span><span></span><span></span></div>`,e.appendChild(t),r(()=>t.classList.add("show")),o(),t}(),d=setTimeout(()=>{var e;N.current&&((e=t)&&(e.style.cssText="transition:none;opacity:0;height:0;min-height:0;overflow:hidden;margin:0;padding:0;gap:0;"),s(n))},1100);i.push(d)},t);i.push(d)})(d,t),d+=2e3):(((e,t)=>{const r=setTimeout(()=>{N.current&&s(t)},e);i.push(r)})(d,t),d+=700)});const l=setTimeout(n,d+2800);i.push(l)}(),()=>{N.current=!1,i.forEach(clearTimeout)}},[]);return(0,w.Y)(o.A,{location:t,className:"new-design"},(0,w.Y)("div",{className:"kb-v2"},(0,w.Y)("section",{className:"hero"},(0,w.Y)("div",{className:"hero-in"},(0,w.Y)("div",{className:"hero-float hero-float--tl"},(0,w.Y)(d.ol,null)),(0,w.Y)("div",{className:"hero-float hero-float--tr hero-float--purple"},(0,w.Y)(d.aw,null)),(0,w.Y)("div",{className:"hero-float hero-float--bl"},(0,w.Y)(d.sH,null)),(0,w.Y)("div",{className:"hero-float hero-float--br"},(0,w.Y)(d.oE,null)),(0,w.Y)("h1",null,"Knowledge Base Tool That Powers Your ",(0,w.Y)("span",{className:"hl-mark"},"AI Support Agent")),(0,w.Y)("p",{className:"hero-sub"},"Upload your docs, FAQs, and product pages â Dashly trains your AI agent on them. Visitors get accurate answers 24/7. Hot leads go straight to your sales team."),(0,w.Y)("div",{className:"hero-btns"},(0,w.Y)(l.A,{icon:"arrow",text:"Book a meeting",href:"/demo/"})),(0,w.Y)("div",{className:"hero-trust"},(0,w.Y)("span",null,"See how it works in 30 min"),(0,w.Y)("span",{className:"sep"},"·"),(0,w.Y)("span",null,"Live Q&A included"),(0,w.Y)("span",{className:"sep"},"·"),(0,w.Y)("span",null,"No commitment required")),(0,w.Y)("div",{className:"hero-stage"},(0,w.Y)("div",{className:"kb-panel"},(0,w.Y)("div",{className:"kb-header"},(0,w.Y)("div",{className:"kb-header-title"},"Knowledge base"),(0,w.Y)("div",{className:"kb-search"},(0,w.Y)("svg",{width:"13",height:"13",viewBox:"0 0 16 16",fill:"none"},(0,w.Y)("circle",{cx:"7",cy:"7",r:"5",stroke:"#888",strokeWidth:"1.5"}),(0,w.Y)("path",{d:"M11 11l3 3",stroke:"#888",strokeWidth:"1.5",strokeLinecap:"round"})),"Search articles...")),(0,w.Y)("div",{className:"kb-body"},(0,w.Y)("div",{className:"kb-section-label"},"Getting started"),(0,w.Y)("div",{className:"kb-item kb-active"},(0,w.Y)("div",{className:"kb-item-icon",style:{background:"#EEF1FF"}},"ð"),"How to install Dashly",(0,w.Y)("span",{className:"kb-item-count"},"3")),(0,w.Y)("div",{className:"kb-item"},(0,w.Y)("div",{className:"kb-item-icon",style:{background:"#E8F5E9"}},"ð"),"Quick start guide",(0,w.Y)("span",{className:"kb-item-count"},"5")),(0,w.Y)("div",{className:"kb-section-label"},"Agents"),(0,w.Y)("div",{className:"kb-item"},(0,w.Y)("div",{className:"kb-item-icon",style:{background:"#F3E8FF"}},"ð¤"),"Setting up AI agent",(0,w.Y)("span",{className:"kb-item-count"},"7")),(0,w.Y)("div",{className:"kb-item"},(0,w.Y)("div",{className:"kb-item-icon",style:{background:"#FFF3ED"}},"ð¬"),"Chat scenarios",(0,w.Y)("span",{className:"kb-item-count"},"4")),(0,w.Y)("div",{className:"kb-section-label"},"Billing"),(0,w.Y)("div",{className:"kb-item"},(0,w.Y)("div",{className:"kb-item-icon",style:{background:"#FFFDE7"}},"ð°"),"Pricing & plans",(0,w.Y)("span",{className:"kb-item-count"},"7")),(0,w.Y)("div",{className:"kb-item"},(0,w.Y)("div",{className:"kb-item-icon",style:{background:"#EFEFED"}},"âï¸"),"Settings & integrations",(0,w.Y)("span",{className:"kb-item-count"},"6")))),(0,w.Y)("div",{className:"hero-arrow"},(0,w.Y)(n.Qp,{color:"#5850EC",scale:.8})),(0,w.Y)("div",{className:"dw-wrap"},(0,w.Y)("div",{className:"dw-bar"},(0,w.Y)("svg",{"aria-hidden":"true",style:{position:"absolute",inset:0,width:"100%",height:"100%",pointerEvents:"none"},viewBox:"0 0 360 80",preserveAspectRatio:"xMidYMid slice",xmlns:"http://www.w3.org/2000/svg"},(0,w.Y)("defs",null,(0,w.Y)("pattern",{id:"kb-pat",x:"0",y:"0",width:"120",height:"100",patternUnits:"userSpaceOnUse"},(0,w.Y)("path",{d:"M6 4a4 4 0 014-4h14a4 4 0 014 4v9a4 4 0 01-4 4h-6l-4 4v-4H10a4 4 0 01-4-4V4z",stroke:"white",strokeWidth:"1.3",f
1ill:"none",opacity:".13",transform:"translate(8,10)"}),(0,w.Y)("rect",{x:"90",y:"60",width:"18",height:"13",rx:"2.5",stroke:"white",strokeWidth:"1.3",fill:"none",opacity:".11"}),(0,w.Y)("circle",{cx:"120",cy:"15",r:"1.5",fill:"white",opacity:".14"}),(0,w.Y)("circle",{cx:"50",cy:"95",r:"1.5",fill:"white",opacity:".11"}))),(0,w.Y)("rect",{width:"360",height:"80",fill:"url(#kb-pat)"})),(0,w.Y)("div",{className:"dw-bar-back"},(0,w.Y)("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none"},(0,w.Y)("path",{d:"M7 1L3 5l4 4",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round"}))),(0,w.Y)("div",{className:"dw-bar-title"},(0,w.Y)("div",{className:"dw-bar-name"},"Dashly AI Agent"),(0,w.Y)("div",{className:"dw-bar-status"},(0,w.Y)("span",{className:"dw-online-dot"})," online")),(0,w.Y)("div",{className:"dw-bar-more"},(0,w.Y)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none"},(0,w.Y)("path",{d:"M6 9l6 6 6-6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})))),(0,w.Y)("div",{className:"dw-body",ref:z,id:"chatBody"}),(0,w.Y)("div",{className:"dw-input-bar"},(0,w.Y)("div",{className:"dw-footer"},(0,w.Y)("span",null,"Powered by â¡ Dashly"),(0,w.Y)("span",null,"Privacy Policy")),(0,w.Y)("div",{className:"dw-input-field"},(0,w.Y)("div",{className:"dw-input-placeholder"},"Type your message..."),(0,w.Y)("div",{className:"dw-input-icons"},(0,w.Y)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none"},(0,w.Y)("circle",{cx:"12",cy:"12",r:"9",stroke:"currentColor",strokeWidth:"1.5"}),(0,w.Y)("path",{d:"M8.5 14.5s1 2 3.5 2 3.5-2 3.5-2",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,w.Y)("circle",{cx:"9",cy:"10",r:"1",fill:"currentColor"}),(0,w.Y)("circle",{cx:"15",cy:"10",r:"1",fill:"currentColor"})),(0,w.Y)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none"},(0,w.Y)("path",{d:"M21.44 11.05L12.25 20.24a6 6 0 01-8.49-8.49l9.2-9.19a4 4 0 015.66 5.65l-9.2 9.2a2 2 0 01-2.83-2.83l8.49-8.48",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),(0,w.Y)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none"},(0,w.Y)("rect",{x:"9",y:"2",width:"6",height:"12",rx:"3",stroke:"currentColor",strokeWidth:"1.5"}),(0,w.Y)("path",{d:"M5 10v2a7 7 0 0014 0v-2M12 19v3M8 22h8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))))))))),(0,w.Y)("div",{className:"proof-bar",style:{marginTop:"48px"}},(0,w.Y)("div",{className:"proof-stats-row"},(0,w.Y)("div",{className:"proof-stat"},(0,w.Y)("div",{className:"proof-num"},"80%"),(0,w.Y)("div",{className:"proof-label"},"questions resolved without a manager")),(0,w.Y)("div",{className:"proof-stat"},(0,w.Y)("div",{className:"proof-num"},"2 min"),(0,w.Y)("div",{className:"proof-label"},"to connect Knowledge Base")),(0,w.Y)("div",{className:"proof-stat"},(0,w.Y)("div",{className:"proof-num"},"500+"),(0,w.Y)("div",{className:"proof-label"},"companies already use Dashly")))),(0,w.Y)("section",{className:"sec",style:{background:"var(--white)",borderTop:"1px solid var(--border)"}},(0,w.Y)("div",{className:"sec-in"},(0,w.Y)("div",{className:"sec-tag"},"Problem"),(0,w.Y)("h2",null,"Your team answers the same 20 questions. Every day."),(0,w.Y)("div",{className:"problem-grid"},(0,w.Y)("div",{className:"prob-card"},(0,w.Y)("div",{className:"prob-icon"},(0,w.Y)("img",{src:h.A,alt:"",width:64,height:64})),(0,w.Y)("h3",null,"Repeated manually"),(0,w.Y)("p",null,"Managers write the same answers about pricing, features, and policies dozens of times a day.")),(0,w.Y)("div",{className:"prob-card"},(0,w.Y)("div",{className:"prob-icon"},(0,w.Y)("img",{src:v.A,alt:"",width:64,height:64})),(0,w.Y)("h3",null,"Offline = lost lead"),(0,w.Y)("p",null,"A visitor comes at midnight, doesn't get an answer, and signs up with a competitor.")),(0,w.Y)("div",{className:"prob-card"},(0,w.Y)("div",{className:"prob-icon"},(0,w.Y)("img",{src:u.A,alt:"",width:64,height:64})),(0,w.Y)("h3",null,"Inconsistent messaging"),(0,w.Y)("p",null,"Every manager answers differently. Your brand and accuracy suffer.")),(0,w.Y)("div",{className:"prob-card"},(0,w.Y)("div",{className:"prob-icon"},(0,w.Y)("img",{src:m.A,alt:"",width:64,height:64})),(0,w.Y)("h3",null,"Spam kills focus"),(0,w.Y)("p",null,"Managers waste time filtering irrelevant messages, bot traffic, and junk requests instead of working with real leads."))))),(0,w.Y)("section",{className:"sec",style:{background:"var(--white)",borderTop:"1px solid var(--border)",borderBottom:"1px solid var(--border)"}},(0,w.Y)("div",{className:"sec-in"},(0,w.Y)("div",{className:"sec-tag"},"Product"),(0,w.Y)("h2",null,"Your AI support agent answers accurately â because it uses only your knowledge base."),(0,w.Y)("div",{className:"tabs-wrap"},(0,w.Y)("div",{className:"tabs-header",role:"tablist"},Y.map((e,t)=>(0,w.Y)("button",{key:t,className:"tab-btn"+(i===t?" active":""),onClick:()=>a(t),role:"tab"},e.label))),(0,w.Y)("div",{className:"tab-panels"},Y.map((e,t)=>(0,w.Y)("div",{key:t,className:`tab-panel${i===t?" active":""}${0===t?" sources-layout":""}`},(0,w.Y)("div",{className:"tab-text"},(0,w.Y)("h3",null,e.title),(0,w.Y)("p",null,e.desc),0===t&&(0,w.Y)(n.hc,{color:"#c4b5a0",scale:1.2,className:"sources-arrow"})),(0,w.Y)("div",{dangerouslySetInnerHTML:{__html:k[t]}}))))))),(0,w.Y)("section",{className:"sec",style:{background:"var(--white)",borderTop:"1px solid var(--border)",borderBottom:"1px solid var(--border)"}},(0,w.Y)("div",{className:"sec-in"},(0,w.Y)("div",{className:"sec-tag"},"Knowledge Base"),(0,w.Y)("h2",null,"One module â three ways it works for your business."),(0,w.Y)("p",{style:{fontSize:"17px",color:"#555",lineHeight:"1.65",margin:"16px 0 48px",maxWidth:"680px"}},"Knowledge Base is a separate add-on module. It works independently from the AI agent â and even more powerfully together with it."),(0,w.Y)("div",{style:{display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:"20px",marginBottom:"40px"}},(0,w.Y)("div",{style:{background:"var(--bg)",borderRadius:"20px",padding:"32px",display:"flex",flexDirection:"column",gap:"14px"}},(0,w.Y)("img",{src:f.A,alt:"",width:64,height:64}),(0,w.Y)("div",null,(0,w.Y)("div",{style:{fontSize:"11px",fontWeight:"800",letterSpacing:".07em",textTransform:"uppercase",color:"var(--muted)",marginBottom:"6px"}},"Self-service portal"),(0,w.Y)("h3",{style:{fontSize:"17px",fontWeight:"700",marginBottom:"10px",lineHeight:"1.3"}},"Your customers find answers themselves"),(0,w.Y)("p",{style:{fontSize:"14px",color:"var(--muted)",lineHeight:"1.65"}},"Knowledge Base becomes a dedicated section of your website â with categories, search, and individual article pages. Customers get answers 24/7 without opening a chat or waiting for a reply."))),(0,w.Y)("div",{style:{background:"var(--bg)",borderRadius:"20px",padding:"32px",display:"flex",flexDirection:"column",gap:"14px"}},(0,w.Y)("img",{src:b.A,alt:"",width:64,height:64}),(0,w.Y)("div",null,(0,w.Y)("div",{style:{fontSize:"11px",fontWeight:"800",letterSpacing:".07em",textTransform:"uppercase",color:"var(--muted)",marginBottom:"6px"}},"Tool for your team"),(0,w.Y)("h3",{style:{fontSize:"17px",fontWeight:"700",marginBottom:"10px",lineHeight:"1.3"}},"Your managers answer faster and consistently"),(0,w.Y)("p",{style:{fontSize:"14px",color:"var(--muted)",lineHeight:"1.65"}},"Agents find the right article in one click and share it directly in chat. No more writing the same answer from scratch. Every response is accurate, on-brand, and instant."))),(0,w.Y)("div",{style:{background:"var(--bg)",borderRadius:"20px",padding:"32px",display:"flex",flexDirection:"column",gap:"14px"}},(0,w.Y)("img",{src:y.A,alt:"",width:64,height:64}),(0,w.Y)("div",null,(0,w.Y)("div",{style:{fontSize:"11px",fontWeight:"800",letterSpacing:".07em",textTransform:"uppercase",color:"var(--muted)",marginBottom:"6px"}},"SEO asset"),(0,w.Y)("h3",{style:{fontSize:"17px",fontWeight:"700",marginBottom:"10px",lineHeight:"1.3"}},"Your articles bring organic traffic"),(0,w.Y)("p",{style:{fontSize:"14px",color:"var(--muted)",lineHeight:"1.65"}},"Choose which articles get indexed by Google. Knowledge Base pages are properly structured for search engines â they rank, drive traffic, and grow your site's authority over time.")))),(0,w.Y)("div",{style:{background:"var(--bg2)",borderRadius:"16px",padding:"24px 28px",display:"flex",alignItems:"center",justifyContent:"space-between",gap:"24px",flexWrap:"wrap"}},(0,w.Y)("p",{style:{fontSize:"15px",fontWeight:"500",color:"var(--black)",lineHeight:"1.6",maxWidth:"640px"}},"All three modes work simultaneously. You get a customer-facing portal, an internal tool for your team, and an SEO channel â in one module."),(0,w.Y)(l.A,{icon:"arrow",text:"See it live â book a demo",href:"/demo/"})))),(0,w.Y)("section",{className:"sec channels-sec"},(0,w.Y)("div",{className:"sec-in"},(0,w.Y)("div",{className:"sec-tag",style:{background:"rgba(255,255,255,.1)",color:"rgba(255,255,255,.6)"}},"Channels"),(0,w.Y)("h2",null,"Your AI support agent answers across every channel â from one knowledge base."),(0,w.Y)("p",{style:{color:"rgba(255,255,255,.5)",fontSize:"16px",margin:"12px 0 48px",maxWidth:"560px"}},"Every message â regardless of channel â lands in one inbox. The AI support agent picks it up instantly and replies using your Knowledge Base."),(0,w.Y)("div",{style:{display:"flex",alignItems:"center",gap:"0",justifyContent:"center"}},(0,w.Y)("div",{style:{display:"flex",flexDirection:"column",gap:"10px",flexShrink:"0"}},[{label:"Website Live Chat",bg:"#1A1A1A",svg:(0,w.Y)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none"},(0,w.Y)("path",{d:"M2 3C2 2.4 2.4 2 3 2H21C21.6 2 22 2.4 22 3V15C22 15.6 21.6 16 21 16H9L2 21V3Z",fill:"#CDEE52"}))},{label:"WhatsApp",bg:"#25D366",svg:(0,w.Y)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none"},(0,w.Y)("path",{d:"M12 2C6.48 2 2 6.48 2 12c0 1.85.5 3.58 1.38 5.07L2 22l5.11-1.34A9.93 9.93 0 0012 22c5.52 0 10-4.48 10-10S17.52 2 12 2z",fill:"white"}),(0,w.Y)("path",{d:"M17 14.86c-.28-.14-1.65-.81-1.9-.9-.26-.1-.44-.14-.63.14-.18.28-.72.9-.88 1.09-.16.18-.33.2-.61.07-.28-.14-1.18-.43-2.25-1.38-.83-.74-1.39-1.65-1.55-1.93-.16-.28-.02-.43.12-.57.13-.13.28-.33.42-.5.14-.17.18-.28.28-.47.09-.18.05-.35-.02-.5-.07-.14-.63-1.52-.86-2.08-.23-.55-.46-.47-.63-.48H8.3c-.18
10-.47.07-.72.33-.25.26-.95.93-.95 2.27 0 1.34.97 2.63 1.1 2.81.14.18 1.9 2.9 4.6 4.07.64.28 1.14.44 1.53.56.64.2 1.23.17 1.69.1.52-.08 1.59-.65 1.82-1.28.22-.63.22-1.17.15-1.28-.06-.1-.24-.17-.52-.3z",fill:"#25D366"}))},{label:"Telegram",bg:"#229ED9",svg:(0,w.Y)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none"},(0,w.Y)("path",{d:"M21.5 3.5L17 20c-.3.9-1.3 1.4-2 .8l-4-3.1-2 1.9c-.3.3-.7.2-.7-.1v-3.6l9.5-9.3c.4-.4-.1-.8-.6-.5L5 13.5l-3-1c-.7-.3-.7-1.2 0-1.5L20 2c.7-.3 1.8.2 1.5.9z",fill:"white"}))},{label:"Email",bg:"#5B6BE8",svg:(0,w.Y)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none"},(0,w.Y)("rect",{x:"2",y:"5",width:"20",height:"14",rx:"2",stroke:"white",strokeWidth:"1.8"}),(0,w.Y)("path",{d:"M2 8l10 6 10-6",stroke:"white",strokeWidth:"1.8"}))},{label:"Instagram",bg:"linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7)",svg:(0,w.Y)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none"},(0,w.Y)("rect",{x:"2",y:"2",width:"20",height:"20",rx:"6",stroke:"white",strokeWidth:"1.8"}),(0,w.Y)("circle",{cx:"12",cy:"12",r:"4.5",stroke:"white",strokeWidth:"1.8"}),(0,w.Y)("circle",{cx:"17.5",cy:"6.5",r:"1.2",fill:"white"}))}].map(e=>(0,w.Y)("div",{key:e.label,className:"channel-chip",style:{justifyContent:"flex-start"}},(0,w.Y)("span",{style:{width:"20px",height:"20px",borderRadius:"6px",background:e.bg,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0}},e.svg)," ",e.label))),(0,w.Y)("div",{style:{flex:"1",minWidth:"60px",maxWidth:"100px",position:"relative",height:"200px",flexShrink:"1"}},(0,w.Y)("svg",{width:"100%",height:"200",viewBox:"0 0 80 200",preserveAspectRatio:"none",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,w.Y)("path",{d:"M0 20 Q60 20 78 100",stroke:"rgba(255,255,255,0.2)",strokeWidth:"1.5",strokeDasharray:"4 3"}),(0,w.Y)("path",{d:"M0 60 Q60 60 78 100",stroke:"rgba(255,255,255,0.2)",strokeWidth:"1.5",strokeDasharray:"4 3"}),(0,w.Y)("path",{d:"M0 100 L78 100",stroke:"rgba(255,255,255,0.25)",strokeWidth:"1.5",strokeDasharray:"4 3"}),(0,w.Y)("path",{d:"M0 140 Q60 140 78 100",stroke:"rgba(255,255,255,0.2)",strokeWidth:"1.5",strokeDasharray:"4 3"}),(0,w.Y)("path",{d:"M0 180 Q60 180 78 100",stroke:"rgba(255,255,255,0.2)",strokeWidth:"1.5",strokeDasharray:"4 3"}),(0,w.Y)("path",{d:"M72 94 L80 100 L72 106",stroke:"rgba(255,255,255,0.4)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),(0,w.Y)("div",{style:{flexShrink:"0",background:"rgba(255,255,255,.06)",border:"1.5px solid rgba(255,255,255,.15)",borderRadius:"16px",overflow:"hidden",width:"220px",boxShadow:"0 8px 32px rgba(0,0,0,.3)"}},(0,w.Y)("div",{style:{background:"rgba(255,255,255,.08)",padding:"10px 14px",borderBottom:"1px solid rgba(255,255,255,.1)",display:"flex",alignItems:"center",gap:"8px"}},(0,w.Y)("div",{style:{width:"7px",height:"7px",borderRadius:"50%",background:"#4ADE80"}}),(0,w.Y)("span",{style:{fontSize:"12px",fontWeight:"700",color:"rgba(255,255,255,.8)"}},"Dashly Inbox"),(0,w.Y)("span",{style:{marginLeft:"auto",background:"#CDEE52",color:"#1A1A1A",fontSize:"10px",fontWeight:"800",padding:"2px 7px",borderRadius:"5px"}},"3 new")),(0,w.Y)("div",{style:{padding:"8px 0"}},[{init:"S",name:"Sarah Chen",msg:"How much does the Pro plan cost?",time:"now",color:"#E53935"},{init:"A",name:"Alex Torres",msg:"Can I connect to Salesforce?",time:"2m",color:"#2AABEE"},{init:"R",name:"Ryan Mitchell",msg:"How do I install the chat widget?",time:"5m",color:"#DD2A7B"}].map((e,t)=>(0,w.Y)("div",{key:t,style:{padding:"8px 14px",display:"flex",alignItems:"flex-start",gap:"8px",borderTop:t>0?"1px solid rgba(255,255,255,.06)":"none"}},(0,w.Y)("div",{style:{width:"28px",height:"28px",borderRadius:"50%",background:e.color,display:"flex",alignItems:"center",justifyContent:"center",fontSize:"11px",fontWeight:"700",color:"white",flexShrink:"0"}},e.init),(0,w.Y)("div",{style:{flex:"1",minWidth:"0"}},(0,w.Y)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},(0,w.Y)("span",{style:{fontSize:"11px",fontWeight:"700",color:"rgba(255,255,255,.85)"}},e.name),(0,w.Y)("span",{style:{fontSize:"10px",color:"rgba(255,255,255,.35)"}},e.time)),(0,w.Y)("div",{style:{fontSize:"11px",color:"rgba(255,255,255,.45)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},e.msg))))),(0,w.Y)("div",{style:{padding:"8px 14px",borderTop:"1px solid rgba(255,255,255,.1)",display:"flex",alignItems:"center",gap:"7px"}},(0,w.Y)("div",{style:{width:"20px",height:"20px",borderRadius:"50%",background:"#CDEE52",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"9px",fontWeight:"900",color:"#1A1A1A",flexShrink:"0"}},"AI"),(0,w.Y)("span",{style:{fontSize:"11px",color:"rgba(255,255,255,.5)"}},"AI support agent is responding..."))),(0,w.Y)("div",{style:{flex:"1",minWidth:"40px",maxWidth:"80px",flexShrink:"1",display:"flex",alignItems:"center",justifyContent:"center"}},(0,w.Y)("svg",{width:"60",height:"20",viewBox:"0 0 60 20",fill:"none"},(0,w.Y)("path",{d:"M0 10 L52 10",stroke:"rgba(205,238,82,.5)",strokeWidth:"1.5",strokeDasharray:"4 3"}),(0,w.Y)("path",{d:"M46 4 L54 10 L46 16",stroke:"rgba(205,238,82,.7)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),(0,w.Y)("div",{style:{flexShrink:"0",background:"rgba(205,238,82,.08)",border:"1.5px solid rgba(205,238,82,.25)",borderRadius:"16px",padding:"16px 18px",width:"170px"}},(0,w.Y)("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"12px"}},(0,w.Y)("div",{style:{width:"28px",height:"28px",borderRadius:"8px",background:"rgba(205,238,82,.2)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"14px"}},"ð"),(0,w.Y)("span",{style:{fontSize:"12px",fontWeight:"700",color:"rgba(255,255,255,.8)"}},"Knowledge Base")),(0,w.Y)("div",{style:{display:"flex",flexDirection:"column",gap:"6px"}},["Pricing & plans","Integrations guide","Install to website"].map(e=>(0,w.Y)("div",{key:e,style:{background:"rgba(255,255,255,.06)",borderRadius:"6px",padding:"6px 9px",fontSize:"10px",color:"rgba(255,255,255,.5)",display:"flex",alignItems:"center",gap:"5px"}},(0,w.Y)("svg",{width:"9",height:"9",viewBox:"0 0 12 12",fill:"none"},(0,w.Y)("rect",{x:"1",y:"1",width:"10",height:"10",rx:"2",stroke:"rgba(205,238,82,.7)",strokeWidth:"1.3"})),e)),(0,w.Y)("div",{style:{marginTop:"4px",textAlign:"center",fontSize:"10px",fontWeight:"700",color:"rgba(205,238,82,.6)"}},"47 articles total")))),(0,w.Y)("div",{className:"channels-note"},"Already using another channel? Connect it via API in minutes."))),(0,w.Y)("section",{className:"sec"},(0,w.Y)("div",{className:"sec-in"},(0,w.Y)("div",{className:"sec-tag"},"How it works"),(0,w.Y)("h2",null,"How to set up a knowledge base for your AI support agent â in 3 steps."),(0,w.Y)("div",{className:"hiw-grid",style:{gridTemplateColumns:"repeat(3,1fr)"}},(0,w.Y)("div",{className:"hiw-card"},(0,w.Y)("div",{className:"hiw-num"},"01"),(0,w.Y)("h3",null,"Add your knowledge"),(0,w.Y)("p",null,"Paste a URL â Dashly crawls your site automatically. Or write articles manually, upload PDFs, connect Google Docs or Notion. Any format works.")),(0,w.Y)("div",{className:"hiw-card"},(0,w.Y)("div",{className:"hiw-num"},"02"),(0,w.Y)("h3",null,"AI uses your knowledge â on your terms"),(0,w.Y)("p",null,"The agent answers only from what you've added. You control which articles it can use, how freely it interprets them, and when it should hand off to a human.")),(0,w.Y)("div",{className:"hiw-card"},(0,w.Y)("div",{className:"hiw-num"},"03"),(0,w.Y)("h3",null,"Update once â the agent catches up instantly"),(0,w.Y)("p",null,"When your product or policies change, just update the article in your KB. The AI support agent picks up the new version immediately â no retraining, no delay."))))),(0,w.Y)("section",{className:"sec"},(0,w.Y)("div",{className:"sec-in"},(0,w.Y)("div",{className:"sec-tag"},"Results"),(0,w.Y)("h2",null,"Real results: AI support agent + knowledge bas",(0,w.Y)("span",{ref:E,style:{position:"relative",display:"inline-block"}},F&&(0,w.Y)(c(),{animationData:x,loop:!1,autoplay:!0,style:{position:"absolute",bottom:"100%",left:"50%",transform:"translateY(60%)",width:"300%",pointerEvents:"none",zIndex:1}}),"e"),"."),(0,w.Y)("div",{className:"quotes-grid"},(0,w.Y)("div",{className:"quote-card"},(0,w.Y)("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap",marginBottom:"16
1px"}},(0,w.Y)("div",{className:"quote-metric"},(0,w.Y)("span",{className:"quote-metric-dot"}),"40% questions resolved without a manager"),(0,w.Y)("div",{className:"quote-metric"},(0,w.Y)("span",{className:"quote-metric-dot"}),"First response 21% faster"),(0,w.Y)("div",{className:"quote-metric"},(0,w.Y)("span",{className:"quote-metric-dot"}),"Replaced 2 managers")),(0,w.Y)("span",{className:"quote-mark"},'"'),(0,w.Y)("div",{className:"quote-text"},"Managers now handle 6,000 questions instead of 10,000. The AI support agent closes 40% of all requests independently â we no longer need to hire additional staff."),(0,w.Y)("div",{className:"quote-author"},"â Head of Customer Support, online SaaS platform"),(0,w.Y)("div",{style:{display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:"12px",marginTop:"20px",paddingTop:"20px",borderTop:"1px solid var(--border)"}},(0,w.Y)("div",{style:{textAlign:"center"}},(0,w.Y)("div",{style:{fontFamily:"'Fraunces',serif",fontSize:"32px",fontWeight:"900",color:"var(--black)",letterSpacing:"-0.02em"}},"40%"),(0,w.Y)("div",{style:{fontSize:"12px",color:"var(--muted)",marginTop:"3px"}},"questions closed by AI")),(0,w.Y)("div",{style:{textAlign:"center",borderLeft:"1px solid var(--border)",borderRight:"1px solid var(--border)"}},(0,w.Y)("div",{style:{fontFamily:"'Fraunces',serif",fontSize:"32px",fontWeight:"900",color:"var(--black)",letterSpacing:"-0.02em"}},"â21%"),(0,w.Y)("div",{style:{fontSize:"12px",color:"var(--muted)",marginTop:"3px"}},"time to first response")),(0,w.Y)("div",{style:{textAlign:"center"}},(0,w.Y)("div",{style:{fontFamily:"'Fraunces',serif",fontSize:"32px",fontWeight:"900",color:"var(--black)",letterSpacing:"-0.02em"}},"4.85"),(0,w.Y)("div",{style:{fontSize:"12px",color:"var(--muted)",marginTop:"3px"}},"CSAT score (was 4.8)")))),(0,w.Y)("div",{className:"quote-card"},(0,w.Y)("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap",marginBottom:"16px"}},(0,w.Y)("div",{className:"quote-metric"},(0,w.Y)("span",{className:"quote-metric-dot"}),"30% questions resolved without a manager"),(0,w.Y)("div",{className:"quote-metric"},(0,w.Y)("span",{className:"quote-metric-dot"}),"Queue cut in half"),(0,w.Y)("div",{className:"quote-metric"},(0,w.Y)("span",{className:"quote-metric-dot"}),"Replaced 2 managers")),(0,w.Y)("span",{className:"quote-mark"},'"'),(0,w.Y)("div",{className:"quote-text"},"Before AI support agent we planned to hire new staff. After â that need disappeared. The agent handles ~1,000 questions per month on its own and the dialog queue dropped from 15 to 7â8."),(0,w.Y)("div",{className:"quote-author"},"â Head of Technical Support Group, B2B communications platform"),(0,w.Y)("div",{style:{display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:"12px",marginTop:"20px",paddingTop:"20px",borderTop:"1px solid var(--border)"}},(0,w.Y)("div",{style:{textAlign:"center"}},(0,w.Y)("div",{style:{fontFamily:"'Fraunces',serif",fontSize:"32px",fontWeight:"900",color:"var(--black)",letterSpacing:"-0.02em"}},"30%"),(0,w.Y)("div",{style:{fontSize:"12px",color:"var(--muted)",marginTop:"3px"}},"questions closed by AI")),(0,w.Y)("div",{style:{textAlign:"center",borderLeft:"1px solid var(--border)",borderRight:"1px solid var(--border)"}},(0,w.Y)("div",{style:{fontFamily:"'Fraunces',serif",fontSize:"32px",fontWeight:"900",color:"var(--black)",letterSpacing:"-0.02em"}},"2Ã"),(0,w.Y)("div",{style:{fontSize:"12px",color:"var(--muted)",marginTop:"3px"}},"shorter dialog queue")),(0,w.Y)("div",{style:{textAlign:"center"}},(0,w.Y)("div",{style:{fontFamily:"'Fraunces',serif",fontSize:"32px",fontWeight:"900",color:"var(--black)",letterSpacing:"-0.02em"}},"â30%"),(0,w.Y)("div",{style:{fontSize:"12px",color:"var(--muted)",marginTop:"3px"}},"manager workload"))))))),(0,w.Y)("section",{className:"sec"},(0,w.Y)("div",{className:"sec-in",style:{maxWidth:"760px"}},(0,w.Y)("div",{className:"sec-tag"},"FAQ"),(0,w.Y)("h2",null,"Frequently asked questions about Dashly Knowledge Base."),(0,w.Y)("div",{className:"faq-list"},A.map((e,t)=>(0,w.Y)("div",{key:t,className:"faq-item"+(s===t?" open":"")},(0,w.Y)("button",{className:"faq-q",onClick:()=>(e=>p(s===e?null:e))(t)},e.q,(0,w.Y)("span",{className:"faq-icon"},"+")),(0,w.Y)("div",{className:"faq-a"},e.a)))))),(0,w.Y)("section",{className:"final-cta-sec"},(0,w.Y)("div",{className:"final-cta-box"},(0,w.Y)("h2",null,"See how Dashly Knowledge Base works for your team."),(0,w.Y)("div",{className:"final-cta-btns"},(0,w.Y)(l.A,{icon:"arrow",text:"Book a demo",href:"/demo/"})),(0,w.Y)("div",{className:"final-cta-note"},"30-minute live session ",(0,w.Y)("span",{className:"final-sep"},"·")," Q&A included ",(0,w.Y)("span",{className:"final-sep"},"·")," No commitment")))))}},72627:function(e,t,i){var r=i(96540),o=(i(7926),i(17437));t.A=e=>(0,o.Y)(r.Fragment,null,(0,o.Y)("link",{rel:"canonical",href:e.url}))}}]); 2//# sourceMappingURL=component---src-pages-knowledgebase-jsx-c5989219ce3cc16360e8.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.