1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3831],{3172:(e,s,l)=>{"use strict";l.d(s,{default:()=>d});var t=l(8850),a=l(6426),r=l(423),i=l(8422),o=l(7208);let c="Comparison",n=(e,s)=>s.dateSort.localeCompare(e.dateSort);function d(e){let{allPosts:s,featuredPost:l,categories:d,loadMoreLabel:g}=e,[x,m]=(0,a.useState)("All"),[u,f]=(0,a.useState)(6);(0,a.useEffect)(()=>{f(6)},[x]);let h="All"===x||x===l.categoryKey,p="All"===x?[...s.filter(e=>e.categoryKey!==c).toSorted(n),...s.filter(e=>e.categoryKey===c).toSorted(n)]:s.filter(e=>e.categoryKey===x).toSorted(n),b=h?p.filter(e=>e.slug!==l.slug):p,j=b.slice(0,u),v=b.length>u;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"flex gap-2 mb-12 overflow-x-auto pb-1 -mx-7.5 px-7.5 lg:mx-0 lg:px-0 lg:overflow-visible scrollbar-hide",children:d.map(e=>(0,t.jsx)("button",{onClick:()=>m(e.key),className:(0,i.cn)("shrink-0 px-4 py-2 rounded-full text-sm font-medium transition-colors",x===e.key?"bg-gray-900 text-white":"bg-gray-100 text-gray-600 hover:bg-gray-200"),children:e.label},e.key))}),h&&(0,t.jsx)(o.default,{href:"/blog/".concat(l.slug),className:"group hidden lg:block mb-20",children:(0,t.jsxs)("div",{className:"grid lg:grid-cols-2 gap-8 lg:gap-16 items-center",children:[(0,t.jsxs)("div",{className:"relative aspect-[16/9] w-full overflow-hidden rounded-3xl bg-gray-100",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-[#22A0FB]/5 to-[#22A0FB]/10 group-hover:scale-105 transition-transform duration-500"}),(0,t.jsx)(r.default,{src:l.image,alt:l.title,fill:!0,className:"object-cover object-center group-hover:scale-105 transition-transform duration-500"})]}),(0,t.jsxs)("div",{className:"flex flex-col justify-center",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,t.jsx)("span",{className:"text-sm font-semibold text-[#22A0FB] uppercase tracking-wider",children:l.category}),(0,t.jsx)("span",{className:"w-1 h-1 rounded-full bg-gray-300"}),(0,t.jsx)("span",{className:"text-sm text-gray-500",children:l.date})]}),(0,t.jsx)("h2",{className:"text-3xl lg:text-[40px] font-bold leading-tight mb-4 group-hover:text-[#22A0FB] transition-colors duration-300",children:l.title}),(0,t.jsx)("p",{className:"text-lg text-gray-600 leading-relaxed",children:l.description})]})]})}),(0,t.jsx)("div",{className:"grid md:grid-cols-2 gap-x-8 gap-y-16 lg:hidden",children:p.slice(0,u).map(e=>(0,t.jsxs)(o.default,{href:"/blog/".concat(e.slug),className:"group flex flex-col h-full",children:[(0,t.jsxs)("div",{className:"relative aspect-[3/2] w-full overflow-hidden rounded-2xl bg-gray-100 mb-6",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-gray-50 to-gray-100 group-hover:scale-105 transition-transform duration-500"}),(0,t.jsx)(r.default,{src:e.image,alt:e.title,fill:!0,className:"object-cover object-center group-hover:scale-105 transition-transform duration-500 opacity-90"})]}),(0,t.jsxs)("div",{className:"flex flex-col flex-grow",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3 mb-3",children:[(0,t.jsx)("span",{className:"text-xs font-semibold text-[#22A0FB] uppercase tracking-wider",children:e.category}),(0,t.jsx)("span",{className:"w-1 h-1 rounded-full bg-gray-300"}),(0,t.jsx)("span",{className:"text-xs text-gray-500",children:e.date})]}),(0,t.jsx)("h3",{className:"text-xl font-bold leading-snug mb-3 group-hover:text-[#22A0FB] transition-colors duration-300",children:e.title}),(0,t.jsx)("p",{className:"text-gray-600 leading-relaxed text-sm line-clamp-3",children:e.description})]})]},e.slug))}),(0,t.jsx)("div",{className:"hidden lg:grid lg:grid-cols-3 gap-x-8 gap-y-16",children:j.map(e=>(0,t.jsxs)(o.default,{href:"/blog/".concat(e.slug),className:"group flex flex-col h-full",children:[(0,t.jsxs)("div",{className:"relative aspect-[3/2] w-full overflow-hidden rounded-2xl bg-gray-100 mb-6",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-gray-50 to-gray-100 group-hover:scale-105 transition-transform duration-500"}),(0,t.jsx)(r.default,{src:e.image,alt:e.title,fill:!0,className:"object-cover object-center group-hover:scale-105 transition-transform duration-500 opacity-90"})]}),(0,t.jsxs)("div",{className:"flex flex-col flex-grow",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3 mb-3",children:[(0,t.jsx)("span",{className:"text-xs font-semibold text-[#22A0FB] uppercase tracking-wider",children:e.category}),(0,t.jsx)("span",{className:"w-1 h-1 rounded-full bg-gray-300"}),(0,t.jsx)("span",{className:"text-xs text-gray-500",children:e.date})]}),(0,t.jsx)("h3",{className:"text-xl font-bold leading-snug mb-3 group-hover:text-[#22A0FB] transition-colors duration-300",children:e.title}),(0,t.jsx)("p",{className:"text-gray-600 leading-relaxed text-sm line-clamp-3",children:e.description})]})]},e.slug))}),v&&(0,t.jsx)("div",{className:"flex justify-center mt-16",children:(0,t.jsx)("button",{onClick:()=>f(e=>e+9),className:"px-8 py-3 rounded-full text-sm font-medium bg-gray-100 text-gray-700 hover:bg-gray-200 transition-colors",children:g})})]})}},5802:(e,s,l)=>{Promise.resolve().then(l.bind(l,3172)),Promise.resolve().then(l.bind(l,983)),Promise.resolve().then(l.bind(l,7579))}},e=>{var s=s=>e(e.s=s);e.O(0,[7803,2848,6869,5189,2690,983,5788,5717,7358],()=>s(5802)),_N_E=e.O()}]);
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.