https://ugc-agency.replit.app/assets/blog-Dz-Bn_nH.js

1import{j as e}from"./vendor-ui-D1UDeh-v.js";import{L as m}from"./layout--B8TB0W1.js";import{u as c}from"./vendor-query-CubfWGpY.js";import{L as d}from"./vendor-react-DeqsDqFx.js";import{u as p}from"./use-seo-BJAhuUIr.js";import{B as x}from"./breadcrumb-8xCowc82.js";import{a as g,b as u,C as h}from"./card-Dkz0sTZx.js";import{B as f}from"./badge-BkFkMDWj.js";import{aL as j}from"./index-BSwJ188z.js";import{c as y}from"./skeleton-Ac-8osXG.js";import{u as b,m as i}from"./vendor-motion-BDEIWYOb.js";import{C as N}from"./calendar-DrU_gFIm.js";import{A as v}from"./arrow-right-Cx55QxEm.js";import"./theme-toggle-YE_R6qAm.js";import"./dropdown-menu-BQTXEdty.js";import"./chevron-right-CffDALGq.js";import"./check-XshoAwZn.js";import"./circle-Sp_oSXiz.js";import"./mail-BJI8Veca.js";import"./instagram-BIoGurt6.js";import"./map-pin-n-3iTPbQ.js";import"./lock-CRxb3seQ.js";import"./vendor-pdf-CKHnKPQA.js";import"./vendor-charts-ySIMY-rc.js";function J(){const s=b(),{data:n,isLoading:l}=c(j);p({title:"Blog UGC - Tendencias, Consejos y Estrategias",description:"Descubre las últimas tendencias en UGC, consejos de marketing, estrategias de contenido y casos de éxito. Aprende de los expertos de UGC Lab."});const t=(a=0)=>({duration:s?0:.5,delay:s?0:a}),o=n?.filter(a=>a.published)||[];return e.jsx(m,{children:e.jsx("section",{className:"py-16 sm:py-20 md:py-24 bg-gradient-to-b from-primary/5 to-background",children:e.jsxs("div",{className:"container-wide",children:[e.jsx(x,{items:[{label:"Blog",href:"/blog"}],className:"mb-8"}),e.jsxs(i.div,{className:"text-center max-w-3xl mx-auto mb-12",initial:s?{opacity:1}:{opacity:0,y:20},animate:{opacity:1,y:0},transition:t(),children:[e.jsx("h1",{className:"text-3xl sm:text-4xl md:text-5xl font-display font-bold mb-4",children:"Blog UGC"}),e.jsx("p",{className:"text-lg text-muted-foreground",children:"Tendencias, consejos y estrategias para dominar el contenido generado por usuarios"})]}),l?e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-6",children:Array.from({length:6}).map((a,r)=>e.jsx(y,{},r))}):o.length===0?e.jsxs(i.div,{className:"text-center py-16",initial:s?{opacity:1}:{opacity:0},animate:{opacity:1},transition:t(),children:[e.jsx("p",{className:"text-muted-foreground text-lg mb-4",children:"Pronto publicaremos contenido interesante."}),e.jsx("p",{className:"text-muted-foreground",children:"Síguenos en redes para estar al tanto de las novedades."})]}):e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-6",children:o.map((a,r)=>e.jsx(i.div,{initial:s?{opacity:1}:{opacity:0,y:20},animate:{opacity:1,y:0},transition:t(r*.1),children:e.jsx(d,{href:`/blog/${a.slug}`,children:e.jsxs(g,{className:"h-full hover:shadow-lg transition-all cursor-pointer group overflow-hidden","data-testid":`card-blog-${a.slug}`,children:[a.coverImage&&e.jsx("div",{className:"aspect-video overflow-hidden",children:e.jsx("img",{src:a.coverImage,alt:a.title,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-300",loading:"lazy"})}),e.jsxs(u,{className:"pb-2",children:[a.category&&e.jsx(f,{variant:"secondary",className:"w-fit mb-2",children:a.category}),e.jsx("h2",{className:"text-lg font-bold group-hover:text-primary transition-colors line-clamp-2",children:a.title})]}),e.jsxs(h,{className:"pt-0",children:[a.excerpt&&e.jsx("p",{className:"text-muted-foreground text-sm line-clamp-3 mb-4",children:a.excerpt}),e.jsxs("div",{className:"flex items-center justify-between text-xs text-muted-foreground",children:[e.jsx("div",{className:"flex items-center gap-3",children:e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(N,{className:"w-3 h-3"}),a.publishedAt?new Date(a.publishedAt).toLocaleDateString("es-ES",{year:"numeric",month:"short",day:"numeric"}):"Reciente"]})}),e.jsxs("span",{className:"flex items-center gap-1 text-primary group-hover:gap-2 transition-all",children:["Leer más ",e.jsx(v,{className:"w-3 h-3"})]})]})]})]})})},a.id))})]})})})}export{J as default};
2//# sourceMappingURL=blog-Dz-Bn_nH.js.map