https://www.hansdekker.ai/_next/static/chunks/app/content/page-b1a…?dpl=dpl_5MPZmiWpEoF7T4bT1qZ6iYwjPHwj

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5346],{1241:function(e,t,r){Promise.resolve().then(r.bind(r,7943))},8755:function(e,t,r){"use strict";r.d(t,{Z:function(){return d}});var n=r(2265);let s=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.filter((e,t,r)=>!!e&&""!==e.trim()&&r.indexOf(e)===t).join(" ").trim()},l=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),a=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,r)=>r?r.toUpperCase():t.toLowerCase()),i=e=>{let t=a(e);return t.charAt(0).toUpperCase()+t.slice(1)};var c={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let o=e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0;return!1},u=(0,n.forwardRef)((e,t)=>{let{color:r="currentColor",size:l=24,strokeWidth:a=2,absoluteStrokeWidth:i,className:u="",children:d,iconNode:h,...x}=e;return(0,n.createElement)("svg",{ref:t,...c,width:l,height:l,stroke:r,strokeWidth:i?24*Number(a)/Number(l):a,className:s("lucide",u),...!d&&!o(x)&&{"aria-hidden":"true"},...x},[...h.map(e=>{let[t,r]=e;return(0,n.createElement)(t,r)}),...Array.isArray(d)?d:[d]])}),d=(e,t)=>{let r=(0,n.forwardRef)((r,a)=>{let{className:c,...o}=r;return(0,n.createElement)(u,{ref:a,iconNode:t,className:s("lucide-".concat(l(i(e))),"lucide-".concat(e),c),...o})});return r.displayName=i(e),r}},7580:function(e,t,r){"use strict";r.d(t,{Z:function(){return n}});let n=(0,r(8755).Z)("arrow-up-right",[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]])},1723:function(e,t,r){"use strict";r.d(t,{Z:function(){return n}});let n=(0,r(8755).Z)("clock",[["path",{d:"M12 6v6l4 2",key:"mmk7yg"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]])},8736:function(e,t,r){"use strict";r.d(t,{Z:function(){return n}});let n=(0,r(8755).Z)("file-text",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]])},3276:function(e,t,r){"use strict";r.d(t,{Z:function(){return n}});let n=(0,r(8755).Z)("play",[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]])},3247:function(e,t,r){"use strict";r.d(t,{Z:function(){return n}});let n=(0,r(8755).Z)("search",[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]])},7648:function(e,t,r){"use strict";r.d(t,{default:function(){return s.a}});var n=r(2972),s=r.n(n)},7943:function(e,t,r){"use strict";r.d(t,{default:function(){return x}});var n=r(7437),s=r(2265),l=r(7648),a=r(3247);let i=(0,r(8755).Z)("youtube",[["path",{d:"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17",key:"1q2vi4"}],["path",{d:"m10 15 5-3-5-3z",key:"1jp15x"}]]);var c=r(8736),o=r(3276),u=r(1723),d=r(7580);let h={clay:"Clay","cold-email":"Cold Email",claude:"Claude",ai:"AI",gtm:"GTM"};function x(e){let{items:t}

1=e,[r,x]=(0,s.useState)(""),[m,f]=(0,s.useState)(null),p=t||[],b=Array.from(new Set(p.map(e=>e.category))).filter(Boolean),g=p.filter(e=>{let t=""===r||e.title.toLowerCase().includes(r.toLowerCase())||(e.keywords||[]).some(e=>e.toLowerCase().includes(r.toLowerCase())),n=null===m||e.category===m;return t&&n}).sort((e,t)=>{let r=e=>{if(!e)return 0;let t=new Date(e);if(!isNaN(t.getTime()))return t.getTime();let r=e.toLowerCase(),n=Date.now(),s=parseInt(r)||1;return r.includes("hour")?n-36e5*s:r.includes("day")?n-864e5*s:r.includes("week")?n-6048e5*s:r.includes("month")?n-2592e6*s:r.includes("year")?n-31536e6*s:0};return r(t.publishedAt)-r(e.publishedAt)});return(0,n.jsxs)("div",{children:[(0,n.jsx)("section",{className:"py-20 px-6",children:(0,n.jsxs)("div",{className:"max-w-4xl mx-auto text-center",children:[(0,n.jsx)("div",{className:"inline-flex items-center gap-2 px-4 py-2 rounded-full border border-zinc-300 text-sm text-zinc-600 mb-8",children:"Free Videos & Tutorials"}),(0,n.jsxs)("h1",{className:"text-4xl md:text-5xl font-serif mb-6 tracking-tight text-zinc-900",children:["Learn"," ",(0,n.jsx)("span",{className:"italic text-blue-600",children:"for free"})]}),(0,n.jsx)("p",{className:"text-xl text-zinc-600 max-w-2xl mx-auto leading-relaxed mb-10",children:"Tutorials, guides, and insights on Clay, AI automation, cold email, and GTM systems."}),(0,n.jsxs)("div",{className:"max-w-md mx-auto relative",children:[(0,n.jsx)(a.Z,{className:"absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-zinc-400"}),(0,n.jsx)("input",{type:"text",placeholder:"Search content...",value:r,onChange:e=>x(e.target.value),className:"w-full bg-white border border-zinc-200 rounded-xl pl-12 pr-4 py-3 text-zinc-900 placeholder:text-zinc-400 focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 transition-all"})]}),b.length>0&&(0,n.jsxs)("div",{className:"flex flex-wrap justify-center gap-2 mt-6",children:[(0,n.jsx)("button",{onClick:()=>f(null),className:"px-4 py-2 rounded-full text-sm font-medium transition-all ".concat(null===m?"bg-zinc-900 text-white":"bg-white border border-zinc-200 text-zinc-600 hover:border-zinc-300"),children:"All"}),b.map(e=>(0,n.jsx)("button",{onClick:()=>f(e),className:"px-4 py-2 rounded-full text-sm font-medium transition-all ".concat(m===e?"bg-zinc-900 text-white":"bg-white border border-zinc-200 text-zinc-600 hover:border-zinc-300"),children:h[e]||e},e))]})]})}),(0,n.jsx)("section",{className:"py-12 px-6",children:(0,n.jsx)("div",{className:"max-w-5xl mx-auto",children:0===g.length?(0,n.jsxs)("div",{className:"text-center py-20",children:[(0,n.jsx)("p",{className:"text-zinc-500 mb-6",children:0===p.length?"Content coming soon! Check back later or subscribe on YouTube.":"No content matches your search."}),(0,n.jsxs)("a",{href:"https://youtube.com/@itshansdekker",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 px-6 py-3 bg-zinc-900 hover:bg-zinc-800 text-white font-medium rounded-xl transition-colors",children:[(0,n.jsx)(i,{className:"w-5 h-5"}),"Watch on YouTube"]})]}):(0,n.jsx)("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-6",children:g.map(e=>(0,n.jsx)(l.default,{href:"/content/".concat(e.slug),className:"group",children:(0,n.jsxs)("div",{className:"bg-white rounded-2xl overflow-hidden shadow-[0_2px_8px_rgba(0,0,0,0.04)] hover:shadow-[0_20px_40px_rgba(0,0,0,0.1)] hover:-translate-y-1 transition-all duration-300",children:[(0,n.jsxs)("div",{className:"aspect-video bg-zinc-100 relative overflow-hidden",children:[e.thumbnail&&!e.thumbnail.includes("undefined")?(0,n.jsx)("img",{src:e.thumbnail,alt:e.title,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-300",onError:e=>{e.currentTarget.style.display="none"}}):(0,n.jsx)("div",{className:"w-full h-full bg-gradient-to-br from-blue-500 to-blue-700 flex items-center justify-center",children:(0,n.jsx)(c.Z,{className:"w-16 h-16 text-white/30"})}),"video"===e.type&&(0,n.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,n.jsx)("div",{className:"w-12 h-12 bg-red-600 rounded-full flex items-center justify-center group-hover:scale-110 transition-transform",children:(0,n.jsx)(o.Z,{className:"w-5 h-5 text-white ml-0.5",fill:"currentColor"})})}),e.duration&&(0,n.jsxs)("div",{className:"absolute bottom-2 right-2 bg-black/80 text-white text-xs px-2 py-1 rounded flex items-center gap-1",children:[(0,n.jsx)(u.Z,{className:"w-3 h-3"}),e.duration]}),"article"===e.type&&(0,n.jsx)("div",{className:"absolute bottom-2 right-2 bg-blue-600 text-white text-xs px-2 py-1 rounded",children:"Article"})]}),(0,n.jsx)("div",{className:"p-5",children:(0,n.jsx)("h3",{className:"font-semibold text-zinc-900 group-hover:text-blue-600 transition-colors line-clamp-2",children:e.title})})]})},e.slug))})})}),(0,n.jsx)("section",{className:"py-16 px-6",children:(0,n.jsx)("div",{className:"max-w-xl mx-auto text-center",children:(0,n.jsxs)("div",{className:"bg-white rounded-2xl p-8 shadow-[0_4px_20px_rgba(0,0,0,0.08)] border border-zinc-100",children:[(0,n.jsx)(i,{className:"w-12 h-12 text-red-500 mx-auto mb-4"}),(0,n.jsx)("h2",{className:"text-2xl font-serif text-zinc-900 mb-3",children:"Subscribe for more"}),(0,n.jsx)("p",{className:"text-zinc-600 text-sm mb-6",children:"New tutorials and insights every week on YouTube."}),(0,n.jsxs)("a",{href:"https://youtube.com/@itshansdekker",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 px-6 py-3 bg-zinc-900 hover:bg-zinc-800 text-white font-medium rounded-xl transition-colors",children:[(0,n.jsx)(i,{className:"w-5 h-5"}),"Subscribe on YouTube",(0,n.jsx)(d.Z,{className:"w-4 h-4"})]})]})})})]})}}},function(e){e.O(0,[6779,2971,2117,1744],function(){return e(e.s=1241)}),_N_E=e.O()}]);