https://axontic.com/assets/blog.index-BpirtPfK.js

1import{p as x,q as g,j as e,L as s}from"./index-Cp3m2YrS.js";import{u as i}from"./useServerFn-C8_uWj15.js";import{u as d}from"./useQuery-CZjcN8m0.js";import{C as u}from"./ContentPage-B5Myg0E1.js";import"./useBaseQuery-BXxQxwst.js";import"./Reveal-C_THhZ7-.js";import"./MouseAurora-qvV3e-3f.js";function k(){const o=i(x),c=i(g),r=d({queryKey:["public-posts"],queryFn:()=>o({data:{}})}),m=d({queryKey:["public-categories"],queryFn:()=>c()});return e.jsxs(u,{title:e.jsx(e.Fragment,{children:"Was wir über E-Mail-Arbeit gelernt haben."}),lead:"Best Practices, Case Studies und ehrliche Notes from the Field.",bodyTone:"light",children:[e.jsx("div",{className:"flex flex-wrap gap-2",children:(m.data??[]).map(a=>e.jsx(s,{to:"/blog-category/$slug",params:{slug:a.slug},className:"rounded-full border border-brand-black/15 bg-brand-white px-4 py-1.5 text-[11px] font-medium uppercase tracking-[0.18em] text-brand-black/70 transition-colors hover:border-brand-indigo hover:bg-brand-indigo hover:text-brand-white",children:a.name},a.id))}),(!r.data||r.data.length===0)&&e.jsxs("div",{className:"mt-16 border-y border-brand-black/15 py-20 text-center",children:[e.jsx("p",{className:"font-mono text-[10px] font-bold uppercase tracking-[0.25em] text-brand-black/60",children:"Bald"}),e.jsx("h2",{className:"mt-4 text-3xl font-semibold tracking-tight text-brand-black sm:text-4xl",children:"Erste Beiträge folgen in Kürze."})]}),r.data&&r.data.length>0&&(()=>{const[a,...l]=r.data;return e.jsxs("div",{className:"mt-16",children:[e.jsxs(s,{to:"/blog/$slug",params:{slug:a.slug},className:"group grid gap-10 border-y border-brand-black/15 py-12 lg:grid-cols-[minmax(0,_1.1fr)_minmax(0,_1fr)] lg:gap-16",children:[a.cover_image_url&&e.jsx("div",{className:"overflow-hidden",children:e.jsx("img",{src:a.cover_image_url,alt:"",className:"aspect-[4/3] w-full object-cover transition-transform duration-700 group-hover:scale-[1.03]"})}),e.jsxs("div",{className:"flex flex-col justify-center",children:[e.jsx("p",{className:"font-mono text-[10px] font-bold uppercase tracking-[0.25em] text-brand-indigo",children:"Featured"}),e.jsx("h2",{className:"display-3 mt-4 text-brand-black group-hover:text-brand-indigo",children:a.title}),a.excerpt&&e.jsx("p",{className:"mt-6 max-w-xl text-base leading-relaxed text-brand-black/75",children:a.excerpt}),e.jsxs("p",{className:"mt-6 text-xs uppercase tracking-[0.2em] text-brand-black/55",children:[a.author?.name&&e.jsxs(e.Fragment,{children:[a.author.name," · "]}),a.published_at&&new Date(a.published_at).toLocaleDateString("de-DE"),a.reading_minutes&&e.jsxs(e.Fragment,{children:[" · ",a.reading_minutes," Min"]})]})]})]}),l.length>0&&e.jsx("ul",{className:"mt-16 grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-3",children:l.map(t=>e.jsx("li",{children:e.jsxs(s,{to:"/blog/$slug",params:{slug:t.slug},className:"group block",children:[t.cover_image_url&&e.jsx("div",{className:"overflow-hidden",children:e.jsx("img",{src:t.cover_image_url,alt:"",className:"aspect-[4/3] w-full object-cover transition-transform duration-700 group-hover:scale-[1.04]",loading:"lazy"})}),e.jsx("div",{className:"mt-4 flex flex-wrap gap-2",children:t.categories.map(n=>e.jsx("span",{className:"font-mono text-[10px] uppercase tracking-[0.2em] text-brand-indigo",children:n.name},n.slug))}),e.jsx("h2",{className:"mt-3 text-xl font-semibold tracking-tight text-brand-black group-hover:text-brand-indigo",children:t.title}),t.excerpt&&e.jsx("p",{className:"mt-2 text-sm leading-relaxed text-brand-black/70",children:t.excerpt}),e.jsxs("p",{className:"mt-3 text-xs uppercase tracking-[0.18em] text-brand-black/50",children:[t.author?.name&&e.jsxs(e.Fragment,{children:[t.author.name," · "]}),t.published_at&&new Date(t.published_at).toLocaleDateString("de-DE"),t.reading_minutes&&e.jsxs(e.Fragment,{children:[" · ",t.reading_minutes," Min"]})]})]})},t.id))})]})})()]})}export{k as component};