PageSourceSearch

https://zynko.ai/assets/BlogPostsPage-CJyMdM3M.js

js zynko.ai collected 2026-10-05 13:21:31 UTC 4,678 bytes, 1 lines download raw bytes

1import{u,r as j,L as f,e as v,j as e,a0 as i,$ as y,U as N,a1 as d,B as w}from"./index-BIPYIMZ0.js";import n from"./Footer-CLihjkrM.js";import{P}from"./StarCanvas-DGYMkPqb.js";import{p as k,c as m,b as B}from"./blogPresentation-Bma_uFd0.js";import{C}from"./calendar-CBAuEOwJ.js";import{A as O}from"./arrow-right-B49t4Zme.js";import"./linkedin-mqzqlzth.js";const t="#f0f0f8",l="rgba(255,255,255,0.6)",R="rgba(255,255,255,0.45)",E="rgba(255,255,255,0.05)",x="1px solid rgba(255,255,255,0.1)",o="'Nunito', system-ui, sans-serif";function z(){const{t:a,i18n:g}=u();j.useEffect(()=>{window.scrollTo(0,0),f.viewBlog()},[]);const{data:h=[],isLoading:b,error:p}=v({queryKey:["/api/blog-posts"],queryFn:async()=>{const s=await fetch("/api/blog-posts");if(!s.ok)throw new Error("Failed to fetch blog posts");return(await s.json()).posts}});if(b)return e.jsxs("div",{style:{background:"#0d0d18",minHeight:"100vh"},children:[e.jsx(i,{}),e.jsx("main",{className:"pt-32 pb-20 px-4",children:e.jsx("div",{className:"container mx-auto flex items-center justify-center",children:e.jsx("div",{className:"animate-spin rounded-full h-12 w-12 border-b-2 border-primary"})})}),e.jsx(n,{})]});if(p)return e.jsxs("div",{style:{background:"#0d0d18",minHeight:"100vh"},children:[e.jsx(i,{}),e.jsx("main",{className:"pt-32 pb-20 px-4",children:e.jsxs("div",{className:"container mx-auto text-center",children:[e.jsx("h1",{className:"text-3xl font-extrabold mb-4",style:{fontFamily:o,color:t},children:a("blogPage.errorTitle")}),e.jsx("p",{style:{color:l},children:a("blogPage.errorMessage")})]})}),e.jsx(n,{})]});const c=k(h);return e.jsxs("div",{style:{background:"#0d0d18",minHeight:"100vh",position:"relative"},children:[e.jsx(y,{title:m.title,description:m.description,canonical:"https://zynko.ai/blog"}),e.jsx(P,{}
1),e.jsx("div",{className:"pointer-events-none fixed",style:{top:0,left:"50%",transform:"translateX(-50%)",width:"900px",height:"500px",background:"radial-gradient(ellipse, rgba(124,58,237,.12) 0%, transparent 65%)",zIndex:0}}),e.jsxs("div",{style:{position:"relative",zIndex:1},children:[e.jsx(i,{}),e.jsx("main",{className:"pt-32 pb-20 px-4",children:e.jsxs("div",{className:"container mx-auto",children:[e.jsxs("div",{className:"text-center mb-16",children:[e.jsx("h1",{className:"font-extrabold mb-6",style:{fontFamily:o,fontSize:"clamp(2rem, 6vw, 3.5rem)",color:t},children:a("blogPage.title")}),e.jsx("p",{className:"text-xl max-w-3xl mx-auto",style:{color:l},children:a("blogPage.subtitle")})]}),c.length>0?e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",children:c.map(s=>e.jsxs("div",{className:"group transition-all duration-300 rounded-2xl overflow-hidden",style:{background:E,border:x},onMouseEnter:r=>{r.currentTarget.style.border="1px solid rgba(124,58,237,0.4)"},onMouseLeave:r=>{r.currentTarget.style.border=x},children:[s.featuredImage&&e.jsxs("div",{className:"relative h-48 overflow-hidden",children:[e.jsx("img",{src:s.featuredImage,alt:s.featuredImageAlt||s.title,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"})]}),e.jsxs("div",{className:"p-6",children:[e.jsxs("div",{className:"flex items-center gap-4 text-sm mb-3",style:{color:R},children:[e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(N,{className:"h-4 w-4"}),e.jsx("span",{children:s.author})]}),s.publishedAt&&e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(C,{className:"h-4 w-4"}),e.jsx("span",{children:B(s.publishedAt,g.language)})]})]}),e.jsx("h2",{className:"text-xl font-extrabold mb-3 line-clamp-2 transition-colors duration-200",style:{fontFamily:o,color:t},children:s.title}),e.jsx("p",{className:"mb-4 line-clamp-3",style:{color:l},children:s.summary}),e.jsx(d,{href:`/blog/${s.slug}`,children:e.jsxs("button",{className:"inline-flex items-center font-semibold transition-opacity hover:opacity-75",style:{color:"#c4b5fd"},children:[a("blogPage.readMore"),e.jsx(O,{className:"ml-2 h-4 w-4 group-hover:translate-x-1 transition-transform duration-200"})]})})]})]},s.id))}):e.jsxs("div",{className:"text-center py-16",children:[e.jsx("h2",{className:"text-2xl font-extrabold mb-4",style:{fontFamily:o,color:t},children:a("blogPage.noPosts")}),e.jsx("p",{style:{color:l},children:a("blogPage.noPostsDescription")})]}),e.jsx("div",{className:"text-center mt-16",children:e.jsx(d,{href:"/",children:e.jsx(w,{variant:"outline",size:"lg",style:{borderColor:"rgba(255,255,255,0.2)",color:t,background:"transparent"},children:a("blogPage.backToHome")})})})]})}),e.jsx(n,{})]})]})}export{z 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.