https://yamato-digital.lovable.app/assets/blog.index-DaZ_egO0.js

1import{d as e,f as t,h as n,m as r,n as i,p as a,r as o,u as s}from"./index-DLjR_srp.js";import{t as c}from"./Reveal-CwDkPO-e.js";var l=n(r()),u=a(),d=6;function f(){let n=o(),[r,a]=(0,l.useState)(d),f=n.slice(0,r),p=r<n.length;return(0,u.jsxs)(`div`,{className:`bg-paper text-ink`,children:[(0,u.jsx)(e,{}),(0,u.jsxs)(`main`,{className:`px-6 sm:px-10 lg:px-20 xl:px-28`,children:[(0,u.jsx)(`section`,{className:`pt-20 pb-12 md:pt-28 md:pb-16`,children:(0,u.jsxs)(`div`,{className:`mx-auto max-w-6xl`,children:[(0,u.jsx)(`h1`,{className:`font-serif text-[clamp(3rem,8vw,6rem)] leading-[0.9] tracking-[-0.02em]`,children:`Blog`}),(0,u.jsx)(`p`,{className:`mt-6 max-w-xl text-lg text-muted-ink md:text-xl`,children:`Ideas, opiniones y notas sobre marketing, dirección, IA aplicada y ejecución.`})]})}),(0,u.jsx)(`section`,{className:`pb-24 md:pb-32`,children:(0,u.jsxs)(`div`,{className:`mx-auto max-w-6xl`,children:[n.length===0?(0,u.jsx)(`p`,{className:`text-muted-ink`,children:`Pronto habrá algo aquí.`}):(0,u.jsx)(`ul`,{className:`grid grid-cols-1 gap-x-10 gap-y-16 md:grid-cols-2`,children:f.map((e,n)=>(0,u.jsx)(c,{as:`li`,variant:`fade-up`,delay:n%d*60,children:(0,u.jsxs)(t,{to:`/blog/$slug`,params:{slug:e.slug},className:`group block`,children:[e.cover?(0,u.jsx)(`div`,{className:`aspect-[16/10] w-full overflow-hidden bg-hairline`,children:(0,u.jsx)(`img`,{src:e.cover,alt:e.title,loading:`lazy`,decoding:`async`,className:`h-full w-full object-cover transition-transform duration-[900ms] ease-[cubic-bezier(0.22,1,0.36,1)] group-hover:scale-[1.03]`})}):(0,u.jsx)(`div`,{className:`aspect-[16/10] w-full bg-hairline`}),(0,u.jsxs)(`div`,{className:`mt-5`,children:[(0,u.jsxs)(`div`,{className:`text-xs uppercase tracking-[0.14em] text-muted-ink`,children:[i(e.date),` · `,e.readingMinutes,` min`]}),(0,u.jsx)(`h2`,{className:`mt-3 font-serif text-2xl leading-[1.15] tracking-[-0.01em] text-ink group-hover:underline underline-offset-4 decoration-1`,children:e.title})]})]})},e.slug))}),p?(0,u.jsx)(`div`,{className:`mt-16 flex justify-center`,children:(0,u.jsx)(`button`,{type:`button`,onClick:()=>a(e=>e+d),className:`rounded-full bg-ink px-8 py-3 text-sm font-medium text-paper transition-opacity hover:opacity-90`,children:`Cargar más`})}):null]})})]}),(0,u.jsx)(s,{})]})}export{f as component};