https://www.shred.app/_next/static/chunks/app/thinking/page-51fe6a51ee902930.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[44],{4887:function(e,t,r){Promise.resolve().then(r.bind(r,8186)),Promise.resolve().then(r.t.bind(r,5250,23))},8186:function(e,t,r){"use strict";r.r(t),r.d(t,{ThinkingArticlesExplorer:function(){return u}});var n=r(3827),i=r(4090),s=r(8792),o=r(703),a=r(8025);function c(e){var t,r;let{article:i}=e;return(0,n.jsxs)(s.default,{href:"/thinking/".concat(i.slug),className:"group block h-full overflow-hidden rounded-lg border border-border/30 bg-secondary/50 text-card-foreground shadow-sm transition-transform duration-300 hover:scale-[1.02]",children:[(0,n.jsx)("div",{className:"relative h-56 w-full",children:i.heroImageUrl?(0,n.jsx)(o.default,{src:i.heroImageUrl,alt:null!==(r=i.heroImageAlt)&&void 0!==r?r:i.title,fill:!0,className:"object-cover transition-transform duration-500 group-hover:scale-[1.03]",sizes:"(min-width: 1024px) 400px, (min-width: 768px) 50vw, 100vw",priority:!1}):(0,n.jsx)("div",{className:"flex h-full w-full items-center justify-center bg-background/60",children:(0,n.jsx)("span",{className:"text-sm uppercase tracking-[0.3em] text-muted-foreground",children:"SHRED THINKING"})})}),(0,n.jsxs)("div",{className:"p-6",children:[(null===(t=i.category)||void 0===t?void 0:t.name)&&(0,n.jsx)("span",{className:"mb-3 inline-flex rounded-full bg-primary/10 px-3 py-1 text-xs font-medium text-primary",children:i.category.name}),(0,n.jsx)("h3",{className:"mb-3 text-xl font-bold tracking-tight text-foreground",children:i.title}),i.excerpt&&(0,n.jsx)("p",{className:"text-sm text-muted-foreground",children:i.excerpt})]}),(0,n.jsx)("div",{className:"flex items-center px-6 pb-6 pt-0 text-sm font-medium text-primary transition-colors group-hover:text-primary/80",children:(0,n.jsxs)("span",{className:"flex items-center gap-2",children:["Read more",(0,n.jsx)(a.Z,{className:"h-4 w-4","aria-hidden":!0})]})})]})}var l=r(1657);function d(e){let{categories:t,selectedValue:r,onSelect:s,className:o}=e,a=(0,i.useMemo)(()=>[{name:"All",value:"all"},...t.map(e=>({...e,value:void 0!==e.id?String(e.id):e.name.toLowerCase()}))],[t]);return(0,n.jsx)("div",{className:(0,l.cn)("flex flex-wrap justify-center gap-3",o),children:a.map(e=>{let t=e.value===r;return(0,n.jsx)("button",{type:"button",onClick:()=>s(e.value),className:(0,l.cn)("inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 rounded-full",t?"bg-primary text-primary-foreground hover:bg-primary/90":"border border-input bg-background text-foreground/80 hover:bg-accent hover:text-accent-foreground"),children:e.name},e.value)})})}function u(e){let{articles:t,categories:r}=e,[s,o]=(0,i.useState)("all"),a=(0,i.useMemo)(()=>"all"===s?t:t.filter(e=>{var t;return!!e.category&&(void 0!==e.category.id?String(e.category.id):null===(t=e.category.name)||void 0===t?void 0:t.toLowerCase())===s}),[t,s]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("section",{className:"-mt-24 bg-background py-4",children:(0,n.jsx)("div",{className:"container-wide",children:(0,n.jsx)(d,{categories:r,selectedValue:s,onSelect:o,className:"justify-center gap-4"})})}),(0,n.jsx)("section",{className:"bg-gradient-to-b from-background to-background/95 py-12",children:(0,n.jsxs)("div",{className:"container-wide space-y-12",children:[a.length>0?(0,n.jsx)("div",{className:"grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3",children:a.map(e=>(0,n.jsx)(c,{article:e},e.sysId))}):(0,n.jsxs)("div",{className:"rounded-3xl border border-dashed border-border/40 bg-background/60 p-10 text-center text-muted-foreground",children:[(0,n.jsx)("p",{className:"text-sm uppercase tracking-[0.4em]",children:"No articles yet"}),(0,n.jsx)("p",{className:"mt-3 text-base",children:"We're preparing insights for this category. Check back soon."})]}),(0,n.jsx)("div",{className:"mt-12 text-center",children:(0,n.jsx)("button",{type:"button",className:"inline-flex h-11 items-center justify-center whitespace-nowrap rounded-full border border-input bg-background px-8 text-sm font-medium text-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",disabled:!0,children:"Load More Articles"})})]})})]})}},1657:function(e,t,r){"use strict";r.d(t,{cn:function(){return s},y:function(){return o}});var n=r(3167),i=r(1367);function s(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,i.m6)((0,n.W)(t))}function o(e){return e?e.startsWith("http://")||e.startsWith("https://")?e:e.startsWith("//")||e.startsWith("/")?"https:".concat(e):e:""}},8025:function(e,t,r){"use strict";r.d(t,{Z:function(){return n}});/**
2 * @license lucide-react v0.446.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */let n=(0,r(7977).Z)("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]])},703:function(e,t,r){"use strict";r.d(t,{default:function(){return i.a}});var n=r(7447),i=r.n(n)},8792:function(e,t,r){"use strict";r.d(t,{default:function(){return i.a}});var n=r(5250),i=r.n(n)},7447:function(e,t,r){"use strict";

6Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{getImageProps:function(){return a},default:function(){return c}});let n=r(6921),i=r(8630),s=r(1749),o=n._(r(536)),a=e=>{let{props:t}=(0,i.getImgProps)(e,{defaultLoader:o.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[e,r]of Object.entries(t))void 0===r&&delete t[e];return{props:t}},c=s.Image}},function(e){e.O(0,[250,806,749,971,69,744],function(){return e(e.s=4887)}),_N_E=e.O()}]);