https://www.nexushand.com/_next/static/chunks/0px1m7d-89ulf.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,46945,e=>{"use strict";var t=e.i(43476),r=e.i(71645),i=e.i(9866),s=e.i(75157),n=e.i(22016),a=e.i(57688);function l({url:e,src:r,alt:i="",width:n=1200,height:d=750,priority:c=!1,sizes:o="(max-width: 1024px) 100vw, 900px",children:x,className:h,tone:m="light"}){let g="dark"===m;return(0,t.jsxs)("div",{className:(0,s.cn)("overflow-hidden rounded-xl border shadow-[0_18px_50px_-20px_rgba(11,12,14,0.35)]",g?"border-white/12 bg-ink-900":"border-ink-200 bg-white",h),children:[(0,t.jsxs)("div",{className:(0,s.cn)("flex items-center gap-3 border-b px-4 py-2.5",g?"border-white/10 bg-ink-950":"border-ink-200 bg-ink-50"),children:[(0,t.jsxs)("div",{className:"flex shrink-0 items-center gap-1.5","aria-hidden":"true",children:[(0,t.jsx)("span",{className:"size-2.5 rounded-full bg-[#FF5F57]"}),(0,t.jsx)("span",{className:"size-2.5 rounded-full bg-[#FEBC2E]"}),(0,t.jsx)("span",{className:"size-2.5 rounded-full bg-[#28C840]"})]}),e?(0,t.jsx)("div",{className:(0,s.cn)("min-w-0 flex-1 truncate rounded-md px-3 py-1 text-center font-mono text-[11px] tracking-tight",g?"bg-white/5 text-white/55":"bg-white text-ink-500 ring-1 ring-ink-200"),children:e}):(0,t.jsx)("div",{className:"flex-1"}),(0,t.jsx)("div",{className:"w-11 shrink-0","aria-hidden":"true"})]}),(0,t.jsx)("div",{className:(0,s.cn)(g?"bg-ink-900":"bg-white"),children:r?(0,t.jsx)(a.default,{src:r,alt:i,width:n,height:d,priority:c,sizes:o,className:"h-auto w-full"}):x})]})}function d({category:e,className:r}){return(0,t.jsx)("span",{className:(0,s.cn)("inline-flex w-fit items-center rounded-full bg-brand-soft px-3 py-1 text-xs font-medium text-brand",r),children:e})}let c={Engineering:"bg-brand","Bangladesh commerce":"bg-ink-900",Process:"bg-ink-600",Product:"bg-ink-300"};function o({post:e,featured:r=!1,cover:i,headingLevel:a="h2"}){var x;let h=r&&!!i,m=(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(d,{category:e.category}),(0,t.jsx)(a,{className:(0,s.cn)("mt-5 font-semibold text-ink-900 transition-colors group-hover:text-brand",r?"text-2xl lg:text-3xl":"text-lg"),children:e.title}),(0,t.jsx)("p",{className:(0,s.cn)("mt-3 text-ink-500",r?"max-w-2xl text-base":"text-sm"),children:e.excerpt}),(0,t.jsxs)("p",{className:"mt-auto pt-6 text-sm text-ink-400",children:[(0,t.jsx)("time",{dateTime:e.date,children:(x=e.date,new Date(`${x}T00:00:00Z`).toLocaleDateString("en-GB",{day:"numeric",month:"long",year:"numeric",timeZone:"UTC"}))}),(0,t.jsx)("span",{className:"px-2","aria-hidden":"true",children:"·"}),e.readTime]})]});return(0,t.jsxs)(n.default,{href:`/blogs/${e.slug}`,className:(0,s.cn)("group relative flex h-full flex-col overflow-hidden rounded-2xl border border-ink-200 bg-white transition-all duration-200 hover:-translate-y-0.5 hover:border-ink-300 hover:shadow-md",r?"p-8 lg:p-10":"p-6"),children:[(0,t.jsx)("span",{className:(0,s.cn)("absolute inset-x-0 top-0 h-1",c[e.category]),"aria-hidden":"true"}),h&&i?(0,t.jsxs)("div",{className:"grid gap-8 lg:grid-cols-[minmax(0,1fr)_minmax(0,0.72fr)] lg:items-center lg:gap-12",children:[(0,t.jsx)("div",{className:"flex h-full flex-col",children:m}),(0,t.jsx)(l,{url:i.url,src:i.src,alt:i.alt,width:i.width,height:i.height,sizes:"(max-width: 1024px) 88vw, 380px"})]}):m]})}let x=["All","Engineering","Product","Bangladesh commerce","Process"],h={src:"/case-studies/qcommerz/dashboard.webp",alt:"The qCommerz merchant dashboard — the product we run and write these notes from",url:"app.qcommerz.com",width:828,height:734};e.s(["default",0,function({featured:e,posts:n}){let[a,l]=(0,r.useState)("All"),d=(0,r.useMemo)(()=>"All"===a?n:n.filter(e=>e.category===a),[a,n]);return(0,t.jsxs)("div",{children:[(0,t.jsx)(i.default,{children:(0,t.jsx)(o,{post:e,featured:!0,cover:h})}),(0,t.jsxs)("div",{className:"mt-16",children:[(0,t.jsx)("p",{className:"eyebrow text-ink-500",children:"Filter"}),(0,t.jsx)("div",{role:"group","aria-label":"Filter articles by category",className:"mt-3 flex flex-wrap gap-2",children:x.map(e=>{let r=a===e;return(0,t.jsx)("button",{type:"button","aria-pressed":r,onClick:()=>l(e),className:(0,s.cn)("inline-flex min-h-11 items-center rounded-full border px-4 text-sm font-medium transition-colors",r?"border-brand bg-brand text-white":"border-ink-200 text-ink-700 hover:border-ink-300 hover:bg-ink-50"),children:e},e)})})]}),d.length>0?(0,t.jsx)("div",{className:"mt-8 grid gap-6 sm:grid-cols-2 lg:grid-cols-3",children:d.map((e,r)=>(0,t.jsx)(i.default,{delay:Math.min(.05*r,.2),children:(0,t.jsx)(o,{post:e})},e.slug))}):(0,t.jsx)("p",{className:"mt-8 text-ink-500",children:"No articles in this category yet."})]})}],46945)}]);