1import{j as e}from"./vendor-react-HdTIWlXF.js";import{u as o,k as c,B as i,L as a}from"./index-B2zqG137.js";import{S as m}from"./SEOHead-9UraMqHt.js";import{g as x,a as g,f as n,b as h,i as u}from"./icononly_1767595675944-omZCvkBl.js";import{P as f}from"./PublicNav-DDytMmYO.js";import{A as d}from"./arrow-right-DPHgf7Ne.js";import{C as p}from"./calendar-CZUqL24L.js";import{C as b}from"./clock-BLhrQzj4.js";import"./vendor-monaco-COeXZpBc.js";import"./vendor-tanstack-B4DG7WkQ.js";import"./vendor-posthog-DOLZbfys.js";import"./vendor-radix-z1AaiOpL.js";function j({post:t}){const[,r]=o();return e.jsxs("article",{className:"group bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden hover:shadow-lg hover:border-blue-200 dark:hover:border-blue-800 transition-all cursor-pointer",onClick:()=>r(`/blog/${t.slug}`),"data-testid":`card-blog-${t.slug}`,children:[e.jsxs("div",{className:"aspect-[1200/628] relative overflow-hidden",children:[t.thumbnail?e.jsx("img",{src:t.thumbnail,alt:t.title,className:"absolute inset-0 w-full h-full object-cover",onError:l=>{l.currentTarget.style.display="none"}}):e.jsxs("div",{className:"absolute inset-0 bg-gradient-to-br from-indigo-600 via-blue-500 to-purple-600",children:[e.jsx("div",{className:"absolute inset-0 opacity-20",style:{backgroundImage:`url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.15' fill-rule='evenodd'%3E%3Cpath d='M0 20L20 0v20H0zm20 0L40 0v20H20zM0 40l20-20v20H0zm20 0l20-20v20H20z'/%3E%3C/g%3E%3C/svg%3E")`}}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx("img",{src:n,alt:"CodeFlow Lab",className:"h-12 opacity-30"})})]}),e.jsx("div",{className:"absolute top-4 left-4",children:e.jsx(c,{className:"bg-blue-600 hover:bg-blue-700 text-white",children:t.category})})]}),e.jsxs("div",{className:"p-6",children:[e.jsxs("div",{className:"flex items-center gap-4 text-sm text-gray-500 dark:text-gray-400 mb-3",children:[e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(p,{className:"h-4 w-4"}),h(t.publishedAt)]}),e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(b,{className:"h-4 w-4"}),t.readTime]})]}),e.jsx("h2",{className:"text-xl font-semibold text-gray-900 dark:text-white mb-3 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors line-clamp-2",children:t.title}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-4 line-clamp-3",children:t.excerpt}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("img",{src:u,alt:"CodeFlow Lab",className:"w-8 h-8 rounded-full"}),e.jsxs("div",{className:"text-sm",children:[e.jsx("p",{className:"font-medium text-gray-900 dark:text-white",children:t.author.name}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400",children:t.author.role})]})]}),e.jsxs("span",{className:"text-blue-600 dark:text-blue-400 font-medium text-sm flex items-center gap-1 group-hover:gap-2 transition-all",children:["Read more ",e.jsx(d,{className:"h-4 w-4"})]})]})]})]})}function P(){const[,t]=o(),r=x(),l=g();return e.jsxs("div",{className:"min-h-screen bg-white dark:bg-gray-950",children:[e.jsx(m,{title:"Blog & Insights | CodeFlow Lab",description:"Insights on AI code generation, design-to-code workflows, and building production-ready software. Learn about our compiler-first approach to design systems.",keywords:"design to code, figma to react, AI code generation, design systems, compiler architecture",canonicalUrl:"https://code-flow-lab.com/blog"}),e.jsx(f,{activePage:"blog"}),e.jsx("section",{className:"pt-10 pb-6 px-4 sm:px-6 lg:px-8 bg-gradient-to-b from-gray-50 to-white dark:from-gray-900 dark:to-gray-950",children:e.jsxs("div",{className:"max-w-4xl mx-auto text-center",children:[e.jsx(c,{variant:"outline",className:"mb-4 text-blue-600 border-blue-300 dark:text-blue-400 dark:border-blue-700",children:"Blog & Insights"}),e.jsxs("h1",{className:"text-2xl sm:text-3xl lg:text-4xl font-bold text-gray-900 dark:text-white mb-4",children:["Thoughts on Compiler Architecture,",e.jsx("br",{}),"Design Intelligence, and ",e.jsx("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-purple-600",children:"Production-Ready Code"})]}),e.jsx("p",{className:"text-xl text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Insights on AI code generation, compiler architecture, and building production-ready software from design files."})]})}),e.jsx("section",{className:"py-8 px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"max-w-6xl mx-auto",children:[e.jsxs("div",{className:"flex flex-wrap gap-2 mb-8 justify-center",children:[e.jsx(i,{variant:"outline",className:"rounded-full","data-testid":"filter-all",children:"All Posts"}),l.map(s=>e.jsx(i,{variant:"ghost",className:"rounded-full","data-testid":`filter-${s.toLowerCase()}`,children:s},s))]}),e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-8",children:r.map(s=>e.jsx(j,{post:s},s.slug))}),r.length===0&&e.jsx("div",{className:"text-center py-16",children:e.jsx("p",{className:"text-gray-500 dark:text-gray-400",children:"No posts yet. Check back soon!"})})]})}),e.jsx("section",{className:"py-16 px-4 sm:px-6 lg:px-8 bg-gradient-to-r from-blue-600 to-purple-600",children:e.jsxs("div",{className:"max-w-4xl mx-auto text-center",children:[e.jsx("h2",{className:"text-3xl font-bold text-white mb-4",children:"Ready to Try De
1sign-to-Code?"}),e.jsx("p",{className:"text-blue-100 mb-8 text-lg",children:"Convert your Figma designs with 85% fidelity. Start free today."}),e.jsxs(i,{size:"lg",variant:"secondary",onClick:()=>t("/register"),className:"gap-2","data-testid":"button-cta-signup",children:["Get Started Free ",e.jsx(d,{className:"h-5 w-5"})]})]})}),e.jsx("footer",{className:"py-12 px-4 sm:px-6 lg:px-8 bg-gray-900 text-gray-400",children:e.jsxs("div",{className:"max-w-6xl mx-auto flex flex-col md:flex-row justify-between items-center gap-6",children:[e.jsx("div",{className:"flex items-center",children:e.jsx("img",{src:n,alt:"CodeFlow Lab",className:"h-8"})}),e.jsxs("div",{className:"flex gap-6 text-sm",children:[e.jsx(a,{href:"/",className:"hover:text-white transition-colors","data-testid":"link-footer-home",children:"Home"}),e.jsx(a,{href:"/docs",className:"hover:text-white transition-colors","data-testid":"link-footer-docs",children:"Documentation"}),e.jsx(a,{href:"/figma-to-react",className:"hover:text-white transition-colors","data-testid":"link-footer-react",children:"Figma to React"}),e.jsx(a,{href:"/figma-to-flutter",className:"hover:text-white transition-colors","data-testid":"link-footer-flutter",children:"Figma to Flutter"}),e.jsx(a,{href:"/privacy",className:"hover:text-white transition-colors","data-testid":"link-footer-privacy",children:"Privacy"})]}),e.jsx("p",{className:"text-sm",children:"© 2024 CodeFlow Lab. All rights reserved."})]})})]})}export{P 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.