https://chatspark.io/_next/static/chunks/app/(marketing)/blog/page-d753ed0173630143.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9610],{80575:function(e,r,o){Promise.resolve().then(o.bind(o,50096)),Promise.resolve().then(o.bind(o,13390)),Promise.resolve().then(o.bind(o,55996)),Promise.resolve().then(o.bind(o,29928)),Promise.resolve().then(o.bind(o,85643)),Promise.resolve().then(o.bind(o,98785)),Promise.resolve().then(o.bind(o,91902)),Promise.resolve().then(o.bind(o,31718)),Promise.resolve().then(o.bind(o,50591)),Promise.resolve().then(o.bind(o,62068)),Promise.resolve().then(o.bind(o,59747)),Promise.resolve().then(o.bind(o,36624)),Promise.resolve().then(o.bind(o,74883)),Promise.resolve().then(o.bind(o,75292)),Promise.resolve().then(o.bind(o,47400)),Promise.resolve().then(o.bind(o,80876)),Promise.resolve().then(o.bind(o,6994)),Promise.resolve().then(o.bind(o,48524)),Promise.resolve().then(o.bind(o,1879)),Promise.resolve().then(o.bind(o,65362)),Promise.resolve().then(o.bind(o,54429)),Promise.resolve().then(o.bind(o,66890)),Promise.resolve().then(o.bind(o,12405)),Promise.resolve().then(o.bind(o,57883)),Promise.resolve().then(o.bind(o,41394)),Promise.resolve().then(o.bind(o,65819)),Promise.resolve().then(o.bind(o,5479)),Promise.resolve().then(o.bind(o,52531)),Promise.resolve().then(o.bind(o,91105)),Promise.resolve().then(o.bind(o,24811)),Promise.resolve().then(o.bind(o,92754)),Promise.resolve().then(o.bind(o,60342)),Promise.resolve().then(o.bind(o,62054)),Promise.resolve().then(o.bind(o,36946)),Promise.resolve().then(o.bind(o,27499)),Promise.resolve().then(o.bind(o,18114)),Promise.resolve().then(o.bind(o,94563)),Promise.resolve().then(o.bind(o,94891)),Promise.resolve().then(o.bind(o,60767)),Promise.resolve().then(o.bind(o,45652)),Promise.resolve().then(o.bind(o,75522)),Promise.resolve().then(o.bind(o,61832)),Promise.resolve().then(o.bind(o,21183)),Promise.resolve().then(o.bind(o,99193)),Promise.resolve().then(o.bind(o,50584)),Promise.resolve().then(o.bind(o,50551)),Promise.resolve().then(o.bind(o,4216)),Promise.resolve().then(o.bind(o,89948)),Promise.resolve().then(o.bind(o,59260)),Promise.resolve().then(o.bind(o,42999)),Promise.resolve().then(o.bind(o,45796)),Promise.resolve().then(o.bind(o,21967)),Promise.resolve().then(o.bind(o,57833)),Promise.resolve().then(o.bind(o,26440)),Promise.resolve().then(o.bind(o,98559)),Promise.resolve().then(o.bind(o,5641)),Promise.resolve().then(o.bind(o,74743)),Promise.resolve().then(o.bind(o,72341)),Promise.resolve().then(o.bind(o,23324)),Promise.resolve().then(o.bind(o,42789)),Promise.resolve().then(o.bind(o,27640)),Promise.resolve().then(o.bind(o,54548)),Promise.resolve().then(o.bind(o,2323)),Promise.resolve().then(o.bind(o,37903)),Promise.resolve().then(o.bind(o,86437)),Promise.resolve().then(o.bind(o,63752)),Promise.resolve().then(o.bind(o,37895)),Promise.resolve().then(o.bind(o,56819)),Promise.resolve().then(o.bind(o,88530)),Promise.resolve().then(o.bind(o,95294)),Promise.resolve().then(o.bind(o,7161)),Promise.resolve().then(o.bind(o,27994)),Promise.resolve().then(o.bind(o,44250)),Promise.resolve().then(o.bind(o,24898)),Promise.resolve().then(o.bind(o,52558)),Promise.resolve().then(o.bind(o,16352)),Promise.resolve().then(o.bind(o,2718)),Promise.resolve().then(o.bind(o,28803)),Promise.resolve().then(o.bind(o,8906)),Promise.resolve().then(o.bind(o,92326)),Promise.resolve().then(o.bind(o,46823)),Promise.resolve().then(o.bind(o,68106)),Promise.resolve().then(o.bind(o,80449)),Promise.resolve().then(o.bind(o,30249)),Promise.resolve().then(o.bind(o,79756)),Promise.resolve().then(o.bind(o,46743)),Promise.resolve().then(o.bind(o,13340)),Promise.resolve().then(o.bind(o,48420)),Promise.resolve().then(o.bind(o,78405)),Promise.resolve().then(o.bind(o,911)),Promise.resolve().then(o.bind(o,90495)),Promise.resolve().then(o.bind(o,20542)),Promise.resolve().then(o.bind(o,73188)),Promise.resolve().then(o.bind(o,98314)),Promise.resolve().then(o.bind(o,60458)),Promise.resolve().then(o.bind(o,22535)),Promise.resolve().then(o.bind(o,41387)),Promise.resolve().then(o.bind(o,97558)),Promise.resolve().then(o.bind(o,61222)),Promise.resolve().then(o.bind(o,76723)),Promise.resolve().then(o.bind(o,83378)),Promise.resolve().then(o.bind(o,85322)),Promise.resolve().then(o.bind(o,50817)),Promise.resolve().then(o.bind(o,38354)),Promise.resolve().then(o.bind(o,45488)),Promise.resolve().then(o.bind(o,92422)),Promise.resolve().then(o.bind(o,25112)),Promise.resolve().then(o.bind(o,49611)),Promise.resolve().then(o.bind(o,70479)),Promise.resolve().then(o.bind(o,52925)),Promise.resolve().then(o.bind(o,61910)),Promise.resolve().then(o.bind(o,31800)),Promise.resolve().then(o.bind(o,79634)),Promise.resolve().then(o.bind(o,80773)),Promise.resolve().then(o.bind(o,890)),Promise.resolve().then(o.bind(o,12240)),Promise.resolve().then(o.bind(o,73670)),Promise.resolve().then(o.bind(o,66602)),Promise.resolve().then(o.bind(o,7227)),Promise.resolve().then(o.bind(o,93256)),Promise.resolve().then(o.bind(o,92094)),Promise.resolve().then(o.bind(o,25983)),Promise.resolve().then(o.bind(o,12132)),Promise.resolve().then(o.bind(o,35790)),Promise.resolve().then(o.bind(o,51855)),Promise.resolve().then(o.bind(o,92208)),Promise.resolve().then(o.bind(o,75779)),Promise.resolve().then(o.bind(o,33995)),Promise.resolve().then(o.bind(o,74914)),Promise.resolve().then(o.bind(o,9569)),Promise.resolve().then(o.bind(o,37530)),Promise.resolve().then(o.bind(o,73150)),Promise.resolve().then(o.bind(o,46602)),Promise.resolve().then(o.bind(o,95687)),Promise.resolve().then(o.bind(o,27287)),Promise.resolve().then(o.bind(o,3975)),Promise.resolve().then(o.bind(o,70715)),Promise.resolve().then(o.bind(o,21808)),Promise.resolve().then(o.bind(o,37247)),Promise.resolve().then(o.bind(o,95730)),Promise.resolve().then(o.bind(o,53201)),Promise.resolve().then(o.bind(o,14099)),Promise.resolve().then(o.bind(o,32921)),Promise.resolve().then(o.bind(o,54755)),Promise.resolve().then(o.bind(o,30760)),Promise.resolve().then(o.bind(o,91380)),Promise.resolve().then(o.bind(o,89480)),Promise.resolve().then(o.bind(o,43170)),Promise.resolve().then(o.bind(o,48080)),Promise.resolve().then(o.bind(o,75213)),Promise.resolve().then(o.bind(o,4831)),Promise.resolve().then(o.bind(o,40404)),Promise.resolve().then(o.bind(o,72504)),Promise.resolve().then(o.bind(o,58763)),Promise.resolve().then(o.bind(o,89174)),Promise.resolve().then(o.bind(o,94483)),Promise.resolve().then(o.bind(o,88089)),Promise.resolve().then(o.bind(o,86508)),Promise.resolve().then(o.bind(o,30551)),Promise.resolve().then(o.bind(o,18926)),Promise.resolve().then(o.bind(o,20072)),Promise.resolve().then(o.bind(o,80708)),Promise.resolve().then(o.bind(o,35012)),Promise.resolve().then(o.bind(o,3360)),Promise.resolve().then(o.bind(o,36495)),Promise.resolve().then(o.bind(o,45624)),Promise.resolve().then(o.bind(o,27080)),Promise.resolve().then(o.bind(o,14584)),Promise.resolve().then(o.bind(o,55459)),Promise.resolve().then(o.bind(o,43813)),Promise.resolve().then(o.bind(o,96367)),Promise.resolve().then(o.bind(o,60370)),Promise.resolve().then(o.bind(o,73036)),Promise.resolve().then(o.bind(o,60825)),Promise.resolve().then(o.bind(o,89463)),Promise.resolve().then(o.bind(o,14680)),Promise.resolve().then(o.bind(o,74188)),Promise.resolve().then(o.bind(o,38114)),Promise.resolve().then(o.bind(o,70857)),Promise.resolve().then(o.bind(o,20513)),Promise.resolve().then(o.bind(o,75366)),Promise.resolve().then(o.bind(o,50226)),Promise.resolve().then(o.bind(o,56695)),Promise.resolve().then(o.bind(o,13686)),Promise.resolve().then(o.bind(o,47107)),Promise.resolve().then(o.bind(o,81169)),Promise.resolve().then(o.bind(o,56834)),Promise.resolve().then(o.bind(o,56672)),Promise.resolve().then(o.bind(o,72940)),Promise.resolve().then(o.bind(o,40006)),Promise.resolve().then(o.bind(o,56990)),Promise.resolve().then(o.bind(o,62587)),Promise.resolve().then(o.bind(o,39292)),Promise.resolve().then(o.bind(o,33289)),Promise.resolve().then(o.bind(o,37366)),Promise.resolve().then(o.bind(o,59512)),Promise.resolve().then(o.bind(o,52009)),Promise.resolve().then(o.bind(o,88999)),Promise.resolve().then(o.bind(o,44488)),Promise.resolve().then(o.bind(o,30485)),Promise.resolve().then(o.bind(o,2562)),Promise.resolve().then(o.bind(o,7083)),Promise.resolve().then(o.bind(o,32658)),Promise.resolve().then(o.bind(o,56629)),Promise.resolve().then(o.bind(o,72777)),Promise.resolve().then(o.bind(o,12136)),Promise.resolve().then(o.bind(o,14413)),Promise.resolve().then(o.bind(o,71506)),Promise.resolve().then(o.bind(o,60352)),Promise.resolve().then(o.bind(o,34146)),Promise.resolve().then(o.bind(o,87166)),Promise.resolve().then(o.bind(o,81284)),Promise.resolve().then(o.bind(o,44109)),Promise.resolve().then(o.bind(o,65948)),Promise.resolve().then(o.bind(o,62819)),Promise.resolve().then(o.bind(o,86114)),Promise.resolve().then(o.bind(o,5244)),Promise.resolve().then(o.bind(o,79585)),Promise.resolve().then(o.bind(o,78183)),Promise.resolve().then(o.bind(o,60366)),Promise.resolve().then(o.bind(o,64210)),Promise.resolve().then(o.bind(o,77255)),Promise.resolve().then(o.bind(o,90908)),Promise.resolve().then(o.bind(o,67133)),Promise.resolve().then(o.bind(o,2274)),Promise.resolve().then(o.bind(o,86063)),Promise.resolve().then(o.bind(o,15096)),Promise.resolve().then(o.bind(o,27340)),Promise.resolve().then(o.bind(o,54271)),Promise.resolve().then(o.bind(o,47550)),Promise.resolve().then(o.bind(o,5333)),Promise.resolve().then(o.bind(o,19691)),Promise.resolve().then(o.bind(o,44087)),Promise.resolve().then(o.bind(o,80198)),Promise.resolve().then(o.bind(o,31126)),Promise.resolve().then(o.bind(o,73953)),Promise.resolve().then(o.bind(o,25706)),Promise.resolve().then(o.bind(o,52517)),Promise.resolve().then(o.bind(o,82754)),Promise.resolve().then(o.bind(o,13439)),Promise.resolve().then(o.bind(o,18565)),Promise.resolve().then(o.bind(o,45839)),Promise.resolve().then(o.bind(o,59515)),Promise.resolve().then(o.bind(o,13370)),Promise.resolve().then(o.bind(o,64466)),Promise.resolve().then(o.bind(o,87888)),Promise.resolve().then(o.bind(o,62616)),Promise.resolve().then(o.bind(o,91482)),Promise.resolve().then(o.bind(o,50568)),Promise.resolve().then(o.bind(o,65784)),Promise.resolve().then(o.bind(o,51298)),Promise.resolve().then(o.bind(o,10632)),Promise.resolve().then(o.bind(o,35331)),Promise.resolve().then(o.bind(o,60373)),Promise.resolve().then(o.bind(o,58804)),Promise.resolve().then(o.bind(o,69345)),Promise.resolve().then(o.bind(o,52762)),Promise.resolve().then(o.bind(o,34008)),Promise.resolve().then(o.bind(o,13213)),Promise.resolve().then(o.bind(o,84324)),Promise.resolve().then(o.bind(o,82012)),Promise.resolve().then(o.bind(o,40603)),Promise.resolve().then(o.bind(o,94531)),Promise.resolve().then(o.bind(o,56821)

1)},17366:function(e,r,o){"use strict";o.d(r,{Z:function(){return P},p:function(){return a}});var n=o(57437),i=o(21183),s=o(35331),t=o(60373),l=o(40006),d=o(61832),h=o(33145),m=o(27648),b=o(30578),v=o(85012);let a={"AI Agents":"blue","ChatSpark Updates":"pink","Customer Experience":"green","Lead Generation":"purple","Marketing & Sales":"orange","Business Growth":"teal","Best Practices":"cyan","Industry Use Cases":"yellow","Automation & AI Trends":"gray"};function P(e){var r,o;let{article:P}=e,c=P.created?new Date(P.created).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"}):"",u=(null===(r=P.categories)||void 0===r?void 0:r.length)>0?P.categories:(null===(o=P.seobotCategory)||void 0===o?void 0:o.title)?[P.seobotCategory.title]:[];return(0,n.jsx)(m.default,{href:"/blog/".concat(P.slug),style:{textDecoration:"none"},children:(0,n.jsxs)(i.Box,{cursor:"pointer",_hover:{borderColor:"gray.300"},transition:"border-color 0.2s",overflow:"hidden",bg:"white",borderRadius:"xl",border:"1px solid",borderColor:"gray.100",h:"100%",display:"flex",flexDirection:"column",children:[P.image&&(0,n.jsx)(i.Box,{position:"relative",h:"200px",overflow:"hidden",children:(0,n.jsx)(h.default,{src:P.image,alt:P.title,fill:!0,style:{objectFit:"cover"},sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"})}),(0,n.jsxs)(i.Box,{p:5,display:"flex",flexDirection:"column",flex:1,children:[(0,n.jsx)(s.Heading,{as:"h3",fontSize:{base:"md",md:"lg"},mb:3,fontWeight:600,lineHeight:"1.4",color:"gray.900",letterSpacing:"-0.02em",children:P.title}),(0,n.jsx)(t.Text,{color:"gray.500",fontSize:"sm",mb:4,noOfLines:3,lineHeight:"1.6",children:P.meta_description||P.excerpt}),(0,n.jsx)(i.Box,{flex:1}),u.length>0&&(0,n.jsx)(l.HStack,{spacing:2,mb:3,flexWrap:"wrap",children:u.slice(0,2).map(e=>(0,n.jsx)(d.Badge,{colorScheme:a[e]||"gray",borderRadius:"full",px:2,py:.5,fontSize:"xs",fontWeight:500,children:e},e))}),(0,n.jsxs)(l.HStack,{spacing:4,color:"gray.500",fontSize:"xs",children:[c&&(0,n.jsxs)(l.HStack,{spacing:1,children:[(0,n.jsx)(v.B,{}),(0,n.jsx)(t.Text,{children:c})]}),P.readingTime&&(0,n.jsxs)(l.HStack,{spacing:1,children:[(0,n.jsx)(b.X,{}),(0,n.jsxs)(t.Text,{children:[P.readingTime," min read"]})]})]})]})]})})}},13213:function(e,r,o){"use strict";o.d(r,{default:function(){return b}});var n=o(57437),i=o(2265),s=o(85322),t=o(21183),l=o(98314),d=o(72940),h=o(60373),m=o(17366);function b(e){let{articles:r,selectedCategory:o}=e,[b,v]=(0,i.useState)([]),[a,P]=(0,i.useState)(1),[c,u]=(0,i.useState)(!1),[x,g]=(0,i.useState)(!0),f=(0,i.useRef)(null);r.length,(0,i.useEffect)(()=>{v(r.slice(0,9)),P(1),g(r.length>9)},[r,o]);let p=(0,i.useCallback)(()=>{!c&&x&&(u(!0),setTimeout(()=>{let e=a+1,o=9*a,n=o+9,i=r.slice(o,n);i.length>0?(v(e=>[...e,...i]),P(e),g(n<r.length)):g(!1),u(!1)},300))},[r,a,c,x]);return((0,i.useEffect)(()=>{let e=new IntersectionObserver(e=>{e[0].isIntersecting&&x&&!c&&p()},{threshold:.1,rootMargin:"100px"}),r=f.current;return r&&e.observe(r),()=>{r&&e.unobserve(r)}},[p,x,c]),0===r.length)?null:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.SimpleGrid,{columns:{base:1,md:2,lg:3},spacing:8,children:b.map(e=>(0,n.jsx)(m.Z,{article:e},e.slug))}),(0,n.jsx)(t.Box,{ref:f,py:12,children:c&&(0,n.jsxs)(l.Flex,{justify:"center",align:"center",direction:"column",gap:3,children:[(0,n.jsx)(d.Spinner,{size:"lg",thickness:"3px",speed:"0.8s",color:"blue.500",emptyColor:"gray.200"}),(0,n.jsx)(h.Text,{fontSize:"sm",color:"gray.500",fontWeight:500,children:"Loading more articles..."})]})})]})}},84324:function(e,r,o){"use strict";o.d(r,{default:function(){return d}});var n=o(57437),i=o(21183),s=o(40006),t=o(26440),l=o(99376);function d(e){let{categories:r,totalCount:o}=e,d=(0,l.useRouter)(),h=(0,l.useSearchParams)().get("category"),m=e=>{"all"===e?d.push("/blog"):d.push("/blog?category=".concat(encodeURIComponent(e)))};return(0,n.jsx)(i.Box,{overflowX:{base:"auto",md:"visible"},flex:1,css:{"&::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none"},children:(0,n.jsxs)(s.HStack,{spacing:2,minW:{base:"max-content",md:"auto"},flexWrap:{base:"nowrap",md:"wrap"},rowGap:2,children:[(0,n.jsxs)(t.Button,{size:"sm",h:"32px",px:3,borderRadius:"full",bg:h?"transparent":"gray.900",color:h?"gray.600":"white",border:"1px solid",borderColor:h?"gray.200":"gray.900",onClick:()=>m("all"),fontWeight:500,fontSize:"sm",_hover:{bg:h?"gray.50":"gray.800",borderColor:h?"gray.300":"gray.800"},transition:"all 0.15s",children:["All (",o,")"]}),r.map(e=>{let{name:r,count:o}=e;return(0,n.jsxs)(t.Button,{size:"sm",h:"32px",px:3,borderRadius:"full",bg:h===r?"gray.900":"transparent",color:h===r?"white":"gray.600",border:"1px solid",borderColor:h===r?"gray.900":"gray.200",onClick:()=>m(r),fontWeight:500,fontSize:"sm",_hover:{bg:h===r?"gray.800":"gray.50",borderColor:h===r?"gray.800":"gray.300"},transition:"all 0.15s",children:[r," (",o,")"]},r)})]})})}},82012:function(e,r,o){"use strict";o.d(r,{default:function(){return u}});var n=o(57437),i=o(2265),s=o(21183),t=o(98314),l=o(40006),d=o(61832),h=o(35331),m=o(60373),b=o(33145),v=o(27648),a=o(22561),P=o(17366);let c="\n@keyframes bfcFadeUp { from { opacity:0; transform:translateY(16px) } to { opacity:1; transform:translateY(0) } }\n.bfc-card { opacity:0 }\n.bfc-visible .bfc-card { animation: bfcFadeUp 0.6s ".concat("cubic-bezier(0.16,1,0.3,1)"," both }\n");function u(e){var r,o;let{article:u}=e,[x,g]=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.1,r=(0,i.useRef)(null),[o,n]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let i=r.current;if(!i)return;let s=new IntersectionObserver(e=>{e[0].isIntersecting&&!o&&n(!0)},{threshold:e});return s.observe(i),()=>s.unobserve(i)},[o,e]),[r,o]}();if(!u)return null;let f=u.created?new Date(u.created).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"}):"",p=(null===(r=u.categories)||void 0===r?void 0:r.length)>0?u.categories:(null===(o=u.seobotCategory)||void 0===o?void 0:o.title)?[u.seobotCategory.title]:[];return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:c}}),(0,n.jsx)(s.Box,{ref:x,className:g?"bfc-visible":"",mb:{base:"40px",md:"56px"},children:(0,n.jsx)(v.default,{href:"/blog/".concat(u.slug),style:{textDecoration:"none"},children:(0,n.jsxs)(s.Box,{className:"bfc-card",border:"1px solid",borderColor:"gray.100",borderRadius:"2xl",overflow:"hidden",display:{base:"block",md:"flex"},transition:"border-color 0.2s",_hover:{borderColor:"gray.300"},cursor:"pointer",minH:{base:"auto",md:"380px"},children:[(0,n.jsxs)(t.Flex,{direction:"column",justify:"center",p:{base:6,md:10},flex:{base:"auto",md:"0 0 55%"}

1,maxW:{base:"100%",md:"55%"},children:[(0,n.jsxs)(l.HStack,{spacing:2,mb:4,flexWrap:"wrap",children:[(0,n.jsx)(d.Badge,{colorScheme:"blue",borderRadius:"full",px:2.5,py:.5,fontSize:"xs",fontWeight:500,textTransform:"uppercase",letterSpacing:"0.04em",children:"Latest"}),p.slice(0,1).map(e=>(0,n.jsx)(d.Badge,{colorScheme:P.p[e]||"gray",borderRadius:"full",px:2.5,py:.5,fontSize:"xs",fontWeight:500,children:e},e))]}),(0,n.jsx)(h.Heading,{as:"h2",fontSize:{base:"26px",md:"36px"},fontWeight:700,letterSpacing:"-0.025em",lineHeight:{base:"1.25",md:"1.2"},color:"gray.900",mb:4,noOfLines:3,children:u.title}),(0,n.jsx)(m.Text,{color:"gray.500",fontSize:{base:"15px",md:"17px"},lineHeight:"1.7",mb:6,noOfLines:3,children:u.meta_description||u.excerpt}),(0,n.jsxs)(l.HStack,{spacing:4,color:"gray.400",fontSize:"sm",mb:6,children:[f&&(0,n.jsxs)(l.HStack,{spacing:1,children:[(0,n.jsx)(a.Bge,{}),(0,n.jsx)(m.Text,{children:f})]}),u.readingTime&&(0,n.jsxs)(l.HStack,{spacing:1,children:[(0,n.jsx)(a.XoX,{}),(0,n.jsxs)(m.Text,{children:[u.readingTime," min read"]})]})]}),(0,n.jsxs)(l.HStack,{spacing:1,color:"blue.600",fontWeight:600,fontSize:"sm",_groupHover:{gap:2},children:[(0,n.jsx)(m.Text,{children:"Read Article"}),(0,n.jsx)(a.N3c,{size:16})]})]}),u.image&&(0,n.jsx)(s.Box,{flex:{base:"auto",md:"0 0 45%"},maxW:{base:"100%",md:"45%"},position:"relative",h:{base:"220px",md:"auto"},minH:{md:"320px"},overflow:"hidden",children:(0,n.jsx)(b.default,{src:u.image,alt:u.title,fill:!0,style:{objectFit:"cover"},sizes:"(max-width: 768px) 100vw, 45vw",priority:!0})})]})})})]})}},40603:function(e,r,o){"use strict";o.d(r,{default:function(){return u}});var n=o(57437),i=o(2265),s=o(21183),t=o(80773),l=o(79634),d=o(890),h=o(39292),m=o(40006),b=o(60373),v=o(6155),a=o(71931),P=o(99376),c=o(33145);function u(e){let{articles:r}=e,[o,u]=(0,i.useState)(""),[x]=(0,a.Nr)(o,300),[g,f]=(0,i.useState)([]),[p,y]=(0,i.useState)(!1),j=(0,P.useRouter)(),S=(0,i.useRef)();(0,i.useEffect)(()=>{if(x.length>=2){let e=x.toLowerCase(),o=r.filter(r=>{var o,n,i;return(null===(o=r.title)||void 0===o?void 0:o.toLowerCase().includes(e))||(null===(n=r.meta_description)||void 0===n?void 0:n.toLowerCase().includes(e))||(null===(i=r.tags)||void 0===i?void 0:i.some(r=>r.toLowerCase().includes(e)))}).slice(0,5);f(o),y(o.length>0)}else f([]),y(!1)},[x,r]),(0,i.useEffect)(()=>{function e(e){S.current&&!S.current.contains(e.target)&&y(!1)}return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);let w=e=>{j.push("/blog/".concat(e)),y(!1),u("")};return(0,n.jsxs)(s.Box,{position:"relative",ref:S,w:"full",children:[(0,n.jsxs)(t.InputGroup,{size:"sm",children:[(0,n.jsx)(l.InputLeftElement,{pointerEvents:"none",h:"full",children:(0,n.jsx)(v.O,{color:"#A0AEC0",size:16})}),(0,n.jsx)(d.Input,{placeholder:"Search...",value:o,onChange:e=>u(e.target.value),onKeyDown:e=>{"Escape"===e.key&&y(!1)},borderRadius:"full",h:"32px",bg:"white",border:"1px solid",borderColor:"gray.200",fontSize:"sm",_focus:{borderColor:"gray.400",shadow:"none"},_placeholder:{color:"gray.400"}})]}),p&&(0,n.jsx)(s.Box,{position:"absolute",top:"calc(100% + 8px)",left:0,right:0,bg:"white",shadow:"xl",borderRadius:"md",maxH:"400px",overflowY:"auto",zIndex:10,border:"1px solid",borderColor:"gray.200",children:(0,n.jsx)(h.VStack,{align:"stretch",spacing:0,children:g.map((e,r)=>(0,n.jsxs)(m.HStack,{p:3,cursor:"pointer",_hover:{bg:"gray.50"},onClick:()=>w(e.slug),spacing:3,borderBottom:r<g.length-1?"1px solid":"none",borderColor:"gray.100",children:[e.image&&(0,n.jsx)(s.Box,{position:"relative",w:"60px",h:"40px",flexShrink:0,borderRadius:"md",overflow:"hidden",children:(0,n.jsx)(c.default,{src:e.image,alt:e.title,fill:!0,style:{objectFit:"cover"},sizes:"60px"})}),(0,n.jsxs)(s.Box,{flex:1,minW:0,children:[(0,n.jsx)(b.Text,{fontWeight:600,fontSize:"sm",noOfLines:1,children:e.title}),(0,n.jsx)(b.Text,{fontSize:"xs",color:"gray.600",noOfLines:1,children:e.meta_description})]})]},e.slug))})})]})}}},function(e){e.O(0,[8061,2071,4496,7834,5839,1465,7929,1270,7560,3808,5001,8405,5692,7075,9285,5075,5925,7771,2972,5006,3145,2192,6802,3804,2971,2117,1744],function(){return e(e.s=80575)}),_N_E=e.O()}]);