https://www.botvee.ai/assets/BlogPost-Ru-TcJVW.js

1var $e=Object.defineProperty;var o=(s,c)=>$e(s,"name",{value:c,configurable:!0});import{j as e,m as p,aA as re,az as ee,aB as pe,an as _e,w as se,aC as ae,P as X,s as Ee,aq as ye,J as oe,d as Pe,h as ve,aD as he,aE as fe,t as Le,aF as Te,aG as Ae,aH as Be,a5 as Re,B as ze,aI as Me,E as qe}from"./vendor-ui-CGbRblPw.js";import{L as Ue}from"./Layout-C-UUCFGD.js";import{S as J}from"./Section-DrLAU06Q.js";import{g as De,h as Fe,d as we,r as n,L as ne}from"./vendor-react-B7SHFsLe.js";import{A as W,B as Z}from"./index-ClNjN171.js";import{r as He,e as Oe,M as Ve}from"./blogMarkdown-B_S_XHoA.js";import"./Navbar-Bltgc3yw.js";import"./use-theme-DCEGqvuW.js";import"./theme-color-BvlACSgM.js";import"./Footer-D-DOb_Zx.js";import"./vendor-query-BpyaVjbq.js";const D="https://botvee.ai",ie=o(s=>(s||"").replace(/!\[[^\]]*\]\([^)]*\)/g," ").replace(/\[([^\]]+)\]\([^)]*\)/g,"$1").replace(/\[color=[^\]]*\]|\[\/color\]/gi,"").replace(/[*_`#>~]/g,"").replace(/\s+/g," ").trim(),"plain");function Je(s,c){var $;const l=`${D}/blog/${s.slug}`,d=s.author_profile,t=((d==null?void 0:d.socialLinks)||[]).map(u=>u.url).filter(Boolean),C=ie(s.content).split(" ").filter(Boolean).length,L=s.author?{"@type":"Person",name:s.author,...d?{url:`${D}/blog/author/${d.id}`}:{},...d!=null&&d.role?{jobTitle:d.role}:{},...t.length?{sameAs:t}:{}}:{"@id":`${D}/#organization`},M={"@type":"BlogPosting","@id":`${l}#article`,headline:s.title,description:s.meta_description||s.excerpt||void 0,url:l,mainEntityOfPage:l,image:s.cover_image_url||void 0,datePublished:s.published_at||void 0,dateModified:s.updated_at||s.published_at||void 0,author:L,publisher:{"@id":`${D}/#organization`},articleSection:s.category||void 0,keywords:($=s.tags)!=null&&$.length?s.tags.join(", "):void 0,wordCount:C||void 0},j={"@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:`${D}/`},{"@type":"ListItem",position:2,name:"Blog",item:`${D}/blog`},{"@type":"ListItem",position:3,name:s.title,item:l}]},I=c.map(u=>({question:ie(u.question),answer:ie(u.answer)})).filter(u=>u.question&&u.answer),T=I.length?{"@type":"FAQPage","@id":`${l}#faq`,mainEntity:I.map(u=>({"@type":"Question",name:u.question,acceptedAnswer:{"@type":"Answer",text:u.answer}}))}:null;return{"@context":"https://schema.org","@graph":[M,j,...T?[T]:[]]}}o(Je,"blogPostJsonLd");const We=o(s=>JSON.stringify(s).replace(/</g,"\\u003c"),"jsonLdScript"),je={"AI & Automation":"bg-primary/10 text-primary border-primary/20",Sales:"bg-accent/10 text-accent border-accent/20",Guides:"bg-emerald-500/10 text-emerald-400 border-emerald-500/20",Strategy:"bg-amber-500/10 text-amber-400 border-amber-500/20",Data:"bg-violet-500/10 text-violet-400 border-violet-500/20",Design:"bg-pink-500/10 text-pink-400 border-pink-500/20",Product:"bg-cyan-500/10 text-cyan-400 border-cyan-500/20"},Ge=o(s=>new Date(s).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"}),"formatDate");function Ne(){var l;const s="botvee-visitor-id";let c="";try{c=localStorage.getItem(s)||"",/^[A-Za-z0-9_-]{8,64}$/.test(c)||(c=(((l=crypto.randomUUID)==null?void 0:l.call(crypto))||`${Date.now()}-${Math.random()}`).replace(/[^A-Za-z0-9_-]/g,"").slice(0,64),localStorage.setItem(s,c))}catch{c="anonymous-session-id"}return c}o(Ne,"visitorId");const ge=o(s=>{const c=Date.now()-new Date(s).getTime(),l=Math.round(c/6e4);if(l<1)return"Just now";if(l<60)return`${l} min ago`;const d=Math.round(l/60);if(d<24)return`${d} hour${d===1?"":"s"} ago`;const t=Math.round(d/24);return t<30?`${t} day${t===1?"":"s"} ago`:new Date(s).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})},"timeAgo"),Ye=o(({slug:s,preview:c=!1})=>{const l=`blog-vote:${s}`,d=`blog-reviewed:${s}`,[t,C]=n.useState({count:0,average:null,likes:0,dislikes:0}),[L,M]=n.useState([]),[j,I]=n.useState(null),[T,$]=n.useState(!1),[u,H]=n.useState(0),[b,A]=n.useState(0),[y,S]=n.useState(""),[N,B]=n.useState(""),[q,G]=n.useState(""),[R,O]=n.useState(!1),[_,U]=n.useState(""),[x,Y]=n.useState(!1);n.useEffect(()=>{try{const a=localStorage.getItem(l);(a==="like"||a==="dislike")&&I(a),$(localStorage.getItem(d)==="1")}catch{}(async()=>{try{const a=await fetch(`${W}/api/blog/${s}/reviews`);if(!a.ok)throw new Error;const v=await a.json();M(v.reviews||[]),C(v.summary||{count:0,average:null,likes:0,dislikes:0})}catch{Y(!0)}})()},[s,l,d]);const V=o(async a=>{const v=j;I(a);try{const k=await fetch(`${W}/api/blog/${s}/reactions`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({reaction:a,visitorId:Ne()})}),f=await k.json();if(!k.ok)throw new Error(f.error||"Could not record that.");C(E=>({...E,likes:f.likes,dislikes:f.dislikes}));try{localStorage.setItem(l,a)}catch{}}catch{I(v),U("Couldn't record that just now.")}},"vote"),z=o(async a=>{if(a.preventDefault(),!(!y.trim()||!N.trim()||!q.trim())){O(!0),U("");try{const v=await fetch(`${W}/api/blog/${s}/reviews`,{method:"POST",headers:{"Content-Type":"application/json"}

1,body:JSON.stringify({name:y,email:N,comment:q,rating:u||null})}),k=await v.json();if(!v.ok)throw new Error(k.error||"Could not save your review.");M(f=>[k.review,...f]),C(f=>{if(!u)return f;const E=f.count+1,K=Math.round(((f.average||0)*f.count+u)/E*10)/10;return{...f,count:E,average:K}}),$(!0);try{localStorage.setItem(d,"1")}catch{}S(""),B(""),G(""),H(0),U("Thanks — your review is live.")}catch(v){const k=v instanceof Error?v.message:"Could not save your review.";if(U(k),/already reviewed/i.test(k)){$(!0);try{localStorage.setItem(d,"1")}catch{}}}finally{O(!1)}}},"submitReview");return x&&!c?null:e.jsxs("div",{className:"my-8 p-6 rounded-2xl border border-border bg-card shadow-sm space-y-6",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx("h4",{className:"text-sm font-semibold text-foreground",children:"Was this article useful?"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("button",{onClick:o(()=>V("like"),"onClick"),"aria-pressed":j==="like",className:`flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-xs font-medium transition-colors ${j==="like"?"border-primary bg-primary/10 text-primary":"border-border text-muted-foreground hover:border-primary/40 hover:text-primary"}`,children:[e.jsx(Ae,{className:"h-3.5 w-3.5"})," ",t.likes]}),e.jsxs("button",{onClick:o(()=>V("dislike"),"onClick"),"aria-pressed":j==="dislike",className:`flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-xs font-medium transition-colors ${j==="dislike"?"border-destructive bg-destructive/10 text-destructive":"border-border text-muted-foreground hover:border-destructive/40 hover:text-destructive"}`,children:[e.jsx(Be,{className:"h-3.5 w-3.5"})," ",t.dislikes]})]}),t.average!==null&&e.jsxs("span",{className:"ml-auto text-xs text-muted-foreground",children:[e.jsx("span",{className:"text-yellow-500",children:"★"})," ",t.average," average from ",t.count," review",t.count===1?"":"s"]})]}),e.jsx("hr",{className:"border-border/50"}),T?e.jsx("p",{className:"text-sm text-muted-foreground",children:"Thanks for reviewing this article — one review per reader keeps the ratings honest."}):e.jsxs("form",{onSubmit:z,className:"space-y-3",children:[e.jsx("h4",{className:"text-sm font-semibold text-foreground",children:"Leave a review"}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[[1,2,3,4,5].map(a=>e.jsx("button",{type:"button",onClick:o(()=>H(a),"onClick"),onMouseEnter:o(()=>A(a),"onMouseEnter"),onMouseLeave:o(()=>A(0),"onMouseLeave"),"aria-label":`Rate ${a} out of 5`,className:"text-2xl transition-transform active:scale-95 duration-100",children:e.jsx("span",{className:(b||u)>=a?"text-yellow-500":"text-muted-foreground/30",children:"★"})},a)),u>0&&e.jsxs("span",{className:"ml-2 text-xs text-muted-foreground",children:[u,"/5"]})]}),e.jsxs("div",{className:"grid gap-3 sm:grid-cols-2",children:[e.jsx("input",{type:"text",placeholder:"Your name",value:y,required:!0,maxLength:120,onChange:o(a=>S(a.target.value),"onChange"),className:"w-full text-sm px-3.5 py-2.5 rounded-xl border border-border bg-background focus:outline-none focus:ring-1 focus:ring-primary/40 text-foreground placeholder:text-muted-foreground/50"}),e.jsx("input",{type:"email",placeholder:"Your email",value:N,required:!0,onChange:o(a=>B(a.target.value),"onChange"),className:"w-full text-sm px-3.5 py-2.5 rounded-xl border border-border bg-background focus:outline-none focus:ring-1 focus:ring-primary/40 text-foreground placeholder:text-muted-foreground/50"})]}),e.jsx("textarea",{placeholder:"What did you think?",value:q,rows:3,required:!0,maxLength:4e3,onChange:o(a=>G(a.target.value),"onChange"),className:"w-full text-sm px-3.5 py-2.5 rounded-xl border border-border bg-background focus:outline-none focus:ring-1 focus:ring-primary/40 text-foreground placeholder:text-muted-foreground/50 resize-none"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx("button",{type:"submit",disabled:R,className:"px-4 py-2 text-xs font-semibold rounded-xl bg-primary text-primary-foreground hover:bg-primary/95 transition-all active:scale-95 disabled:opacity-60",children:R?"Posting…":"Post review"}),e.jsx("span",{className:"text-[11px] text-muted-foreground",children:"Your email is never published — it's how we keep it to one review each."})]})]}),_&&e.jsx("p",{className:"text-xs text-muted-foreground",children:_}),L.length>0&&e.jsxs("div",{className:"space-y-3.5 pt-2",children:[e.jsxs("h4",{className:"text-xs font-semibold text-muted-foreground uppercase tracking-wider",children:["Reviews (",L.length,")"]}),e.jsx("div",{className:"space-y-3 max-h-[300px] overflow-y-auto pr-1",children:L.map(a=>e.jsxs("div",{className:"p-3.5 rounded-xl bg-secondary/25 border border-border/40",children:[e.jsxs("div",{className:"flex justify-between items-center mb-1",children:[e.jsxs("span",{className:"flex items-center gap-2 text-xs font-semibold text-foreground",children:[a.name,a.rating&&e.jsx("span",{className:"text-yellow-500",children:"★".repeat(a.rating)})]}),e.jsx("span",{className:"text-[10px] text-muted-foreground",children:ge(a.created_at)})]}),e.jsx("p",{className:"text-xs text-muted-foreground leading-relaxed",children:a.comment}),a.reply&&e.jsxs("div",{className:"mt-2.5 rounded-lg border-l-2 border-primary/50 bg-primary/[0.06] py-2 pl-3 pr-2",children:[e.jsxs("p",{className:"mb-0.5 text-[11px] font-semibold text-primary",children:[a.reply_by||"Botvee"," replied",a.replied_at?` · ${ge(a.replied_at)}`:""]}),e.jsx("p",{className:"text-xs leading-relaxed text-muted-foreground",children:a.reply})]})]},a.id))})]})]})},"ReaderFeedback"),be=o(({className:s})=>

1e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:s,stroke:"none",children:e.jsx("path",{d:"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"})}),"XIcon"),F=o(({icon:s,label:c,onClick:l})=>e.jsxs("button",{onClick:l,className:"flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border border-border bg-card hover:border-primary/40 hover:text-primary hover:bg-primary/5 text-muted-foreground transition-all duration-200",children:[e.jsx(s,{className:"w-3 h-3"}),c]}),"ShareButton"),Ke=o(({post:s,index:c})=>{const l=we(),d=n.useRef(null),t=Re(d,{once:!0,margin:"-40px"}),C=je[s.category]||"bg-primary/10 text-primary border-primary/20";return e.jsxs(p.article,{ref:d,initial:{opacity:0,y:20},animate:t?{opacity:1,y:0}:{},transition:{delay:c*.1,duration:.45},whileHover:{y:-4},onClick:o(()=>l(`/blog/${s.slug}`),"onClick"),className:"group relative rounded-3xl border border-border bg-card hover:border-primary/25 hover:shadow-lg hover:shadow-primary/5 transition-all duration-300 cursor-pointer overflow-hidden flex flex-col h-full",children:[s.cover_image_url&&e.jsx("div",{className:"w-full aspect-[2/1] overflow-hidden border-b border-border bg-secondary/20",children:e.jsx("img",{src:s.cover_image_url,alt:s.title,loading:"lazy",className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"})}),e.jsxs("div",{className:"p-5 flex flex-col flex-1",children:[s.category&&e.jsxs("span",{className:`inline-flex items-center gap-1 text-[10px] font-semibold px-2.5 py-0.5 rounded-full border ${C} mb-3 self-start`,children:[e.jsx(ye,{className:"w-2.5 h-2.5"})," ",s.category]}),e.jsx("h4",{className:"text-sm font-bold text-foreground mb-2 group-hover:text-primary transition-colors duration-200 leading-snug flex-1",children:s.title}),e.jsx("p",{className:"text-xs text-muted-foreground leading-relaxed mb-3 line-clamp-2",children:s.excerpt}),e.jsxs("div",{className:"flex items-center justify-between pt-3 border-t border-border/50 mt-auto",children:[e.jsxs("div",{className:"flex items-center gap-1.5 text-[11px] text-muted-foreground",children:[e.jsx(ve,{className:"w-3 h-3"}),e.jsx("span",{children:s.read_time})]}),e.jsx(ee,{className:"w-3.5 h-3.5 text-primary opacity-0 group-hover:opacity-100 transition-opacity duration-200"})]})]})]})},"RelatedCard"),Qe=o(()=>e.jsxs("div",{className:"animate-pulse space-y-5 max-w-3xl mx-auto",children:[e.jsx("div",{className:"h-5 w-28 rounded-full bg-card border border-border"}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"h-9 rounded-xl bg-card border border-border w-4/5"}),e.jsx("div",{className:"h-9 rounded-xl bg-card border border-border w-3/5"})]}),e.jsx("div",{className:"h-5 rounded-lg bg-card border border-border"}),e.jsx("div",{className:"h-5 rounded-lg bg-card border border-border w-5/6"}),e.jsx("div",{className:"flex gap-3 pt-1",children:[1,2,3].map(s=>e.jsx("div",{className:"h-4 w-20 rounded-full bg-card border border-border"},s))}),e.jsx("div",{className:"h-px bg-border"}),[100,80,100,65,100,90,70].map((s,c)=>e.jsx("div",{style:{width:`${s}%`},className:"h-4 rounded bg-card border border-border"},c))]}),"PostSkeleton"),ct=o(()=>{var ue;const{slug:s}=De(),[c]=Fe(),l=c.get("preview")==="1",d=we(),[t,C]=n.useState(null),[L,M]=n.useState([]),[j,I]=n.useState(!0),[T,$]=n.useState(null),[u,H]=n.useState(!1),[b,A]=n.useState(!1),[y,S]=n.useState(!1),[N,B]=n.useState(0),[q,G]=n.useState(""),R=n.useRef(!1),O=n.useRef(null);n.useEffect(()=>{R.current=b},[b]);const _=n.useRef(!1);n.useEffect(()=>{_.current=y},[y]),n.useEffect(()=>{window.scrollTo({top:0,behavior:"smooth"})},[s]),n.useEffect(()=>{!s||l||fetch(`${W}/api/blog/${s}/view`,{method:"POST",headers:{"Content-Type":"application/json"},keepalive:!0,body:JSON.stringify({visitorId:Ne(),referrer:document.referrer||""})}).catch(()=>{})},[s,l]),n.useEffect(()=>{s&&(async()=>{I(!0),$(null);try{const r=await fetch(`${W}/api/blog/${s}${l?"?preview=1":""}`,{credentials:"include"});if(!r.ok)throw new Error("Not found");const i=await r.json();C(i.post??null),M(i.related??[])}catch(r){console.error("[BlogPost] Error loading post:",r),$("This article could not be found.")}finally{I(!1)}})()},[s,l]);const{nodes:U,ttsChunks:x,faqs:Y}=n.useMemo(()=>

1{if(!t)return{nodes:[],ttsChunks:[],faqs:[]};const r=(t.toc_enabled&&!/\[\[toc\]\]/i.test(t.content||""),t.content||""),i=[],m=He(r,{onFaq:o(w=>i.push(w),"onFaq")}),h=o(w=>(w||"").replace(/<[^>]+>/g,"").replace(/[#_*[\]`]/g,"").trim(),"clean"),g=[{id:"tts-chunk-title",text:h(t.title)},{id:"tts-chunk-excerpt",text:h(t.excerpt)}].filter(w=>w.text);return{nodes:m.nodes,ttsChunks:[...g,...m.ttsChunks],faqs:i}},[t]),V=n.useMemo(()=>t&&!l&&(!t.status||t.status==="published")?We(Je({...t,content:t.content||""},Y)):null,[t,Y,l]),z=n.useMemo(()=>{const r=x.reduce((i,m)=>i+m.text.split(/\s+/).length,0);return Math.max(10,Math.floor(r/150*60))},[x]),a=b&&!y,[v,k]=n.useState(0);n.useEffect(()=>{k(x.length?Math.floor(N/x.length*z):0)},[N,x.length,z]),n.useEffect(()=>{if(!a)return;const r=setInterval(()=>k(i=>Math.min(i+1,z)),1e3);return()=>clearInterval(r)},[a,z]);const f=o(r=>`${Math.floor(r/60)}:${Math.floor(r%60).toString().padStart(2,"0")}`,"formatTime");n.useEffect(()=>{if(document.querySelectorAll(".tts-highlightable").forEach(r=>r.classList.remove("tts-active")),b&&!y&&x[N]){const r=document.getElementById(x[N].id);r&&(r.classList.add("tts-active"),r.scrollIntoView({behavior:"smooth",block:"center"}))}},[N,b,y,x]),n.useEffect(()=>()=>{var r;(r=window.speechSynthesis)==null||r.cancel()},[]);const E=o(r=>{if(!x[r]){A(!1),S(!1),B(0);return}window.speechSynthesis.cancel();const i=new SpeechSynthesisUtterance(x[r].text),m=window.speechSynthesis.getVoices(),h=m.find(g=>g.lang.includes("en-US")&&g.name.includes("Natural"))||m.find(g=>g.lang.includes("en-US"));h&&(i.voice=h),i.rate=1.05,i.pitch=1.05,i.onend=()=>{!R.current||_.current||B(g=>{const w=g+1;return w<x.length?(setTimeout(()=>E(w),50),w):(A(!1),S(!1),0)})},i.onerror=g=>{g.error!=="canceled"&&g.error!=="interrupted"&&(A(!1),S(!1))},window.speechSynthesis.speak(i)},"speakCurrentChunk"),K=o(r=>{const i=document.getElementById(r),m=i==null?void 0:i.querySelector('[id^="tts-chunk-"]');return m?x.findIndex(h=>h.id===m.id):-1},"chunkIndexForHeading"),te=o(r=>{R.current=!0,_.current=!1,A(!0),S(!1),B(r),window.speechSynthesis.cancel(),setTimeout(()=>E(r),50)},"startFromChunk"),Q=o(()=>{if("speechSynthesis"in window){if(b&&!y){_.current=!0,S(!0),window.speechSynthesis.cancel();return}if(b&&y){_.current=!1,S(!1),window.speechSynthesis.cancel(),setTimeout(()=>E(N),50);return}!t||x.length===0||te(0)}},"handlePlayAudio"),ke=o(()=>{var r;(r=window.speechSynthesis)==null||r.cancel(),A(!1),S(!1),B(0)},"handleStopAudio"),Se=o(r=>{const i=parseInt(r.target.value,10);B(i),b&&(window.speechSynthesis.cancel(),setTimeout(()=>E(i),50))},"handleSeek"),P=n.useMemo(()=>t?Oe(t.content||""):[],[t]);n.useEffect(()=>{if(!P.length)return;const r=o(()=>{const i=window.scrollY+140;for(let m=P.length-1;m>=0;m--){const h=document.getElementById(P[m].id);if(h&&h.offsetTop<=i){G(P[m].id);break}}},"handleScroll");return window.addEventListener("scroll",r,{passive:!0}),r(),()=>window.removeEventListener("scroll",r)},[P]);const le=o(r=>{var i,m;if((i=O.current)==null||i.removeAttribute("open"),(m=document.getElementById(r))==null||m.scrollIntoView({behavior:"smooth"}),b&&!y){const h=K(r);h>=0&&te(h)}},"scrollToToc");n.useEffect(()=>{const r=o(i=>{var w,xe;const m=(xe=(w=i.target).closest)==null?void 0:xe.call(w,'a[href^="#"]');if(!m||!R.current||_.current)return;const h=decodeURIComponent((m.getAttribute("href")||"").slice(1));if(!h)return;const g=K(h);g>=0&&te(g)},"onClick");return document.addEventListener("click",r),()=>document.removeEventListener("click",r)},[x]);const de=o(async()=>{await navigator.clipboard.writeText(window.location.href),H(!0),setTimeout(()=>H(!1),2e3)},"handleCopyLink"),ce=o(()=>window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent((t==null?void 0:t.title)??"")}&url=${encodeURIComponent(window.location.href)}`,"_blank"),"handleTwitterShare"),me=o(()=>window.open(`https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(window.location.href)}`,"_blank"),"handleLinkedinShare"),Ce=t?je[t.category]??"bg-primary/10 text-primary border-primary/20":"",Ie=[{label:"ChatGPT",href:"https://chatgpt.com/?q=",icon:e.jsx(ze,{className:"w-4 h-4 text-foreground

1/70"})},{label:"Perplexity",href:"https://www.perplexity.ai/?q=",icon:e.jsx(Me,{className:"w-4 h-4 text-foreground/70"})},{label:"Grok",href:"https://x.com/i/grok?text=",icon:e.jsx("span",{className:"font-bold text-sm leading-none mb-[2px] text-foreground/70",children:"𝕏"})},{label:"Claude",href:"https://claude.ai/new?q=",icon:e.jsx(qe,{className:"w-4 h-4 text-[#D97757]"})}];return e.jsxs(Ue,{title:t?`${t.title} | Botvee AI Blog`:"Loading Article... | Botvee AI Blog",children:[e.jsx(Ve,{}),e.jsx("div",{className:"fixed inset-0 pointer-events-none opacity-[0.025] z-0",style:{backgroundImage:"linear-gradient(hsl(var(--primary)) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--primary)) 1px, transparent 1px)",backgroundSize:"60px 60px"}}),e.jsx(J,{className:"pt-6 pb-0 relative z-10",children:e.jsxs(p.div,{initial:{opacity:0,x:-8},animate:{opacity:1,x:0},transition:{duration:.3},className:"flex items-center gap-2 text-xs text-muted-foreground",children:[e.jsxs(ne,{to:"/blog",className:"flex items-center gap-1.5 hover:text-primary transition-colors duration-200 font-medium group",children:[e.jsx(re,{className:"w-3.5 h-3.5 group-hover:-translate-x-0.5 transition-transform duration-200"}),"Back to Blog"]}),t&&e.jsxs(e.Fragment,{children:[e.jsx(ee,{className:"w-3 h-3 opacity-30"}),e.jsx("span",{className:"truncate max-w-[200px] sm:max-w-sm opacity-60",children:t.title})]})]})}),j&&e.jsx(J,{className:"pt-10 pb-20 relative z-10",children:e.jsx(Qe,{})}),!j&&T&&e.jsx(J,{className:"pt-16 pb-24 relative z-10",children:e.jsxs(p.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},className:"max-w-md mx-auto text-center",children:[e.jsx("div",{className:"w-16 h-16 rounded-2xl bg-destructive/10 border border-destructive/20 flex items-center justify-center mx-auto mb-5",children:e.jsx(pe,{className:"w-7 h-7 text-destructive/70"})}),e.jsx("h2",{className:"text-lg font-bold text-foreground mb-2",children:"Article not found"}),e.jsx("p",{className:"text-sm text-muted-foreground mb-7",children:T}),e.jsxs(Z,{variant:"outline",onClick:o(()=>d("/blog"),"onClick"),className:"rounded-full gap-2 group",children:[e.jsx(re,{className:"w-4 h-4 group-hover:-translate-x-0.5 transition-transform duration-200"}),"Browse all articles"]})]})}),!j&&!T&&t&&e.jsxs(e.Fragment,{children:[V&&e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:V}}),e.jsxs(J,{className:"pt-10 pb-8 relative z-10",children:[t.status==="draft"&&e.jsxs("div",{className:"mb-6 flex items-center gap-2 rounded-xl border border-amber-500/30 bg-amber-500/10 px-4 py-3 text-sm text-amber-600 dark:text-amber-400",children:[e.jsx(_e,{className:"h-4 w-4 shrink-0"}),"Draft preview — this article is not published and readers can't reach it."]}),P.length>0&&e.jsx("div",{className:"xl:hidden sticky top-20 z-40 w-full mb-6 pb-2 bg-background/95 backdrop-blur-sm",children:e.jsxs("details",{ref:O,className:"p-4 rounded-xl border border-border bg-card shadow-sm group",children:[e.jsxs("summary",{className:"font-semibold text-foreground text-sm flex items-center justify-between cursor-pointer list-none select-none",children:[e.jsxs("span",{className:"flex items-center gap-2 flex-1",children:[e.jsx(se,{className:"w-4 h-4 text-primary"})," Table of contents"]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{onClick:o(r=>{r.preventDefault(),Q()},"onClick"),title:a?"Pause audio":"Play audio",className:"flex items-center justify-center w-6 h-6 rounded-full bg-primary/10 text-primary hover:bg-primary hover:text-primary-foreground transition-colors",children:a?e.jsx(ae,{className:"w-3 h-3 fill-current"}):e.jsx(X,{className:"w-3 h-3 fill-current ml-0.5"})}),e.jsx(ee,{className:"w-4 h-4 transition-transform duration-200 group-open:rotate-90 text-muted-foreground"})]})]}),e.jsx("ul",{className:"space-y-1 mt-4 pt-4 border-t border-border/50 max-h-[60vh] overflow-y-auto pr-2",children:P.map((r,i)=>e.jsx("li",{className:"w-full",children:e.jsx("button",{onClick:o(()=>le(r.id),"onClick"),className:`w-full flex items-center text-left text-xs transition-colors py-1.5 px-2 rounded-md leading-relaxed ${q===r.id?"text-primary font-semibold bg-primary/10":"text-muted-foreground hover:text-foreground hover:bg-secondary/40"} ${r.level===3?"pl-5":""}`,children:e.jsx("span",{className:"line-clamp-2",children:r.text})})},i))})]})}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 xl:grid-cols-[260px_1fr_300px] gap-8 max-w-[1300px] mx-auto w-full px-2 sm:px-4",children:[e.jsx("aside",{className:"block lg:hidden xl:block xl:col-span-1",children:P.length>0&&e.jsxs("div",{className:"hidden xl:block sticky top-24 p-4 rounded-xl border border-border bg-card/40 max-h-[calc(100vh-140px)] overflow-y-auto pr-1",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsxs("h4",{className:"flex items-center gap-1.5 font-semibold text-foreground text-xs m-0",children:[e.jsx(se,{className:"w-3.5 h-3.5 text-primary"})," Table of contents"]}),e.jsx("button",{onClick:Q,title:a?"Pause audio":"Play audio",className:"flex items-center justify-center w-5 h-5 rounded-full bg-primary/10 text-primary hover:bg-primary hover:text-primary-foreground transition-colors shrink-0",children:a?e.jsx(ae,{className:"w-2.5 h-2.5 fill-current"}):e.jsx(X,{className:"w-2.5 h-2.5 fill-current ml-0.5"})})]}),e.jsx("ul",{className:"space-y-1",children:P.map((r,i)=>e.jsx("li",{className:"w-full",children:e.jsx("button",{onClick:o(()=>le(r.id),"onClick"),className:`w-full flex items-start text-left text-[12px] transition-all duration-150 py-1.5 px-2 rounded-lg leading-snug ${q===r.id?"text-primary font-semibold bg-primary/10 border-l-2 border-primary":"text-muted-foreground hover:text-foreground hover:bg-secondary/30"} ${r.level===3?"pl-5":""}`,children:e.jsx("span",{className:"flex-1 line-clamp-2",children:r.text})})},i))})]})}),e.jsxs("div",{className:"lg:col-span-8 xl:col-span-1 min-w-0",children:[e.jsxs(p.div,{initial:{opacity:0,y:12}

1,animate:{opacity:1,y:0},transition:{duration:.4},className:"flex items-center gap-2 mb-5 flex-wrap",children:[t.is_featured&&e.jsxs("span",{className:"inline-flex items-center gap-1 text-[10px] font-semibold px-2.5 py-0.5 rounded-full border bg-primary/10 text-primary border-primary/20",children:[e.jsx(Ee,{className:"w-2.5 h-2.5"})," Featured"]}),t.category&&e.jsxs("span",{className:`inline-flex items-center gap-1 text-[10px] font-semibold px-2.5 py-0.5 rounded-full border ${Ce}`,children:[e.jsx(ye,{className:"w-2.5 h-2.5"})," ",t.category]})]}),e.jsx(p.h1,{id:"tts-chunk-title",initial:{opacity:0,y:22},animate:{opacity:1,y:0},transition:{delay:.07,duration:.55},className:"tts-highlightable rounded px-1 -mx-1 text-3xl sm:text-4xl md:text-5xl font-bold text-foreground mb-5 leading-tight tracking-tight transition-colors duration-300",children:t.title}),t.excerpt&&e.jsx(p.p,{id:"tts-chunk-excerpt",initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{delay:.13,duration:.5},className:"tts-highlightable rounded px-1 -mx-1 text-base sm:text-lg text-muted-foreground leading-relaxed mb-7 transition-colors duration-300",children:t.excerpt}),e.jsxs(p.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.2,duration:.45},className:"flex flex-wrap items-center gap-x-5 gap-y-3 pb-7 border-b border-border/60",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-x-4 gap-y-2 text-xs text-muted-foreground",children:[t.author&&(t.author_profile?e.jsxs(ne,{to:`/blog/author/${t.author_profile.id}`,className:"flex items-center gap-1.5 group/author",children:[t.author_profile.avatarUrl?e.jsx("img",{src:t.author_profile.avatarUrl,alt:t.author,className:"w-5 h-5 rounded-full object-cover border border-border"}):e.jsx(oe,{className:"w-3.5 h-3.5"}),e.jsx("span",{className:"font-medium text-foreground group-hover/author:text-primary group-hover/author:underline transition-colors",children:t.author})]}):e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(oe,{className:"w-3.5 h-3.5"}),e.jsx("span",{className:"font-medium text-foreground",children:t.author})]})),t.published_at&&e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(Pe,{className:"w-3.5 h-3.5"}),Ge(t.published_at)]}),t.read_time&&e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(ve,{className:"w-3.5 h-3.5"}),t.read_time]})]}),e.jsxs("div",{className:"sm:ml-auto flex items-center gap-2 flex-wrap",children:[e.jsx(F,{icon:be,label:"X",onClick:ce}),e.jsx(F,{icon:he,label:"LinkedIn",onClick:me}),e.jsx(F,{icon:fe,label:u?"Copied!":"Copy link",onClick:de})]})]}),t.cover_image_url&&e.jsx(p.div,{initial:{opacity:0,y:15},animate:{opacity:1,y:0},transition:{delay:.22,duration:.5},className:"w-full rounded-3xl overflow-hidden mt-8 mb-4 border border-border bg-secondary/15 shadow-md flex items-center justify-center p-1 sm:p-2",children:e.jsx("img",{src:t.cover_image_url,alt:t.title,className:"w-full h-auto max-h-[550px] object-contain rounded-2xl transition-transform duration-700 hover:scale-[1.01]"})}),e.jsx(p.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.25,duration:.45},className:"pt-4 pb-2",children:e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("p",{className:"text-sm font-medium text-foreground/80",children:"Summarize this post with AI"}),e.jsx("div",{className:"flex flex-wrap items-center gap-2.5",children:Ie.map(r=>e.jsxs("a",{href:`${r.href}${encodeURIComponent(`Summarize this article: ${window.location.href}`)}`,target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-2 px-3.5 py-2 rounded-xl border border-border/80 bg-secondary/30 hover:bg-secondary hover:border-border text-[13px] font-medium text-foreground transition-all duration-200",children:[r.icon," ",r.label]},r.label))})]})}),x.length>0&&e.jsx(p.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.26,duration:.45},className:"pb-1",children:e.jsxs("div",{className:"flex items-center gap-3 py-2 px-3.5 rounded-xl border border-border bg-secondary/20 hover:bg-secondary/30 transition-colors duration-300 relative overflow-hidden",children:[b&&!y&&e.jsx("div",{className:"absolute inset-0 bg-primary/[0.03] animate-pulse pointer-events-none"}),e.jsx("div",{className:"w-7 h-7 rounded-full bg-primary/10 flex items-center justify-center text-primary shrink-0 relative z-10",children:e.jsx(Le,{className:"w-3.5 h-3.5"})}),e.jsx("span",{className:"text-xs font-semibold text-foreground shrink-0 relative z-10",children:"Listen"}),e.jsxs("div",{className:"flex items-center gap-1.5 flex-1 relative z-10 min-w-0",children:[e.jsx("span",{className:"text-[10px] text-muted-foreground font-mono shrink-0",children:f(v)}),e.jsx("input",{type:"range",min:0,max:x.length-1,value:N,onChange:Se,"aria-label":"Seek article audio",className:"flex-1 h-[1.5px] rounded-full appearance-none bg-border outline-none [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-2 [&::-webkit-slider-thumb]:h-2 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-primary curs

1or-pointer hover:[&::-webkit-slider-thumb]:scale-125 transition-all min-w-0"}),e.jsx("span",{className:"text-[10px] text-muted-foreground font-mono shrink-0",children:f(z)})]}),e.jsx("div",{className:"flex items-center gap-1.5 shrink-0 relative z-10",children:b?e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:Q,"aria-label":a?"Pause":"Resume",className:"w-7 h-7 rounded-full bg-primary flex items-center justify-center text-primary-foreground hover:bg-primary/90 transition-all active:scale-95",children:a?e.jsx(ae,{className:"w-3 h-3 fill-current"}):e.jsx(X,{className:"w-3 h-3 fill-current ml-0.5"})}),e.jsx("button",{onClick:ke,"aria-label":"Stop",className:"w-6 h-6 rounded-full bg-card border border-border hover:bg-secondary flex items-center justify-center text-muted-foreground hover:text-foreground transition-all active:scale-95",children:e.jsx(Te,{className:"w-2 h-2 fill-current"})})]}):e.jsx("button",{onClick:Q,"aria-label":"Play article audio",className:"w-7 h-7 rounded-full bg-primary flex items-center justify-center text-primary-foreground hover:bg-primary/90 transition-all active:scale-95 pl-0.5",children:e.jsx(X,{className:"w-3 h-3 fill-current"})})})]})}),e.jsx(p.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{delay:.28,duration:.5},className:"pt-0 pb-8 border-b border-border/60",children:e.jsx("div",{className:"flow-root",children:U})}),L.length>0&&e.jsxs(p.div,{initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{delay:.32,duration:.5},className:"pt-8 pb-8 border-b border-border/60",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("h3",{className:"text-lg font-bold text-foreground m-0",children:"Recommended articles"}),e.jsx("div",{className:"flex-1 h-px bg-border/60"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-6",children:L.slice(0,2).map((r,i)=>e.jsx(Ke,{post:r,index:i},r.id))})]}),e.jsx(p.div,{initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{delay:.36,duration:.5},children:e.jsx(Ye,{slug:t.slug,preview:l})}),t.author_bio&&e.jsxs(p.div,{initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{delay:.44},className:"mt-10 p-5 sm:p-6 rounded-2xl border border-border bg-card flex gap-4 items-start",children:[(ue=t.author_profile)!=null&&ue.avatarUrl?e.jsx("img",{src:t.author_profile.avatarUrl,alt:t.author,className:"w-10 h-10 rounded-full object-cover border border-border shrink-0"}):e.jsx("div",{className:"w-10 h-10 rounded-full bg-primary/10 border border-primary/20 flex items-center justify-center shrink-0",children:e.jsx(oe,{className:"w-5 h-5 text-primary"})}),e.jsxs("div",{children:[t.author_profile?e.jsx(ne,{to:`/blog/author/${t.author_profile.id}`,className:"text-sm font-semibold text-foreground mb-1 hover:text-primary hover:underline inline-block",children:t.author}):e.jsx("p",{className:"text-sm font-semibold text-foreground mb-1",children:t.author}),e.jsx("p",{className:"text-xs text-muted-foreground leading-relaxed",children:t.author_bio})]})]}),e.jsxs(p.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.48},className:"mt-10 pt-8 pb-12 border-t border-border/60 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4",children:[e.jsxs(Z,{variant:"outline",onClick:o(()=>d("/blog"),"onClick"),className:"rounded-full gap-2 group",children:[e.jsx(re,{className:"w-4 h-4 group-hover:-translate-x-0.5 transition-transform duration-200"}),"Back to Blog"]}),e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx(F,{icon:be,label:"X",onClick:ce}),e.jsx(F,{icon:he,label:"LinkedIn",onClick:me}),e.jsx(F,{icon:fe,label:u?"Copied!":"Copy",onClick:de})]})]})]}),e.jsx("aside",{className:"hidden lg:block lg:col-span-4 xl:col-span-1 space-y-6 mt-8 lg:mt-0",children:e.jsxs("div",{className:"sticky top-24 space-y-5 flex flex-col sm:flex-row lg:flex-col gap-5 sm:gap-6 lg:gap-5",children:[e.jsxs("div",{className:"p-5 rounded-2xl border border-primary/10 bg-primary/[0.03] flex-1",children:[e.jsxs("h4",{className:"flex items-center gap-2 font-semibold text-primary mb-3 text-sm",children:[e.jsx(pe,{className:"w-4 h-4"})," What is Botvee?"]}),e.jsx("p",{className:"text-[13px] text-muted-foreground leading-relaxed",children:"Botvee is an AI agent platform that automates customer support across WhatsApp, websites, Shopify, and many more. It answers customer questions instantly, captures leads, and works 24/7 to keep your customers happy."})]}),e.jsxs("div",{className:"p-6 rounded-3xl border border-primary/20 bg-card text-center flex-1 shadow-sm",children:[e.jsx("h4",{className:"font-bold text-foreground text-xl sm:text-2xl mb-4 leading-tight tracking-tight",children:"Win back your team's time with AI"}),e.jsx("p",{className:"text-[14px] text-muted-foreground leading-relaxed mb-6",children:"Let a conversational AI agent handle FAQs and routine tasks 24/7, freeing your team for the work that counts."}),e.jsxs(Z,{variant:"hero",onClick:o(()=>d("/signup"),"onClick"),className:"w-[85%] mx-auto gap-2 rounded-xl py-5 font-semibold text-base",children:["Start for free ",e.jsx(ee,{className:"w-4 h-4"})]})]})]})})]})]}),e.jsx(J,{className:"pb-20 relative z-10",children:e.jsxs(p.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0}

1,className:"max-w-3xl mx-auto relative p-6 sm:p-10 md:p-14 rounded-3xl border border-primary/20 bg-card text-center overflow-hidden",children:[e.jsx(p.div,{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[400px] h-[400px] rounded-full pointer-events-none",style:{background:"radial-gradient(circle, hsl(var(--primary) / 0.06) 0%, transparent 70%)"},animate:{scale:[1,1.2,1],opacity:[.5,.8,.5]},transition:{duration:5,repeat:1/0}}),e.jsxs("div",{className:"relative",children:[e.jsx(se,{className:"w-6 h-6 text-primary mx-auto mb-3"}),e.jsx("h2",{className:"text-xl sm:text-2xl md:text-3xl font-bold text-foreground mb-3",children:"Stay ahead of the curve"}),e.jsx("p",{className:"text-muted-foreground mb-6 max-w-md mx-auto text-sm",children:"Get the latest AI support insights, strategies, and product updates delivered to your inbox weekly."}),e.jsxs("div",{className:"flex flex-col sm:flex-row items-center justify-center gap-2 max-w-sm mx-auto w-full px-4 sm:px-0",children:[e.jsx("input",{type:"email",placeholder:"[email protected]",className:"w-full sm:flex-1 px-4 py-2.5 rounded-full bg-background border border-border text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:border-primary/40 focus:ring-1 focus:ring-primary/20 transition-all"}),e.jsx(Z,{variant:"hero",className:"rounded-full px-6",children:"Subscribe"})]}),e.jsx("p",{className:"text-[10px] text-muted-foreground mt-3",children:"No spam. Unsubscribe anytime."})]})]})})]})]})},"BlogPostPage");export{ct as default};