https://joulwinn.com/_next/static/chunks/cfa7267709d8dac1.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,94351,e=>{"use strict";let t=(0,e.i(75254).default)("house",[["path",{d:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",key:"5wwlr5"}],["path",{d:"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",key:"r6nss1"}]]);e.s(["Home",()=>t],94351)},84614,e=>{"use strict";var t=e.i(46753);e.s(["User",()=>t.default])},55436,e=>{"use strict";var t=e.i(54943);e.s(["Search",()=>t.default])},51975,e=>{"use strict";let t=(0,e.i(75254).default)("tag",[["path",{d:"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",key:"vktsd0"}],["circle",{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor",key:"kqv944"}]]);e.s(["Tag",()=>t],51975)},61277,e=>{"use strict";let t=(0,e.i(75254).default)("calendar",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]]);e.s(["default",()=>t])},87316,e=>{"use strict";var t=e.i(61277);e.s(["Calendar",()=>t.default])},89515,e=>{"use strict";var t=e.i(43476),a=e.i(63059),s=e.i(94351),l=e.i(22016),r=e.i(57688);function i(){return(0,t.jsx)("section",{className:"container mx-auto px-4 py-2",children:(0,t.jsxs)("div",{className:"relative w-full h-[250px] md:h-[350px] overflow-hidden rounded-[2.5rem] flex items-center shadow-2xl",children:[(0,t.jsxs)("div",{className:"absolute inset-0 z-0",children:[(0,t.jsx)(r.default,{src:"https://images.unsplash.com/photo-1499750310107-5fef28a66643?q=80&w=2000&auto=format&fit=crop",alt:"Blog Hero Background",fill:!0,className:"object-cover",priority:!0}),(0,t.jsx)("div",{className:"absolute inset-0 bg-slate-900/60 backdrop-blur-[2px]"})]}),(0,t.jsx)("div",{className:"relative z-10 px-8 md:px-16 w-full",children:(0,t.jsxs)("div",{className:"max-w-3xl",children:[(0,t.jsxs)("nav",{className:"flex items-center gap-2 text-blue-200 text-xs md:text-sm mb-6 animate-in fade-in slide-in-from-left duration-500",children:[(0,t.jsxs)(l.default,{href:"/",className:"flex items-center gap-1.5 hover:text-white transition-colors",children:[(0,t.jsx)(s.Home,{className:"w-4 h-4"}),"Beranda"]}),(0,t.jsx)(a.ChevronRight,{className:"w-3 h-3 text-slate-400"}),(0,t.jsx)("span",{className:"text-white font-medium",children:"Blog"})]}),(0,t.jsxs)("h1",{className:"text-4xl md:text-6xl font-extrabold text-white mb-6 tracking-tight animate-in fade-in slide-in-from-left duration-700",children:["Wawasan ",(0,t.jsx)("span",{className:"text-blue-400",children:"&"})," Berita"]}),(0,t.jsx)("p",{className:"text-slate-200 text-sm md:text-lg max-w-2xl leading-relaxed animate-in fade-in slide-in-from-left duration-1000",children:"Temukan artikel terbaru seputar pengadaan, logistik, dan manajemen bisnis untuk masa depan perusahaan Anda."})]})})]})})}e.s(["default",()=>i])},53946,e=>{"use strict";var t=e.i(43476),a=e.i(71645),s=e.i(9165),l=e.i(57688),r=e.i(22016),i=e.i(87316),d=e.i(63059),n=e.i(84614),c=e.i(55436),o=e.i(51975);let x=["All","Management","Technology","Tips & Trick","Safety","Company News"];function m(){let[e,m]=(0,a.useState)([]),[h,u]=(0,a.useState)(!0),[p,g]=(0,a.useState)(1),[f,b]=(0,a.useState)(1),[w,v]=(0,a.useState)("All"),[j,N]=(0,a.useState)("");(0,a.useEffect)(()=>{(async(e=1)=>{u(!0);try{let t=await (0,s.apiFetch)(`/articles?page=${e}`),a=await t.json();if(a.success){let e=a.data.map(e=>({id:e.id,title:e.title,slug:e.slug,excerpt:e.excerpt||(e.content?e.content.substring(0,150).replace(/<[^>]*>/g,"")+"...":""),category:e.category||"General",date:new Date(e.created_at).toLocaleDateString("id-ID",{day:"numeric",month:"short",year:"numeric"}),author:e.author?.nama||"Admin",image:e.image||"https://images.unsplash.com/photo-1586528116311-ad86d35703f8?q=80&w=800&auto=format&fit=crop",isFeatured:!1}));m(e),g(a.pagination.current_page),b(a.pagination.last_page)}}catch(e){console.error("Failed to fetch articles:",e)}finally{u(!1)}})(p)}

1,[p]);let k=e.filter(e=>{let t="All"===w||e.category===w,a=e.title.toLowerCase().includes(j.toLowerCase())||e.excerpt.toLowerCase().includes(j.toLowerCase());return t&&a}),y=e.length>0?e[0]:null;return(0,t.jsxs)("section",{className:"container mx-auto px-4 py-2 md:py-4",children:[(0,t.jsxs)("div",{className:"flex flex-col lg:flex-row items-center justify-between gap-8 mb-16",children:[(0,t.jsx)("div",{className:"flex flex-wrap items-center justify-start gap-3 w-full lg:w-auto",children:x.map(e=>(0,t.jsx)("button",{onClick:()=>v(e),className:`px-6 py-2.5 rounded-full text-sm font-bold transition-all ${w===e?"bg-blue-600 text-white shadow-lg shadow-blue-500/20":"bg-white dark:bg-slate-900 border border-slate-100 dark:border-slate-800 text-slate-600 dark:text-slate-400 hover:bg-slate-50 dark:hover:bg-slate-800"}`,children:e},e))}),(0,t.jsxs)("div",{className:"relative w-full lg:w-96",children:[(0,t.jsx)("input",{type:"text",placeholder:"Cari artikel...",value:j,onChange:e=>N(e.target.value),className:"w-full py-3.5 pl-12 pr-6 rounded-[1.5rem] bg-white dark:bg-slate-900 border border-slate-100 dark:border-slate-800 focus:outline-none focus:ring-2 focus:ring-blue-500/50 shadow-sm transition-all dark:text-white"}),(0,t.jsx)(c.Search,{className:"absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400"})]})]}),h?(0,t.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10",children:[1,2,3].map(e=>(0,t.jsx)("div",{className:"h-[400px] bg-slate-100 dark:bg-slate-800 animate-pulse rounded-[2.5rem]"},e))}):(0,t.jsxs)(t.Fragment,{children:["All"===w&&!j&&y&&1===p&&(0,t.jsx)("div",{className:"mb-20",children:(0,t.jsxs)("div",{className:"group relative w-full aspect-[4/3] sm:aspect-[2/1] md:aspect-[21/9] min-h-[400px] rounded-[3rem] overflow-hidden bg-slate-100 dark:bg-slate-900 shadow-2xl",children:[(0,t.jsx)(l.default,{src:y.image,alt:y.title,fill:!0,className:"object-cover group-hover:scale-105 transition-transform duration-1000",priority:!0}),(0,t.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-slate-900 via-slate-900/40 to-transparent"}),(0,t.jsxs)("div",{className:"absolute bottom-0 left-0 p-8 md:p-16 max-w-3xl",children:[(0,t.jsx)("span",{className:"inline-block px-4 py-1.5 bg-blue-600 text-white rounded-full text-[10px] font-bold uppercase tracking-widest mb-6 shadow-lg shadow-blue-600/30",children:"Featured Post"}),(0,t.jsx)(r.default,{href:`/blog/${y.slug}`,children:(0,t.jsx)("h2",{className:"text-3xl md:text-5xl font-black text-white mb-6 hover:text-blue-400 transition-colors cursor-pointer leading-tight",children:y.title})}),(0,t.jsx)("p",{className:"text-slate-200 text-sm md:text-base line-clamp-2 md:line-clamp-none mb-8 opacity-90 leading-relaxed",children:y.excerpt}),(0,t.jsxs)("div",{className:"flex items-center gap-6 text-slate-300 text-xs",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(n.User,{className:"w-4 h-4 text-blue-400"}),y.author]}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(i.Calendar,{className:"w-4 h-4 text-blue-400"}),y.date]})]})]})]})}),(0,t.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10",children:k.length>0?k.map(e=>(0,t.jsxs)("article",{className:"group flex flex-col bg-white dark:bg-slate-900/50 rounded-[2.5rem] overflow-hidden border border-slate-100 dark:border-slate-800 transition-all duration-500 hover:shadow-2xl hover:shadow-blue-500/10 hover:-translate-y-2",children:[(0,t.jsxs)("div",{className:"relative aspect-[16/10] overflow-hidden bg-slate-100 dark:bg-slate-800",children:[(0,t.jsx)(l.default,{src:e.image,alt:e.title,fill:!0,className:"object-cover group-hover:scale-105 transition-transform duration-700",sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"}),(0,t.jsx)("div",{className:"absolute top-6 left-6",children:(0,t.jsx)("span",{className:"px-4 py-1.5 bg-white/90 dark:bg-slate-900/90 backdrop-blur-md rounded-full text-[10px] font-extrabold text-blue-600 uppercase tracking-widest shadow-sm",children:e.category})})]}),(0,t.jsxs)("div",{className:"p-8 md:p-10 flex flex-col flex-grow",children:[(0,t.jsxs)("div",{className:"flex items-center gap-4 text-slate-400 text-[11px] mb-6",children:[(0,t.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,t.jsx)(i.Calendar,{className:"w-3.5 h-3.5"}),e.date]}),(0,t.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,t.jsx)(n.User,{className:"w-3.5 h-3.5"}),e.author]})]}),(0,t.jsx)(r.default,{href:`/blog/${e.slug}`,children:(0,t.jsx)("h3",{className:"text-xl font-bold text-slate-900 dark:text-white mb-4 group-hover:text-blue-600 transition-colors line-clamp-2 leading-snug",children:e.title})}),(0,t.jsx)("p",{className:"text-slate-500 dark:text-slate-400 text-sm line-clamp-3 mb-8 leading-relaxed",children:e.excerpt}),(0,t.jsxs)(r.default,{href:`/blog/${e.slug}`,className:"mt-auto inline-flex items-center gap-2 text-xs font-bold text-slate-900 dark:text-slate-200 uppercase tracking-widest group-hover:gap-3 transition-all",children:["Read Article",(0,t.jsx)(d.

1ChevronRight,{className:"w-5 h-5 text-blue-600"})]})]})]},e.id)):(0,t.jsxs)("div",{className:"col-span-1 md:col-span-2 lg:col-span-3 text-center py-12 bg-white dark:bg-slate-900 rounded-[3rem] border border-dashed border-slate-200 dark:border-slate-800",children:[(0,t.jsx)(o.Tag,{className:"w-16 h-16 text-slate-200 dark:text-slate-800 mx-auto mb-6"}),(0,t.jsx)("h3",{className:"text-xl font-bold text-slate-800 dark:text-white pb-2",children:"Tidak ada artikel ditemukan"}),(0,t.jsx)("p",{className:"text-slate-500 dark:text-slate-400",children:"Coba ubah filter kategori atau kata kunci pencarian Anda."})]})}),f>1&&(0,t.jsx)("div",{className:"mt-20 flex justify-center",children:(0,t.jsx)("div",{className:"flex gap-2",children:Array.from({length:f},(e,t)=>t+1).map(e=>(0,t.jsx)("button",{onClick:()=>g(e),className:`w-12 h-12 rounded-[1rem] flex items-center justify-center text-sm font-bold transition-all ${p===e?"bg-slate-900 dark:bg-blue-600 text-white shadow-lg":"bg-white dark:bg-slate-900 border border-slate-100 dark:border-slate-800 text-slate-600 dark:text-slate-400 hover:border-blue-500"}`,children:e},e))})})]})]})}e.s(["default",()=>m])}]);