https://milarivera.lovable.app/assets/blog.index-DW1bDgCa.js

1import{W as b,j as e,u as c,p as j,L as d,Y as m,Z as p,_ as f}from"./index-BSeo_c75.js";import{P as N,N as v,F as y,S as g,H as w}from"./shared-u-VnaD1G.js";import"./primary-logo.png.asset-CPKZ8Sal.js";import"./alternate-logo.png.asset-ATPM95oO.js";import"./submark.png.asset-DEX4GL3r.js";const u=["bg-lemon","bg-brand","bg-palm","bg-papaya"];function h({post:s,index:l,className:n=""}){const r=f(s.featured_image_url),i=u[l%u.length],a=s.title,o=s.category?s.category:"Notitie",t=`${String(l+1).padStart(2,"0")} / ${o}`;return e.jsxs("div",{className:`relative overflow-hidden bg-ink ${n}`,children:[r&&e.jsx("img",{src:r,alt:a,loading:"lazy",className:"absolute inset-0 h-full w-full object-cover transition-transform duration-700 ease-out group-hover:scale-[1.04]"}),e.jsxs("div",{className:"absolute right-5 top-5 inline-flex items-center gap-2 rounded-full bg-cream/90 px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.22em] text-cocoa backdrop-blur",children:[e.jsx("span",{className:`h-1.5 w-1.5 rounded-full ${i}`}),t]})]})}function _(){const s=c("auto.routes.blog.index");return e.jsxs("section",{className:"relative overflow-hidden bg-cream pt-10 pb-16 lg:pt-12 lg:pb-24",children:[e.jsx(g,{className:"absolute left-[6%] top-[22%] h-6 w-6 opacity-80",color:"#FFD93D"}),e.jsx(g,{className:"absolute right-[8%] bottom-[18%] h-5 w-5 opacity-80",color:"#38B273"}),e.jsx(w,{className:"absolute left-[10%] bottom-[14%] h-5 w-5 opacity-70"}),e.jsxs("div",{className:"mx-auto max-w-7xl px-6 lg:px-10",children:[e.jsxs("span",{className:"inline-flex items-center gap-2 rounded-full bg-blush px-4 py-2 text-[11px] font-semibold uppercase tracking-[0.22em] text-raspberry",children:[e.jsx("span",{className:"h-1.5 w-1.5 rounded-full bg-brand"}),s("De notities")]}),e.jsx("h1",{className:"mt-6 max-w-3xl font-display text-[44px] leading-[1.02] tracking-tight text-cocoa md:text-[64px] lg:text-[76px]",children:s("Notities over merken die blijven hangen.")}),e.jsx("p",{className:"mt-8 max-w-xl text-lg leading-relaxed text-cocoa/80",children:s("Geen trends, geen trucjes. Wel eerlijke gedachten over branding, merkbeleving en zichtbaarheid.")})]})]})}function k(){const s=c("auto.routes.blog.index");return e.jsx("section",{className:"bg-blush py-24 lg:py-32",children:e.jsxs("div",{className:"mx-auto max-w-2xl px-6 text-center lg:px-10",children:[e.jsx("span",{className:"font-accent text-3xl text-raspberry",children:"binnenkort"}),e.jsx("h2",{className:"mt-3 font-display text-3xl leading-snug text-cocoa md:text-4xl",children:s("De eerste notitie staat al in de pen.")}),e.jsx("p",{className:"mt-4 text-cocoa/75",children:s("Nog geen gepubliceerde artikels — kom binnenkort terug.")})]})})}function L({posts:s}){const l=c("auto.routes.blog.index"),{translateField:n,currentLocale:r}=j(),i=r;if(s.length===0)return e.jsx(k,{});const[a,...o]=s;return e.jsx("section",{className:"bg-blush py-20 lg:py-28",children:e.jsxs("div",{className:"mx-auto max-w-7xl px-6 lg:px-10",children:[e.jsx(d,{to:"/blog/$slug",params:{slug:a.slug},className:"group block",children:e.jsxs("article",{className:"grid grid-cols-1 overflow-hidden rounded-[2.5rem] bg-cream shadow-2xl transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_30px_60px_-20px_rgba(80,30,40,0.35)] lg:grid-cols-[1.05fr_0.95fr]",children:[e.jsx(h,{post:a,index:0,className:"min-h-[280px] lg:min-h-[440px]"}),e.jsxs("div",{className:"flex flex-col justify-between gap-6 p-8 md:p-12",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-3 text-[11px] font-semibold uppercase tracking-[0.22em] text-cocoa/60",children:[e.jsx("span",{className:"rounded-full bg-lemon px-3 py-1 text-cocoa",children:l("Nieuwste")}),a.published_at&&e.jsx("span",{children:m(a.published_at,i)}),e.jsx("span",{children:"·"}),e.jsxs("span",{children:[p(a.content)," ","lezen"]})]}),e.jsx("h2",{className:"mt-5 font-display text-3xl leading-[1.05] text-cocoa md:text-4xl lg:text-5xl",children:n(a,"blog_posts","title")}),e.jsx("p",{className:"mt-5 text-base leading-relaxed text-cocoa/80 md:text-lg",children:n(a,"blog_posts","excerpt")})]}),e.jsxs("span",{className:"inline-flex items-center gap-2 text-[11px] font-semibold uppercase tracking-[0.22em] text-raspberry transition-transform duration-300 group-hover:translate-x-1",children:[l("Lees het artikel")," ",e.jsx("span",{"aria-hidden":!0,

1children:"→"})]})]})]})}),o.length>0&&e.jsx("div",{className:"mt-12 grid grid-cols-1 gap-8 md:grid-cols-2",children:o.map((t,x)=>e.jsx(d,{to:"/blog/$slug",params:{slug:t.slug},className:`group block ${x===1?"md:translate-y-8":""}`,children:e.jsxs("article",{className:"flex h-full flex-col overflow-hidden rounded-[2rem] bg-cream shadow-xl transition-all duration-300 hover:-translate-y-2 hover:shadow-2xl",children:[e.jsx(h,{post:t,index:x+1,className:"aspect-[16/10]"}),e.jsxs("div",{className:"flex flex-1 flex-col gap-5 p-7 md:p-8",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-3 text-[11px] font-semibold uppercase tracking-[0.22em] text-cocoa/60",children:[t.published_at&&e.jsx("span",{children:m(t.published_at,i)}),e.jsx("span",{children:"·"}),e.jsxs("span",{children:[p(t.content)," ","lezen"]})]}),e.jsx("h3",{className:"font-display text-2xl leading-snug text-cocoa md:text-3xl",children:n(t,"blog_posts","title")}),e.jsx("p",{className:"text-sm leading-relaxed text-cocoa/75 md:text-base",children:n(t,"blog_posts","excerpt")}),e.jsxs("span",{className:"mt-auto inline-flex items-center gap-2 text-[11px] font-semibold uppercase tracking-[0.22em] text-raspberry transition-transform duration-300 group-hover:translate-x-1",children:[l("Lees verder")," ",e.jsx("span",{"aria-hidden":!0,children:"→"})]})]})]})},t.id??t.slug))})]})})}function B(){const{posts:s}=b.useLoaderData();return e.jsx(N,{slug:"/blog",children:e.jsxs("div",{className:"min-h-screen bg-cream",children:[e.jsx(v,{}),e.jsxs("main",{children:[e.jsx(_,{}),e.jsx(L,{posts:s})]}),e.jsx(y,{})]})})}export{B as component};