1import{u as d,j as e,L as m,I as x}from"./index-BiYzqyXr.js";import{C as c,a as g}from"./card-CBGkxTQ4.js";import{S as p}from"./SEOHead-Cpn4d8LY.js";import{u}from"./useTranslatedBlog-tZWQvB7T.js";import{S as h}from"./ScrollReveal-D2M6GTM0.js";const a=3;function n({article:s,index:l}){const{t:i}=d();return e.jsx(m,{href:`/blog/${s.slug}`,className:"group block","data-testid":`card-blog-${s.slug}`,children:e.jsxs(c,{className:"h-full overflow-visible hover-elevate",children:[e.jsx("div",{className:"aspect-[16/10] overflow-hidden rounded-t-xl",children:e.jsx("img",{src:s.image,alt:s.title,className:"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105",style:{objectPosition:s.imagePosition??"center top"},loading:l<a?"eager":"lazy",fetchPriority:l<a?"high":"auto"})}),e.jsxs(g,{className:"p-5 pt-5",children:[e.jsx("div",{className:"flex items-center gap-2 flex-wrap mb-3",children:s.categories.map(o=>e.jsx("span",{className:"text-xs font-medium px-2 py-0.5 rounded-full bg-foreground/10 text-foreground",children:o},o))}),e.jsx("h3",{className:"font-semibold text-lg mb-2 line-clamp-2 text-foreground group-hover:text-primary transition-colors","data-testid":`text-blog-title-${s.slug}`,children:s.title}),e.jsx("p",{className:"text-sm text-muted-foreground line-clamp-3 mb-4",children:s.description}),e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:s.date}),e.jsxs("span",{className:"text-xs font-medium text-primary flex items-center gap-1 group-hover:gap-2 transition-all",children:[i("blog.readMore"),e.jsx(x,{icon:"arrow_forward",size:14})]})]})]})]})},s.slug)}function w(){const{t:s}=d(),l=u(),i=l.slice(0,a),o=l.slice(a);return e.jsxs("div",{className:"pt-16",children:[e.jsx(p,{title:s("blog.seoTitle"),description:s("blog.seoDescription"),breadcrumbs:[{name:"Home",url:"/"},{name:"Blog",url:"/blog"}]}),e.jsxs("section",{className:"relative min-h-[400px] flex items-center overflow-hidden bg-[#111111] dark",children:[e.jsx("div",{className:"absolute top-24 right-[25%] w-14 h-14 border border-primary/15 rounded-xl -rotate-6 animate-float"}),e.jsx("div",{className:"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20",children:e.jsxs("div",{className:"max-w-2xl",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-4 py-2 rounded-full glassmorphism mb-8",children:[e.jsx("span",{className:"w-2 h-2 rounded-full bg-primary animate-pulse glow-primary"}),e.jsx("span",{className:"text-sm font-medium text-foreground/80",children:s("blog.badge")})]}),e.jsx("h1",{className:"text-4xl md:text-5xl font-bold tracking-tight mb-6 text-foreground","data-testid":"text-blog-headline",children:s("blog.title")}),e.jsx("p",{className:"text-lg text-foreground/70 leading-relaxed",children:s("blog.subtitle")})]})})]}),e.jsx("section",{className:"py-16",children:e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-8",children:[i.map((t,r)=>e.jsx(n,{article:t,index:r},t.slug)),o.map((t,r)=>e.jsx(h,{delay:Math.min(r%3*80,160),threshold:.05,children:e.jsx(n,{article:t,index:a+r})},t.slug))]})})})]})}export{w as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.