1<!DOCTYPE html><html lang="en" class="dark bv-consent-open"><head>
1<script id="bv-app-route-hide-init">(function(){try{var p=location.pathname,a=["/dashboard","/user-dashboard","/admin-dashboard","/agent-dashboard","/affiliate","/onboarding","/login","/signup","/forgot-password","/reset-password","/set-password","/verify-email","/staff-invite","/shopify-link"],i,x;for(i=0;i<a.length;i++){x=a[i];if(p===x||p.indexOf(x+"/")===0){window.__bvAppRoute=1;break;}}if(!window.__bvAppRoute)return;var s=document.createElement("style");s.id="bv-app-route-hide";s.appendChild(document.createTextNode("#root{display:none!important}"));document.head.appendChild(s);setTimeout(function(){if(s.parentNode)s.parentNode.removeChild(s);},4000);}catch(e){}})();</script>
1 2 <meta charset="UTF-8"> 3 <meta name="viewport" content="width=device-width, initial-scale=1"> 4 <title>Introduction â Botvee AI Documentation</title> 5 <meta name="description" content="Botvee trains on your website and answers customers in seconds on web chat, WhatsApp, and email â capturing leads, booking meetings, and handing complex conversations to your team. Live in minutes, plans from $6.99/mo."> 6 <meta name="keywords" content="AI customer support, AI support agent, AI chatbot for website, Shopify AI assistant, WooCommerce support automation, WhatsApp business AI, lead capture AI, Botvee"> 7 <meta name="author" content="Botvee.ai"> 8 <meta name="robots" content="index, follow, max-image-preview:large"> 9 <link rel="canonical" href="https://botvee.ai/docs"> 10 <meta name="theme-color" content="#161922"> 11 12 <!-- Theme bootstrap. Must run BEFORE first paint, and before any 13 <link rel="stylesheet"> â a stylesheet blocks every inline script that 14 follows it, so sitting below the font <link> delayed the theme class 15 by however long fonts.googleapis.com took to answer. 16 17 The React hook (src/hooks/use-theme.ts) only sets the theme class in an 18 effect, i.e. after mount, so without this every 19 load painted the dark :root tokens first and flipped to light a frame 20 later â and the whole JS load sat on a hardcoded dark background. 21 Keep the storage key and the "dark" fallback in sync with that hook. --> 22
22<script> 23 (function () { 24 var t = 'dark'; 25 try { 26 var stored = localStorage.getItem('botvee-theme'); 27 if (stored === 'light' || stored === 'dark') t = stored; 28 } catch (e) { /* storage blocked (private mode) â keep the dark default */ } 29 var el = document.documentElement; 30 el.classList.toggle('light', t === 'light'); 31 el.classList.toggle('dark', t === 'dark'); 32 // Mobile browser chrome was pinned dark regardless of the chosen theme. 33 var meta = document.querySelector('meta[name="theme-color"]'); 34 if (meta) meta.setAttribute('content', t === 'light' ? '#f6f7f9' : '#161922'); 35 })(); 36 </script>
36 37 38 <!-- Critical CSS: prevent FOUC (Flash of Unstyled Content). 39 The background lives on <html> and follows the class set above, so the 40 screen is already the right colour before React mounts. The two values 41 are the rendered form of --background in src/index.css (:root/.light). --> 42 <style> 43 html { background: #161922; } 44 html.light { background: #f6f7f9; } 45 body { margin: 0; } 46 #root { visibility: hidden; } 47 #root.hydrated { visibility: visible; } 48 </style> 49 <link rel="icon" href="/botvee-mark.png" type="image/png"> 50 <link rel="apple-touch-icon" href="/botvee-mark.png"> 51 <meta name="application-name" content="Botvee"> 52 <meta name="apple-mobile-web-app-title" content="Botvee"> 53 54 <!-- Open Graph / Facebook --> 55 <meta property="og:type" content="website"> 56 <meta property="og:url" content="https://botvee.ai/docs"> 57 <meta property="og:locale" content="en_US"> 58 <meta property="og:title" content="AI Customer Support Agent for E-commerce & SaaS | Botvee"> 59 <meta property="og:description" content="Botvee trains on your website and answers customers in seconds on web chat, WhatsApp, and email â capturing leads, booking meetings, and handing complex conversations to your team. Live in minutes, plans from $6.99/mo."> 60 <meta property="og:image" content="https://botvee.ai/botvee-mark.png"> 61 <meta property="og:site_name" content="Botvee.ai"> 62 63 <!-- Twitter --> 64 <meta name="twitter:card" content="summary_large_image"> 65 <meta name="twitter:site" content="@botveeai"> 66 <meta name="twitter:url" content="https://botvee.ai/docs"> 67 <meta name="twitter:title" content="AI Customer Support Agent for E-commerce & SaaS | Botvee"> 68 <meta name="twitter:description" content="Botvee trains on your website and answers customers in seconds on web chat, WhatsApp, and email â capturing leads, booking meetings, and handing complex conversations to your team. Live in minutes, plans from $6.99/mo."> 69 <meta name="twitter:image" content="https://botvee.ai/botvee-mark.png"> 70 71 <!-- JSON-LD Structured Data (entity graph for SEO + AI answer engines) --> 72
72<script type="application/ld+json"> 73 { 74 "@context": "https://schema.org", 75 "@graph": [ 76 { 77 "@type": "Organization", 78 "@id": "https://botvee.ai/#organization", 79 "name": "Botvee AI", 80 "url": "https://botvee.ai", 81 "logo": { 82 "@type": "ImageObject", 83 "url": "https://botvee.ai/botvee-mark.png" 84 }, 85 "sameAs": [ 86 "https://twitter.com/botveeai" 87 ], 88 "contactPoint": { 89 "@type": "ContactPoint", 90 "email": "[email protected]", 91 "contactType": "customer support", 92 "availableLanguage": ["English"] 93 } 94 }, 95 { 96 "@type": "WebSite", 97 "@id": "https://botvee.ai/#website", 98 "url": "https://botvee.ai", 99 "name": "Botvee AI", 100 "publisher": { "@id": "https://botvee.ai/#organization" }, 101 "inLanguage": "en" 102 }, 103 { 104 "@type": "SoftwareApplication", 105 "@id": "https://botvee.ai/#software", 106 "name": "Botvee AI", 107 "applicationCategory": "BusinessApplication", 108 "operatingSystem": "Web", 109 "url": "https://botvee.ai", 110 "publisher": { "@id": "https://botvee.ai/#organization" }, 111 "description": "Autonomous AI customer support agent that replies to visitors instantly, qualifies leads, and books meetings 24/7 for e-commerce and SaaS.", 112 "featureList": [ 113 "24/7 AI replies trained on your website content and documents", 114 "Lead capture and qualification", 115 "Meeting and appointment booking with Google Calendar", 116 "Human agent handoff with full conversation context", 117 "Channels: website chat, WhatsApp, Telegram, email", 118 "E-commerce: order tracking, cart recovery, COD confirmation, stock alerts", 119 "No-code visual dashboard with analytics" 120 ], 121 "offers": { 122 "@type": "AggregateOffer", 123 "priceCurrency": "USD", 124 "lowPrice": "6.99", 125 "highPrice": "98.99", 126 "offerCount": "3", 127 "offers": [ 128 { "@type": "Offer", "name": "Starter", "price": "6.99", "priceCurrency": "USD", "category": "monthly subscription" }, 129 { "@type": "Offer", "name": "Growth", "price": "28.99", "priceCurrency": "USD", "category": "monthly subscription" }, 130 { "@type": "Offer", "name": "Pro", "price": "98.99", "priceCurrency": "USD", "category": "monthly subscription" } 131 ] 132 } 133 } 134 ] 135 } 136 </script>
136 137 <!-- FAQPage schema is emitted per-page by the FAQ component so the markup 138 always matches the visible questions on that route. Keep it out of this 139 global head to avoid duplicate FAQPage entities on every page. --> 140 <!-- aggregateRating intentionally omitted until there are enough verified 141 public reviews to back it â unverifiable review markup risks a manual 142 action and reads as fake to answer engines. --> 143 144 <!-- Poppins font preload --> 145 <link rel="preconnect" href="https://fonts.googleapis.com"> 146 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 147 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 148 149
149<script type="module" crossorigin="" src="/assets/index-ClNjN171.js"></script>
149 150 <link rel="modulepreload" crossorigin="" href="/assets/vendor-react-B7SHFsLe.js"> 151 <link rel="modulepreload" crossorigin="" href="/assets/vendor-ui-CGbRblPw.js"> 152 <link rel="modulepreload" crossorigin="" href="/assets/vendor-query-BpyaVjbq.js"> 153 <link rel="stylesheet" crossorigin="" href="/assets/index-BIwD3VXK.css"> 154 <style type="text/css">:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;
154left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}
154:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);
154--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)} 155</style><link rel="modulepreload" as="script" crossorigin="" href="/assets/Index-noyYcBgD.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/Layout-C-UUCFGD.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/Navbar-Bltgc3yw.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/use-theme-DCEGqvuW.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/theme-color-BvlACSgM.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/Footer-D-DOb_Zx.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/use-public-stats-Cqbktr45.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/Section-DrLAU06Q.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/SpotlightCard-CQj59j3n.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/WaitlistModal-CM_H9gF4.js">
155<link rel="modulepreload" as="script" crossorigin="" href="/assets/pkr-CVu7r33o.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/FAQ-SY2OOoaZ.js">
155<script src="/_vercel/insights/script.js" data-sdkn="@vercel/analytics/react" data-sdkv="2.0.1" defer=""></script>
155<script src="/_vercel/speed-insights/script.js" defer="" data-sdkn="@vercel/speed-insights/react" data-sdkv="2.0.0"></script>
155<link rel="modulepreload" as="script" crossorigin="" href="/assets/ChatBot-D24fcojI.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/purify.es-CkkGybkq.js"><style type="text/css">:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;
155left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}
155:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);
155--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)} 156</style><link rel="modulepreload" as="script" crossorigin="" href="/assets/Docs-COuLBUu6.js"></head> 157 158 <body> 159 <div id="root" class="hydrated"><div class="min-h-screen flex flex-col relative overflow-x-clip"><div class="fixed top-16 left-0 right-0 h-[2px] bg-gradient-to-r from-primary via-accent to-primary z-50 origin-left" style="transform: scaleX(0);"></div><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-transparent" style="transform: none;"><div class="w-full px-5 sm:px-8 lg:px-12 xl:px-16 2xl:px-24"><nav class="flex items-center justify-between h-14 sm:h-16 lg:h-18"><a class="flex items-center gap-2.5 shrink-0" aria-label="Botvee home" href="/"><span class="inline-flex items-center gap-2.5 select-none"><img alt="Botvee" width="42" height="32" class="object-contain shrink-0 transition-transform duration-200 ease-out hover:scale-[1.04] h-9 w-auto" loading="eager" decoding="async" src="/botvee-mark.png"><span class="font-bold text-lg tracking-tight text-foreground">
159Botvee<span class="text-primary">.ai</span></span></span></a><div class="hidden lg:flex items-center gap-7"><a class="text-sm font-medium transition-colors duration-200 relative group text-muted-foreground hover:text-foreground" href="/product">Product</a><a class="text-sm font-medium transition-colors duration-200 relative group text-muted-foreground hover:text-foreground" href="/pricing">Pricing</a><a class="text-sm font-medium transition-colors duration-200 relative group text-muted-foreground hover:text-foreground" href="/integrations">Integrations</a><a class="text-sm font-medium transition-colors duration-200 relative group text-muted-foreground hover:text-foreground" href="/blog">Blog</a><a class="text-sm font-medium transition-colors duration-200 relative group text-primary" href="/docs">Docs<span class="absolute -bottom-0.5 left-0 right-0 h-0.5 bg-primary rounded-full"></span></a><a class="text-sm font-medium transition-colors duration-200 relative group text-muted-foreground hover:text-foreground" href="/about">About</a></div><div class="hidden lg:flex items-center gap-2.5"><button class="p-2 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted transition-colors duration-200" aria-label="Toggle theme"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></button><a href="/contact"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-muted hover:text-foreground h-9 rounded-md px-3 font-medium">Contact</button></a><a href="/signup"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:shadow-lg hover:shadow-primary/25 h-9 rounded-md bg-primary hover:bg-primary/90 text-white font-semibold px-5">Get Started</button></a></div><div class="flex items-center gap-1.5 lg:hidden"><button class="p-2 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted transition-colors duration-200" aria-label="Toggle theme"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></button><button class="p-2 text-foreground rounded-lg hover:bg-muted transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></nav></div></header><main class="flex-1 pt-16"><div class="relative pt-2 min-h-screen"><div aria-hidden="true" class="aurora-slow pointer-events-none absolute -top-24 left-1/2 -z-10 h-64 w-[560px] max-w-full -translate-x-1/2 roun
159ded-full bg-primary/[0.07] blur-[100px]"></div><div class="w-full px-5 sm:px-8 lg:px-14 xl:px-20 2xl:px-28"><div class="lg:hidden py-3 sm:py-4 border-b border-border"><label for="doc-picker" class="block text-[11px] font-semibold uppercase tracking-wider text-muted-foreground mb-1.5">Browse documentation</label><select id="doc-picker" class="w-full px-3 py-2.5 rounded-lg bg-card border border-border text-sm text-foreground focus:outline-none focus:border-primary/40"><optgroup label="Getting Started"><option value="Introduction">Introduction</option><option value="Quick Start">Quick Start</option><option value="Installation">Installation</option><option value="Configuration">Configuration</option><option value="Plans & Limits">Plans & Limits</option></optgroup><optgroup label="Core Concepts"><option value="AI Agents">AI Agents</option><option value="Conversations">Conversations</option><option value="Knowledge Base">Knowledge Base</option><option value="Lead Capture">Lead Capture</option><option value="Booking System">Booking System</option><option value="Human Handoff">Human Handoff</option><option value="Issue Reporting">Issue Reporting</option><option value="Feedback Collection">Feedback Collection</option></optgroup><optgroup label="Your Dashboard"><option value="Dashboard Overview">Dashboard Overview</option><option value="Playground">Playground</option><option value="Widget Customization">Widget Customization</option><option value="Inbox & Live Chat">Inbox & Live Chat</option><option value="Support Tickets">Support Tickets</option><option value="Analytics Dashboard">Analytics Dashboard</option><option value="Visitors">Visitors</option><option value="AI Advisor">AI Advisor</option><option value="Usage & Add-ons">Usage & Add-ons</option><option value="Team Management">Team Management</option><option value="Notifications">Notifications</option><option value="Account Security">Account Security</option></optgroup><optgroup label="Growth & E-commerce"><option value="Browse Abandonment">Browse Abandonment</option><option value="Cart Recovery">Cart Recovery</option><option value="COD Confirmation">COD Confirmation</option><option value="Stock Alerts">Stock Alerts</option><option value="Order Details">Order Details</option><option value="Courier Tracking">Courier Tracking</option><option value="Email AI">Email AI</option></optgroup><optgroup label="Integrations"><option value="All Integrations">All Integrations</option><option value="Custom Website">Custom Website</option><option value="WordPress">WordPress</option><option value="Shopify">Shopify</option><option value="WhatsApp">WhatsApp</option><option value="WhatsApp Templates">WhatsApp Templates</option><option value="Telegram">Telegram</option><option value="Facebook Messenger">Facebook Messenger</option><option value="Instagram">Instagram</option><option value="Gmail">Gmail</option><option value="Resend">Resend</option><option value="Email (SMTP)">Email (SMTP)</option><option value="Google Calendar">Google Calendar</option><option value="Google Sheets">Google Sheets</option><option value="Google Drive">Google Drive</option><option value="Coming Soon">Coming Soon</option></optgroup><optgroup label="Guides"><option value="Custom Training">Custom Training</option><option value="Partner Program">Partner Program</option><option value="Troubleshooting">Troubleshooting</option></optgroup></select></div><div class="flex gap-6 lg:gap-8 py-6 sm:py-10"><aside class="hidden lg:block w-60 xl:w-72 flex-shrink-0"><div class="sticky top-28 space-y-6 max-h-[calc(100vh-9rem)] overflow-y-auto pr-1"><div class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><input placeholder="Search docs..." class="w-full pl-9 pr-3 py-2 rounded-lg bg-card border border-border text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:border-primary/40 focu
159s:ring-1 focus:ring-primary/20 transition-all" type="text" value=""></div><div><div class="flex items-center gap-2 mb-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-3.5 h-3.5" style="color: rgb(249, 115, 22);"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg><h4 class="text-[11px] font-bold uppercase tracking-wider" style="color: rgb(249, 115, 22);">Getting Started</h4></div><ul class="space-y-0.5 ml-0.5 border-l border-border pl-3"><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 bg-card border border-border font-medium text-foreground shadow-sm" href="/docs/introduction"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-3.5 h-3.5 flex-shrink-0" style="color: rgb(249, 115, 22);"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg><span class="truncate">Introduction</span><div class="ml-auto w-1.5 h-1.5 rounded-full flex-shrink-0" style="background-color: rgb(249, 115, 22); opacity: 1;"></div></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/quick-start"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-3.5 h-3.5 flex-shrink-0"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><span class="truncate">Quick Start</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/installation"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-terminal w-3.5 h-3.5 flex-shrink-0"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" x2="20" y1="19" y2="19"></line></svg><span class="truncate">Installation</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/configuration"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-3.5 h-3.5 flex-shrink-0"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg><span class="truncate">Configuration</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/plans-limits"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-credit-card w-3.5 h-3.5 flex-shrink-0"><rect width="20" height="14" x="2" y="5" rx="2"></rect>
159<line x1="2" x2="22" y1="10" y2="10"></line></svg><span class="truncate">Plans & Limits</span></a></li></ul></div><div><div class="flex items-center gap-2 mb-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square w-3.5 h-3.5" style="color: rgb(0, 62, 255);"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg><h4 class="text-[11px] font-bold uppercase tracking-wider" style="color: rgb(0, 62, 255);">Core Concepts</h4></div><ul class="space-y-0.5 ml-0.5 border-l border-border pl-3"><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/ai-agents"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square w-3.5 h-3.5 flex-shrink-0"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg><span class="truncate">AI Agents</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/conversations"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square w-3.5 h-3.5 flex-shrink-0"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg><span class="truncate">Conversations</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/knowledge-base"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-3.5 h-3.5 flex-shrink-0"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg><span class="truncate">Knowledge Base</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/lead-capture"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-3.5 h-3.5 flex-shrink-0"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span class="truncate">Lead Capture</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/booking-system"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-3.5 h-3.5 flex-shrink-0"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span class="truncate">Booking System</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/human-handoff"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones w-3.5 h-3.5 flex-shrink-0"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg><span class="truncate">
159Human Handoff</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/issue-reporting"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-3.5 h-3.5 flex-shrink-0"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><span class="truncate">Issue Reporting</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/feedback-collection"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square w-3.5 h-3.5 flex-shrink-0"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg><span class="truncate">Feedback Collection</span></a></li></ul></div><div><div class="flex items-center gap-2 mb-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard w-3.5 h-3.5" style="color: rgb(139, 92, 246);"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg><h4 class="text-[11px] font-bold uppercase tracking-wider" style="color: rgb(139, 92, 246);">Your Dashboard</h4></div><ul class="space-y-0.5 ml-0.5 border-l border-border pl-3"><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/dashboard-overview"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard w-3.5 h-3.5 flex-shrink-0"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg><span class="truncate">Dashboard Overview</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/playground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flask-conical w-3.5 h-3.5 flex-shrink-0"><path d="M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2"></path><path d="M8.5 2h7"></path><path d="M7 16h10"></path></svg><span class="truncate">Playground</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/widget-customization"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette w-3.5 h-3.5 flex-shrink-0"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg><span class="truncate">Widget Customization</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/inbox-live-chat"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones w-3.5 h-3.5 flex-shrink-0"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg><span class="truncate">Inbox & Live Chat</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/support-tickets"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ticket w-3.5 h-3.5 flex-shrink-0"><path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"></path><path d="M13 5v2"></path><path d="M13 17v2"></path><path d="M13 11v2"></path></svg><span class="truncate">Support Tickets</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/analytics-dashboard"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column w-3.5 h-3.5 flex-shrink-0"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg><span class="truncate">Analytics Dashboard</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/visitors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-3.5 h-3.5 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span class="truncate">Visitors</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/ai-advisor"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb w-3.5 h-3.5 flex-shrink-0"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg><span class="truncate">AI Advisor</span><span class="ml-auto flex-shrink-0 rounded-full px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide" style="color: rgb(245, 158, 11); background-color: rgba(245, 158, 11, 0.082);">Soon</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/usage-add-ons"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gauge w-3.5 h-3.5 flex-shrink-0"><path d="m12 14 4-4"></path><path d="M3.34 19a10 10 0 1 1 17.32 0"></path></svg><span class="truncate">Usage & Add-ons</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/team-management"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-3.5 h-3.5 flex-shrink-0"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span class="truncate">Team Management</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/notifications"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell w-3.5 h-3.5 flex-shrink-0"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"></path><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"></path></svg><span class="truncate">Notifications</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/account-security"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-key-round w-3.5 h-3.5 flex-shrink-0"><path d="M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z"></path><circle cx="16.5" cy="7.5" r=".5" fill="currentColor"></circle></svg><span class="truncate">Account Security</span></a></li></ul></div><div><div class="flex items-center gap-2 mb-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag w-3.5 h-3.5" style="color: rgb(16, 185, 129);"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"></path><path d="M3 6h18"></path><path d="M16 10a4 4 0 0 1-8 0"></path></svg><h4 class="text-[11px] font-bold uppercase tracking-wider" style="color: rgb(16, 185, 129);">Growth & E-commerce</h4></div><ul class="space-y-0.5 ml-0.5 border-l border-border pl-3"><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/browse-abandonment"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye w-3.5 h-3.5 flex-shrink-0"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg><span class="truncate">Browse Abandonment</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/cart-recovery"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag w-3.5 h-3.5 flex-shrink-0"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"></path><path d="M3 6h18"></path><path d="M16 10a4 4 0 0 1-8 0"></path></svg><span class="truncate">Cart Recovery</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/cod-confirmation"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check w-3.5 h-3.5 flex-shrink-0"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg><span class="truncate">COD Confirmation</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/stock-alerts"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell w-3.5 h-3.5 flex-shrink-0"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"></path><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"></path></svg><span class="truncate">Stock Alerts</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/order-details"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package-check w-3.5 h-3.5 flex-shrink-0"><path d="m16 16 2 2 4-4"></path><path d="M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14"></path><path d="m7.5 4.27 9 5.15"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><line x1="12" x2="12" y1="22" y2="12"></line></svg><span class="truncate">Order Details</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/courier-tracking"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-truck w-3.5 h-3.5 flex-shrink-0"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"></path><path d="M15 18H9"></path><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"></path><circle cx="17" cy="18" r="2"></circle><circle cx="7" cy="18" r="2"></circle></svg><span class="truncate">Courier Tracking</span><span class="ml-auto flex-shrink-0 rounded-full px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide" style="color: rgb(245, 158, 11); background-color: rgba(245, 158, 11, 0.082);">Soon</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/email-ai"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-3.5 h-3.5 flex-shrink-0"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><span class="truncate">Email AI</span><span class="ml-auto flex-shrink-0 rounded-full px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide" style="color: rgb(245, 158, 11); background-color: rgba(245, 158, 11, 0.082);">Soon</span></a></li></ul></div>
159<div><div class="flex items-center gap-2 mb-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-puzzle w-3.5 h-3.5" style="color: rgb(6, 182, 212);"><path d="M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z"></path></svg><h4 class="text-[11px] font-bold uppercase tracking-wider" style="color: rgb(6, 182, 212);">Integrations</h4></div><ul class="space-y-0.5 ml-0.5 border-l border-border pl-3"><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/all-integrations"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-puzzle w-3.5 h-3.5 flex-shrink-0"><path d="M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z"></path></svg><span class="truncate">All Integrations</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/custom-website"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code-xml w-3.5 h-3.5 flex-shrink-0"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg><span class="truncate">Custom Website</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/wordpress"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-3.5 h-3.5 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span class="truncate">WordPress</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/shopify"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag w-3.5 h-3.5 flex-shrink-0"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"></path><path d="M3 6h18"></path><path d="M16 10a4 4 0 0 1-8 0"></path></svg><span class="truncate">Shopify</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/whatsapp"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square w-3.5 h-3.5 flex-shrink-0"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg><span class="truncate">WhatsApp</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/whatsapp-templates"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-key-round w-3.5 h-3.5 flex-shrink-0"><path d="M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z"></path><circle cx="16.5" cy="7.5" r=".5" fill="currentColor"></circle></svg><span class="truncate">WhatsApp Templates</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/telegram"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send w-3.5 h-3.5 flex-shrink-0"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg><span class="truncate">Telegram</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/facebook-messenger"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square w-3.5 h-3.5 flex-shrink-0"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg><span class="truncate">Facebook Messenger</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/instagram"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera w-3.5 h-3.5 flex-shrink-0"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"></path><circle cx="12" cy="13" r="3"></circle></svg><span class="truncate">Instagram</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/gmail"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-3.5 h-3.5 flex-shrink-0"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><span class="truncate">Gmail</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/resend"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send w-3.5 h-3.5 flex-shrink-0"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg><span class="truncate">Resend</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/email-smtp"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-server w-3.5 h-3.5 flex-shrink-0"><rect width="20" height="8" x="2" y="2" rx="2" ry="2"></rect><rect width="20" height="8" x="2" y="14" rx="2" ry="2"></rect><line x1="6" x2="6.01" y1="6" y2="6"></line><line x1="6" x2="6.01" y1="18" y2="18"></line></svg><span class="truncate">Email (SMTP)</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/google-calendar"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-3.5 h-3.5 flex-shrink-0"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span class="truncate">Google Calendar</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/google-sheets"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sheet w-3.5 h-3.5 flex-shrink-0"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><line x1="3" x2="21" y1="9" y2="9"></line><line x1="3" x2="21" y1="15" y2="15"></line><line x1="9" x2="9" y1="9" y2="21"></line><line x1="15" x2="15" y1="9" y2="21"></line></svg><span class="truncate">Google Sheets</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/google-drive"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hard-drive w-3.5 h-3.5 flex-shrink-0"><line x1="22" x2="2" y1="12" y2="12"></line><path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path>
159<line x1="6" x2="6.01" y1="16" y2="16"></line><line x1="10" x2="10.01" y1="16" y2="16"></line></svg><span class="truncate">Google Drive</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/coming-soon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3.5 h-3.5 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span class="truncate">Coming Soon</span></a></li></ul></div><div><div class="flex items-center gap-2 mb-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text w-3.5 h-3.5" style="color: rgb(239, 68, 68);"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg><h4 class="text-[11px] font-bold uppercase tracking-wider" style="color: rgb(239, 68, 68);">Guides</h4></div><ul class="space-y-0.5 ml-0.5 border-l border-border pl-3"><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/custom-training"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column w-3.5 h-3.5 flex-shrink-0"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg><span class="truncate">Custom Training</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/partner-program"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-crown w-3.5 h-3.5 flex-shrink-0"><path d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z"></path><path d="M5 21h14"></path></svg><span class="truncate">Partner Program</span></a></li><li><a class="w-full flex items-center gap-2 text-left text-sm px-3 py-1.5 rounded-md transition-all duration-200 text-muted-foreground hover:text-foreground hover:bg-muted/50" href="/docs/troubleshooting"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-help w-3.5 h-3.5 flex-shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg><span class="truncate">Troubleshooting</span></a></li></ul></div><div class="p-4 rounded-xl bg-card border border-border"><p class="text-xs font-semibold text-foreground mb-1">Need help?</p><p class="text-[11px] text-muted-foreground mb-3">Can't find what you're looking for?</p><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-border bg-background hover:bg-muted hover:text-foreground h-9 rounded-md px-3 w-full text-xs">Contact Support</button></div></div></aside><div class="flex-1 min-w-0 max-w-3xl w-full"><div style="opacity: 1; transform: none;"><div class="flex items-center gap-1.5 text-xs text-muted-foreground mb-6 flex-wrap"><span>Docs</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3"><path d="m9 18 6-6-6-6"></path></svg><span>Getting Started</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3"><path d="m9 18 6-6-6-6"></path></svg><span class="text-foreground font-medium">Introduction</span></div><div class="flex items-center gap-3 mb-6 flex-wrap"><h1 class="text-2xl sm:text-3xl md:text-4xl font-bold text-foreground">Introduction</h1><span class="text-[10px] font-bold px-2.5 py-0.5 rounded-full" style="color: rgb(0, 62, 255); background-color: rgba(0, 62, 255, 0.082); border: 1px solid rgba(0, 62, 255, 0.145);">Start here</span></div><div class="space-y-5 mb-8"><p class="text-muted-foreground leading-relaxed whitespace-pre-line text-sm sm:text-[15px]">Botvee is an AI platform that answers your customers, captures leads, books meetings and follows up on orders â automatically, on every channel you sell through.</p><p class="text-muted-foreground leading-relaxed whitespace-pre-line text-sm sm:text-[15px]">You train one AI Agent on your own content. That same agent then works on your website, WhatsApp, Telegram, Messenger, Instagram, your Shopify store and your email inbox â with the same knowledge and the same tone everywhere.</p><h2 class="text-xl sm:text-2xl font-bold text-foreground pt-4 scroll-mt-28">What Botvee does for you</h2><ul class="space-y-2.5"><li class="flex gap-2.5 text-muted-foreground leading-relaxed"><span class="mt-[9px] w-1.5 h-1.5 rounded-full bg-primary/60 flex-shrink-0"></span><span class="text-sm sm:text-[15px]">Answers visitor questions instantly, 24/7, using your website content and documents</span></li><li class="flex gap-2.5 text-muted-foreground leading-relaxed"><span class="mt-[9px] w-1.5 h-1.5 rounded-full bg-primary/60 flex-shrink-0"></span><span class="text-sm sm:text-[15px]">
159Captures name, email and phone at the right moment â then scores each lead</span></li><li class="flex gap-2.5 text-muted-foreground leading-relaxed"><span class="mt-[9px] w-1.5 h-1.5 rounded-full bg-primary/60 flex-shrink-0"></span><span class="text-sm sm:text-[15px]">Books appointments inside the chat and writes them to your Google Calendar</span></li><li class="flex gap-2.5 text-muted-foreground leading-relaxed"><span class="mt-[9px] w-1.5 h-1.5 rounded-full bg-primary/60 flex-shrink-0"></span><span class="text-sm sm:text-[15px]">Hands the conversation to a real human, with full context, whenever it is needed</span></li><li class="flex gap-2.5 text-muted-foreground leading-relaxed"><span class="mt-[9px] w-1.5 h-1.5 rounded-full bg-primary/60 flex-shrink-0"></span><span class="text-sm sm:text-[15px]">Recovers abandoned carts, confirms COD orders, tracks shipments and follows up after delivery</span></li><li class="flex gap-2.5 text-muted-foreground leading-relaxed"><span class="mt-[9px] w-1.5 h-1.5 rounded-full bg-primary/60 flex-shrink-0"></span><span class="text-sm sm:text-[15px]">Drafts and sends replies from your Gmail inbox</span></li><li class="flex gap-2.5 text-muted-foreground leading-relaxed"><span class="mt-[9px] w-1.5 h-1.5 rounded-full bg-primary/60 flex-shrink-0"></span><span class="text-sm sm:text-[15px]">Tells you what is going wrong and what to fix, in plain language</span></li></ul><h2 class="text-xl sm:text-2xl font-bold text-foreground pt-4 scroll-mt-28">How it fits together</h2><div class="rounded-xl border border-border bg-card/60 p-4 overflow-x-auto"><div class="flex items-center gap-2 min-w-max"><div class="flex items-center gap-2"><div class="px-3 py-2 rounded-lg border border-primary/25 bg-primary/5 text-xs font-medium text-foreground whitespace-nowrap" style="opacity: 0; transform: scale(0.9);">Create an agent</div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3.5 h-3.5 text-primary/50 flex-shrink-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="flex items-center gap-2"><div class="px-3 py-2 rounded-lg border border-primary/25 bg-primary/5 text-xs font-medium text-foreground whitespace-nowrap" style="opacity: 0; transform: scale(0.9);">Train it on your data</div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3.5 h-3.5 text-primary/50 flex-shrink-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="flex items-center gap-2"><div class="px-3 py-2 rounded-lg border border-primary/25 bg-primary/5 text-xs font-medium text-foreground whitespace-nowrap" style="opacity: 0; transform: scale(0.9);">Configure behaviour</div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3.5 h-3.5 text-primary/50 flex-shrink-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="flex items-center gap-2"><div class="px-3 py-2 rounded-lg border border-primary/25 bg-primary/5 text-xs font-medium text-foreground whitespace-nowrap" style="opacity: 0; transform: scale(0.9);">Connect a channel</div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3.5 h-3.5 text-primary/50 flex-shrink-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="flex items-center gap-2"><div class="px-3 py-2 rounded-lg border border-primary/25 bg-primary/5 text-xs font-medium text-foreground whitespace-nowrap" style="opacity: 0; transform: scale(0.9);">Go live</div></div></div></div><div class="rounded-xl border border-border bg-card p-5"><p class="text-[11px] font-bold uppercase tracking-wider text-muted-foreground mb-4">Dashboard map</p><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3"><div class="rounded-lg border border-border bg-background/50 p-3"><p class="text-[10px] font-bold uppercase tracking-wider mb-2" style="color: rgb(249, 115, 22);">Main</p><div class="flex flex-wrap gap-1.5"><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Overview</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Playground</span></div></div><div class="rounded-lg border border-border bg-background/50 p-3"><p class="text-[10px] font-bold uppercase tracking-wider mb-2" style="color: rgb(0, 62, 255);">AI Agent Management</p><div class="flex flex-wrap gap-1.5"><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">My Agents</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Agent Settings</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Customization</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Knowledge Base</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Integrations</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Connected</span></div></div><div class="rounded-lg border border-border bg-background/50 p-3"><p class="text-[10px] font-bold uppercase tracking-wider mb-2" style="color: rgb(16, 185, 129);">Conversations</p><div class="flex flex-wrap gap-1.5"><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">All Chats</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Inbox</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Support Tickets</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Leads</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Bookings</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Feedback</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Recovery</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">COD</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Stock Alerts</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Courier</span></div></div><div class="rounded-lg border border-border bg-background/50 p-3"><p class="text-[10px] font-bold uppercase tracking-wider mb-2" style="color: rgb(139, 92, 246);">Intelligence</p><div class="flex flex-wrap gap-1.5"><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">AI Advisor</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Visitors</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Analytics</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Usage</span></div></div><div class="rounded-lg border border-border bg-background/50 p-3"><p class="text-[10px] font-bold uppercase tracking-wider mb-2" style="color: rgb(239, 68, 68);">Account</p><div class="flex flex-wrap gap-1.5"><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Notifications</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Explore Features</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Team</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Billing</span><span class="px-2 py-0.5 rounded-md bg-muted text-[10px] text-muted-foreground">Help & Support</span></div></div></div></div><h2 class="text-xl sm:text-2xl font-bold text-foreground pt-4 scroll-mt-28">Who it is for</h2><ul class="space-y-2.5"><li class="flex gap-2.5 text-muted-foreground leading-relaxed"><span class="mt-[9px] w-1.5 h-1.5 rounded-full bg-primary/60 flex-shrink-0"></span><span class="text-sm sm:text-[15px]">Business owners who lose enquiries after hours</span></li><li class="flex gap-2.5 text-muted-foreground leading-relaxed"><span class="mt-[9px] w-1.5 h-1.5 rounded-full bg-primary/60 flex-shrink-0"></span><span class="text-sm sm:text-[15px]">Marketers who want more qualified leads from the same traffic</span></li><li class="flex gap-2.5 text-muted-foreground leading-relaxed"><span class="mt-[9px] w-1.5 h-1.5 rounded-full bg-primary/60 flex-shrink-0"></span><span class="text-sm sm:text-[15px]">Support teams drowning in repeat questions</span></li><li class="flex gap-2.5 text-muted-foreground leading-relaxed"><span class="mt-[9px] w-1.5 h-1.5 rounded-full bg-primary/60 flex-shrink-0"></span><span class="text-sm sm:text-[15px]">E-commerce stores fighting RTO, abandoned carts and âwhere is my order?â</span></li><li class="flex gap-2.5 text-muted-foreground leading-relaxed"><span class="mt-[9px] w-1.5 h-1.5 rounded-full bg-primary/60 flex-shrink-0"></span><span class="text-sm sm:text-[15px]">Developers who want a one-line embed and a clean API</span></li></ul><div class="flex gap-3 p-4 rounded-xl border" style="border-color: rgba(16, 185, 129, 0.19); background-color: rgba(16, 185, 129, 0.05);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb w-4 h-4 flex-shrink-0 mt-0.5" style="color: rgb(16, 185, 129);"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg><div class="min-w-0"><p class="text-[11px] font-bold uppercase tracking-wider mb-1" style="color: rgb(16, 185, 129);">Tip</p><p class="text-sm text-muted-foreground leading-relaxed">New here? Follow Quick Start â it takes about 5 minutes from signup to a live agent on your site.</p></div></div></div><div class="mt-12"><h3 class="text-lg font-bold text-foreground mb-5">Jump to a section</h3><div class="grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4"><div style="opacity: 1; transform: none;"><div class="spotlight-card h-full rounded-xl"><button class="group flex h-full w-full flex-col p-5 rounded-xl border border-border bg-card text-left transition-colors duration-200 hover:border-primary/30"><div class="flex items-center gap-3 mb-2"><div class="w-9 h-9 rounded-lg flex items-center justify-center border border-primary/20 bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-4 h-4"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><div><h4 class="font-semibold text-foreground text-sm">Quick Start</h4><p class="text-[11px] text-muted-foreground">Live in 5 minutes</p></div></div><div class="flex items-center gap-1 text-[10px] font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-200">Read docs <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></button></div></div><div style="opacity: 1; transform: none;"><div class="spotlight-card h-full rounded-xl"><button class="group flex h-full w-full flex-col p-5 rounded-xl border border-border bg-card text-left transition-colors duration-200 hover:border-primary/30"><div class="flex items-center gap-3 mb-2"><div class="w-9 h-9 rounded-lg flex items-center justify-center border border-primary/20 bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-terminal w-4 h-4"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" x2="20" y1="19" y2="19"></line></svg></div><div><h4 class="font-semibold text-foreground text-sm">Installation</h4><p class="text-[11px] text-muted-foreground">Any website, any stack</p></div></div><div class="flex items-center gap-1 text-[10px] font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-200">Read docs <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></button></div></div><div style="opacity: 1; transform: none;"><div class="spotlight-card h-full rounded-xl"><button class="group flex h-full w-full flex-col p-5 rounded-xl border border-border bg-card text-left transition-colors duration-200 hover:border-primary/30"><div class="flex items-center gap-3 mb-2"><div class="w-9 h-9 rounded-lg flex items-center justify-center border border-primary/20 bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-puzzle w-4 h-4"><path d="M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z"></path></svg></div><div><h4 class="font-semibold text-foreground text-sm">All Integrations</h4><p class="text-[11px] text-muted-foreground">Every channel we support</p></div></div><div class="flex items-center gap-1 text-[10px] font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-200">Read docs <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></button></div></div><div style="opacity: 1; transform: none;"><div class="spotlight-card h-full rounded-xl"><button class="group flex h-full w-full flex-col p-5 rounded-xl border border-border bg-card text-left transition-colors duration-200 hover:border-primary/30"><div class="flex items-center gap-3 mb-2"><div class="w-9 h-9 rounded-lg flex items-center justify-center border border-primary/20 bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-4 h-4"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle
159cx="12" cy="12" r="3"></circle></svg></div><div><h4 class="font-semibold text-foreground text-sm">Configuration</h4><p class="text-[11px] text-muted-foreground">Tune agent behaviour</p></div></div><div class="flex items-center gap-1 text-[10px] font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-200">Read docs <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></button></div></div><div style="opacity: 1; transform: none;"><div class="spotlight-card h-full rounded-xl"><button class="group flex h-full w-full flex-col p-5 rounded-xl border border-border bg-card text-left transition-colors duration-200 hover:border-primary/30"><div class="flex items-center gap-3 mb-2"><div class="w-9 h-9 rounded-lg flex items-center justify-center border border-primary/20 bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-help w-4 h-4"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg></div><div><h4 class="font-semibold text-foreground text-sm">Troubleshooting</h4><p class="text-[11px] text-muted-foreground">Fix it fast</p></div></div><div class="flex items-center gap-1 text-[10px] font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-200">Read docs <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></button></div></div></div></div><div class="mt-16 pt-8 border-t border-border flex items-center justify-between gap-4"><div></div><button class="text-sm text-primary hover:text-primary/80 transition-colors font-medium text-right">Quick Start â</button></div></div></div></div></div></div></main><footer class="border-t border-border bg-card/40"><div class="w-full px-5 sm:px-8 lg:px-14 xl:px-20 2xl:px-28 py-14 sm:py-16"><div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-8 sm:gap-10"><div class="col-span-2 sm:col-span-3 lg:col-span-2"><a class="flex items-center gap-2.5 mb-5" href="/"><img alt="Botvee" class="w-9 h-9 rounded-xl object-contain" src="/logos/Bot Vee Gradient Logo icon.png"><span class="font-bold text-xl text-foreground tracking-tight">Botvee<span class="text-primary">.ai</span></span></a><address class="not-italic text-sm text-muted-foreground space-y-2 mb-6 max-w-xs"><a href="tel:+923193981020" class="flex items-center gap-2.5 hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-4 h-4 shrink-0 text-muted-foreground/70"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>+92 319 3981020</a><a href="mailto:[email protected]" class="flex items-center gap-2.5 hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-4 h-4 shrink-0 text-muted-foreground/70"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg>[email protected]</a><p class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin w-4 h-4 shrink-0 mt-0.5 text-muted-foreground
159/70"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span>Ward No. 3, Near Government Boys High School, Golarchi, Badin, Pakistan</span></p></address><div class="flex flex-wrap items-center gap-2.5 mb-8"><a href="#" class="w-9 h-9 rounded-xl bg-secondary/50 flex items-center justify-center hover:bg-primary/10 transition-all border border-border/40 group" title="Web"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-4 h-4 text-muted-foreground group-hover:text-primary transition-colors"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></a><a href="/integrations" class="w-9 h-9 rounded-xl bg-secondary/50 flex items-center justify-center hover:bg-primary/10 transition-all border border-border/40 group" title="WhatsApp"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square w-4 h-4 text-muted-foreground group-hover:text-primary transition-colors"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg></a><a href="mailto:[email protected]" class="w-9 h-9 rounded-xl bg-secondary/50 flex items-center justify-center hover:bg-primary/10 transition-all border border-border/40 group" title="Email"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-4 h-4 text-muted-foreground group-hover:text-primary transition-colors"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></a><a href="https://www.facebook.com/share/1GrB6fVgn4/" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-xl bg-secondary/50 flex items-center justify-center hover:bg-primary/10 transition-all border border-border/40 group" title="Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook w-4 h-4 text-muted-foreground group-hover:text-primary transition-colors"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="https://www.instagram.com/botveeai" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-xl bg-secondary/50 flex items-center justify-center hover:bg-primary/10 transition-all border border-border/40 group" title="Instagram"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram w-4 h-4 text-muted-foreground group-hover:text-primary transition-colors"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="https://www.linkedin.com/company/botvee-ai/" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-xl bg-secondary/50 flex items-center justify-center hover:bg-primary/10 transition-all border border-border/40 group" title="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin w-4 h-4 text-muted-foreground group-hover:text-primary transition-colors"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="https://discord.gg/jpCQKkGmTY" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-xl bg-secondary/50 flex items-center justify-center hover:bg-primary/10 transition-all border border-border/40 group" title="Discord"><svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-muted-foreground group-hover:text-primary transition-colors"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18
1591.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.054-3.03.076.076 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.419 0 1.334-.947 2.419-2.157 2.419zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.419 0 1.334-.946 2.419-2.157 2.419z"></path></svg></a></div></div><div><h3 class="font-semibold text-xs text-foreground mb-4 uppercase tracking-widest">Product</h3><ul class="space-y-2.5"><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/product" target="_blank">Features</a></li><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/pricing" target="_blank">Pricing</a></li><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/integrations" target="_blank">Integrations</a></li><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/docs" target="_blank">Documentation</a></li><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/wordpress-guide" target="_blank">WordPress Guide</a></li></ul></div><div><h3 class="font-semibold text-xs text-foreground mb-4 uppercase tracking-widest">Company</h3><ul class="space-y-2.5"><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/about" target="_blank">About Us</a></li><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/blog" target="_blank">Blog</a></li><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/partner" target="_blank">Partner Program</a></li><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/contact" target="_blank">Contact</a></li></ul></div><div><h3 class="font-semibold text-xs text-foreground mb-4 uppercase tracking-widest">Compliance</h3><ul class="space-y-2.5"><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/gdpr" target="_blank">GDPR & Data Rights</a></li><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/subprocessors" target="_blank">Subprocessors</a></li><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/dpa" target="_blank">DPA</a></li><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/aup" target="_blank">Acceptable Use</a></li></ul></div><div><h3 class="font-semibold text-xs text-foreground mb-4 uppercase tracking-widest">Legal</h3><ul class="space-y-2.5"><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/privacy" target="_blank">Privacy Policy</a></li><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/terms" target="_blank">Terms of Service</a></li><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/refund-policy" target="_blank">Refund Policy</a></li><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/cookie-policy" target="_blank">Cookie Policy</a></li><li><a rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors duration-200" href="/security" target="_blank">Security Policy</a></li></ul></div></div><div class="mt-12 p-5 sm:p-6 rounded-2xl border border-primary/20 bg-primary/5 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4"><div class="flex items-center gap-3.5"><div class="w-10 h-10 rounded-xl bg-primary/15 flex items-center justify-center shrink-0"><img alt="Botvee" class="w-6 h-6 object-contain" src="/logos/Bot Vee Gradient Logo icon.png"></div><div><p class="text-sm font-semibold text-foreground">Ready to automate your support?</p><p class="text-xs text-muted-foreground mt-0.5">Start your free trial â no credit card required.</p></div></div><a rel="noopener noreferrer" aria-label="Get started â see plans and pricing" class="inline-flex items-center gap-1.5 text-sm font-semibold text-primary hover:text-primary/80 transition-colors whitespace-nowrap" href="/pricing" target="_blank">Get Started <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div><div class="mt-10 pt-8 border-t border-border flex flex-col items-center gap-5 overflow-hidden"><p class="text-[2rem] sm:text-[4rem] md:text-[6rem] lg:text-[8rem] xl:text-[10rem] font-extrabold text-foreground
159/[0.025] select-none leading-none text-center overflow-hidden w-full">BOTVEE.AI</p><div class="flex flex-col sm:flex-row items-center gap-3 text-xs text-muted-foreground"><p>© 2026 Botvee.ai. All rights reserved.</p><div class="hidden sm:block w-px h-3 bg-border"></div><div class="flex items-center gap-3"><a rel="noopener noreferrer" class="hover:text-foreground transition-colors" href="/privacy" target="_blank">Privacy</a><a rel="noopener noreferrer" class="hover:text-foreground transition-colors" href="/terms" target="_blank">Terms</a><a rel="noopener noreferrer" class="hover:text-foreground transition-colors" href="/refund-policy" target="_blank">Refund</a><a rel="noopener noreferrer" class="hover:text-foreground transition-colors" href="/cookie-policy" target="_blank">Cookies</a><button type="button" class="hover:text-foreground transition-colors">Cookie Settings</button><a rel="noopener noreferrer" class="hover:text-foreground transition-colors" href="/contact" target="_blank">Contact</a></div></div></div></div></footer></div><div class="relative"><style> 160 /* "Request desktop site" on a phone reports a ~980px-wide layout 161 viewport, so the desktop branch of windowStyle runs â but the 162 viewport is also ~2120px tall, and an uncapped 'calc(100vh - 6.5rem)' 163 drew a 340x2016 panel: a strip at aspect 1:5.9 running the whole 164 height of the screen. 165 166 Orientation is what separates the two cases, not size. A phone asking 167 for the desktop site is portrait; a monitor is landscape. Scoping the 168 clamp to portrait means real desktops â including 1440p and 4K, where 169 an absolute pixel ceiling would have cut the panel short â are not 170 touched at all. A rotated portrait monitor gets the clamp too, and 171 looks right for it. 172 173 max-height rather than height: a stylesheet cannot outrank the inline 174 height, but it can bound it. */ 175 @media (orientation: portrait) { 176 .botvee-chat-panel { max-height: min(70vh, 900px) !important; } 177 } 178 /* Header buttons had no hover or focus affordance at all â the only 179 cue was the cursor, and keyboard users got nothing. */ 180 .botvee-chat-hdr-btn { transition: background-color .15s, color .15s; } 181 .botvee-chat-hdr-btn:hover { background: rgba(148,163,184,0.16) !important; } 182 .botvee-chat-hdr-btn:focus-visible { 183 outline: 2px solid #2d5bff; 184 outline-offset: 2px; 185 } 186 /* The panel's width/height transition is inline, so a stylesheet needs 187 !important to bound it. Resizing is the one animation here big enough 188 to matter to someone who asked for less motion. */ 189 @media (prefers-reduced-motion: reduce) { 190 .botvee-chat-panel { transition: none !important; } 191 .botvee-chat-hdr-btn { transition: none !important; } 192 } 193 @keyframes botvee-bounce { 194 0%, 80%, 100% { transform: translateY(0); } 195 40% { transform: translateY(-6px); } 196 } 197 @keyframes botvee-pulse { 198 0%, 100% { transform: scale(1); opacity: 1; } 199 50% { transform: scale(1.15); opacity: 0.7; } 200 } 201 @keyframes botvee-ping { 202 0% { transform: scale(1); opacity: 0.4; } 203 100% { transform: scale(2.2); opacity: 0; } 204 } 205 @keyframes botvee-recording-pulse { 206 0%, 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0.5); } 207 50% { box-shadow: 0 0 0 10px rgba(239,68,68,0); } 208 } 209 @keyframes botvee-recording-dot { 210 0%, 100% { opacity: 1; } 211 50% { opacity: 0.3; } 212 } 213 </style><button aria-label="Open chat" style="position: fixed; bottom: 1.5rem; z-index: 9999; right: 1.5rem; width: 58px; height: 58px; border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; background: linear-gradient(135deg, rgb(26, 110, 245), rgb(14, 165, 233)); display: flex; align-items: center; justify-content: center; box-shadow: rgba(26, 110, 245, 0.45) 0px 8px 30px; transition: transform 0.2s, box-shadow 0.2s;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle" style="width: 26px;
213 height: 26px; color: rgb(255, 255, 255);"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg><span style="position: absolute; inset: 0px; border-radius: 50%; background: rgba(26, 110, 245, 0.4); animation: 2s ease-out 0s infinite normal none running botvee-ping; pointer-events: none;"></span></button><audio src="/sounds/notifactions.mp3" preload="auto"></audio></div><div role="dialog" aria-modal="false" aria-label="Cookie preferences" class="fixed bottom-6 left-4 z-[100] sm:bottom-4 sm:left-4 sm:right-auto right-auto"><div class="overflow-hidden rounded-2xl border border-border bg-card shadow-2xl w-auto max-w-[calc(100vw-6.75rem)] sm:max-w-[calc(100vw-2rem)]"><div class="flex flex-col gap-2 px-3 py-2 sm:flex-row sm:flex-wrap sm:items-center sm:gap-x-2.5 sm:gap-y-2"><div class="flex items-center gap-2 sm:contents"><span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-primary/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cookie h-4 w-4 text-primary"><path d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5"></path><path d="M8.5 8.5v.01"></path><path d="M16 15.5v.01"></path><path d="M12 12v.01"></path><path d="M11 17v.01"></path><path d="M7 14v.01"></path></svg></span><span class="hidden text-[13px] font-semibold text-foreground sm:inline">Cookies</span><a class="shrink-0 text-[12px] text-primary underline underline-offset-2 hover:no-underline" href="/cookie-policy">Cookie Policy</a><button type="button" aria-expanded="false" aria-controls="cookie-consent-details" class="ml-auto flex h-9 w-9 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground sm:hidden"><span class="sr-only">Show cookie details</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up h-4 w-4"><path d="m18 15-6-6-6 6"></path></svg></button></div><div class="flex shrink-0 items-center gap-2 sm:ml-auto sm:gap-1.5"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 hover:shadow-lg hover:shadow-primary/25 h-11 flex-1 rounded-lg px-3 text-[13px] sm:h-8 sm:flex-none sm:text-[12px]">Accept</button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-border bg-background hover:bg-muted hover:text-foreground h-11 flex-1 rounded-lg px-3 text-[13px] sm:h-8 sm:flex-none sm:text-[12px]">Refuse</button><button type="button" aria-expanded="false" aria-controls="cookie-consent-details" class="hidden h-7 w-7 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground sm:flex"><span class="sr-only">Show cookie details</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up h-4 w-4"><path d="m18 15-6-6-6 6"></path></svg></button></div></div></div></div><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events: none;"><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div>
213<section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section></div> 214
214<script> 215 // Reveal #root after React mounts (prevents FOUC) 216 (function(){ 217 var r=document.getElementById('root'); 218 if(r){ 219 new MutationObserver(function(m,o){ 220 if(r.children.length>0){r.classList.add('hydrated');o.disconnect();} 221 }).observe(r,{childList:true}); 222 } 223 })(); 224 </script>
224 225 226
227<script id="bv-app-route-guard">(function(){try{if(!window.__bvAppRoute)return;var r=document.getElementById("root");if(r)r.innerHTML="";var s=document.getElementById("bv-app-route-hide");if(s&&s.parentNode)s.parentNode.removeChild(s);}catch(e){}})();</script>
227</body></html>
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.