https://vibrant-update.lovable.app/assets/blog.index-CoEKpTYO.js

1import{r as o,e as d,j as e,L as x}from"./index-BCMtdPMN.js";import{R as c}from"./Reveal-Step4oxS.js";import{H as u,a as f}from"./HelpArticle-B9jHZnRY.js";import{b as m,a as p,W as h}from"./blog-specialist-7Xtfp3TC.js";import"./ServicesMenu-Bwpca3z8.js";const r=[{slug:"what-is-website-conversion",title:"What is Website Conversion?",dek:"It tends to appear in marketing conversations, analytics dashboards and strategy chats — yet it's one of those phrases people hear constantly without ever having it clearly explained. So let's explain it.",category:"Conversion",date:"May 11, 2026",read:"6 min read",author:"Zara Avila",img:d,featured:!0},{slug:"most-important-on-page-seo-elements",title:"Most Important On-Page SEO Elements (and why they actually matter)",dek:"Title tags, meta descriptions, headings, internal links — usually explained as a checklist of boxes to tick. Here's how the pieces actually connect.",category:"SEO",date:"May 5, 2026",read:"8 min read",author:"Zara Avila",img:m},{slug:"what-does-an-seo-specialist-do",title:"What does an SEO Specialist actually do?",dek:"Keywords, content, technical structure, conversion behaviour — a peek at the day-to-day, and why modern SEO is as much about UX as it is about ranking.",category:"SEO",date:"April 28, 2026",read:"5 min read",author:"Zara Avila",img:p},{slug:"keyword-match-type-tool",title:"Keyword Match Type Tool: the easiest way to understand what people are actually searching",dek:"Most people start SEO by typing what they'd Google themselves. Useful as a starting point — limiting as a strategy. Here's a better way.",category:"Tools",date:"April 23, 2026",read:"7 min read",author:"Zara Avila",img:m},{slug:"women-in-digital-marketing",title:`Women in Digital Marketing: why we're not just "nice to have"`,dek:"A conversation this week stayed with me — not for what was said, but how easy it felt. A note on the women quietly building this industry.",category:"Industry",date:"April 14, 2026",read:"5 min read",author:"Zara Avila",img:d},{slug:"seo-not-working-read-this",title:"SEO not working? Before you throw it all away, read this.",dek:"Every owner hits the point where frustration tips into something more final. Before you rebuild the whole website, work through this first.",category:"SEO",date:"April 7, 2026",read:"9 min read",author:"Zara Avila",img:p}],b=["All","SEO","Conversion","Tools","Industry"];function N(){const[s,g]=o.useState("All"),a=r.find(t=>t.featured)??r[0],i=o.useMemo(()=>r.filter(t=>t.slug!==a.slug),[a.slug]),l=o.useMemo(()=>s==="All"?i:i.filter(t=>t.category===s),[s,i]);return e.jsxs("div",{className:"min-h-screen bg-paper text-ink",children:[e.jsx(u,{}),e.jsxs("header",{className:"border-b border-rule relative overflow-hidden",children:[e.jsx("span",{"aria-hidden":!0,className:"pointer-events-none select-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 font-serif font-black text-[30vw] leading-none text-ink/[0.03] whitespace-nowrap",children:"FIELD"}),e.jsx("div",{className:"relative max-w-7xl mx-auto px-6 pt-12 lg:pt-16 pb-16 lg:pb-20",children:e.jsxs("div",{className:"grid grid-cols-12 gap-y-8",children:[e.jsxs("div",{className:"col-span-1 hidden lg:flex flex-col justify-between py-2 border-l border-ink/10 pl-6",children:[e.jsx("span",{className:"font-mono uppercase tracking-[0.3em] text-[10px] text-muted-ink/70 whitespace-nowrap",style:{writingMode:"vertical-lr",transform:"rotate(180deg)"},children:"Volume Four — Perth, Western Australia"}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("span",{className:"font-mono text-[10px] uppercase tracking-widest text-muted-ink",children:"Issue No."}),e.jsx("span",{className:"font-serif text-4xl font-black leading-none text-clay",children:"04"})]})]}),e.jsxs("div",{className:"col-span-12 lg:col-span-11 flex flex-col justify-center",children:[e.jsx(c,{children:e.jsxs("div",{className:"relative",children:[e.jsxs("h1",{className:"font-serif font-black uppercase tracking-tighter leading-[0.85] text-5xl sm:text-6xl md:text-7xl lg:text-8xl text-ink",children:[e.jsx("span",{className:"block",children:"Notes on"}),e.jsx("span",{className:"block text-clay",children:"SEO +"}),e.jsx("span",{className:"block",children:"Websites"})]}),e.jsx("div",{className:"absolute -bottom-3 sm:-bottom-4 right-0 sm:right-6 md:right-12 lg:right-16 -rotate-[4deg]",children:e.jsx("p",{className:"font-script font-normal text-ink text-2xl sm:text-3xl md:text-4xl lg:text-5xl bg-eucalyptus/80 px-3 py-1 leading-none animate-script-sway",children:"& the bits in between."})})]})}),e.jsx(c,{children:e.jsxs("div",{className:"mt-16 md:mt-20 max-w-2xl",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-6",children:[e.jsx("span",{className:"w-12 h-px bg-ink"}),e.jsx("span",{className:"font-mono text-[10px] uppercase tracking-[0.4em] font-bold text-ink",children:"Field Notes"})]}),e.jsx("p",{className:"font-serif text-xl md:text-2xl leading-relaxed text-ink/80 mb-8",children:"Practical reads on search, conversion and the work behind a website that earns its keep — written from a desk in Perth."}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"relative flex h-2 w-2",children:[e.jsx("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full bg-clay opacity-75"}),e.jsx("span",{className:"relative inline-flex rounded-full h-2 w-2 bg-clay"})]}),e.jsx("span",{className:"font-mono text-[11px] uppercase tracking-widest text-muted-ink",children:"New posts weekly"})]})]})})]})]})}),e.jsx("div",{className:"border-t border-rule bg-paper overflow-hidden whitespace-nowrap py-3",children:e.jsx("div",{className:"inline-flex animate-marquee will-change-transform",children:[0,1].map(t=>e.jsx("div",{className:"inline-flex items-center shrink-0",children:r.map(n=>e.jsxs("span",{className:"inline-flex items-center",children:[e.jsx("span",{className:"font-mono text-[11px] uppercase tracking-[0.22em] text-muted-ink mx-6",children:n.title}),e.jsx("span",{className:"text-clay text-xs",children:"✦"})]},`${t}-${n.slug}`))},t))})})]}),e.jsx("section",{className:"max-w-7xl mx-auto px-6 py-16 lg:py-24",children:e.jsx(c,{children:e.jsxs(x,{to:"/blog",className:"group grid lg:grid-cols-12 gap-10 lg:gap-14 items-center",children:[e.jsx(h,{className:"lg:col-span-7 rounded-2xl ring-1 ring-ink/10 aspect-[16/10] transition-transform duration-[1600ms] ease-out group-hover:scale-[1.02]"}),e.jsxs("div",{className:"lg:col-span-5",children:[e.jsxs("div",{className:"font-mono text-[10px] uppercase tracking-[0.2em] text-muted-ink mb-5",children:[a.date," · ",a.read," · ",a.author]}),e.jsx("h2",{className:"font-serif text-3xl sm:text-4xl lg:text-5xl tracking-tight leading-[1.05] mb-6",children:a.title}),e.jsx("p",{className:"text-muted-ink leading-relaxed text-lg mb-8",children:a.dek}),e.jsxs("span",{className:"inline-flex items-center gap-2 text-[12px] font-bold uppercase tracking-[0.16em] text-clay",children:["Read the article",e.jsx("span",{className:"transition-transform group-hover:translate-x-1",children:"→"})]})]})]})})}),e.jsx("section",{className:"border-t border-rule bg-clay-soft/15",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6 py-16 lg:py-24",children:[e.jsxs("div",{className:"flex flex-col md:flex-row md:items-end md:justify-between gap-6 mb-10 pb-6 border-b border-rule",children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-mono text-[11px] uppercase tracking-[0.22em] text-muted-ink block mb-3",children:"The Archive"}),e.jsxs("h2",{className:"font-serif text-3xl lg:text-4xl tracking-tight",children:["Browse by"," ",e.jsx("span",{className:"font-script font-normal text-eucalyptus text-[1.2em] leading-none",children:"what you need"}),"."]})]}),e.jsxs("p",{className:"text-sm font-mono uppercase tracking-[0.16em] text-muted-ink",children:[l.length," ",l.length===1?"post":"posts"]})]}),e.jsx("div",{className:"flex flex-wrap gap-2 mb-12",children:b.map(t=>{const n=t===s;return e.jsx("button",{type:"button",onClick:()=>g(t),className:"px-4 py-2 text-[11px] font-bold uppercase tracking-[0.14em] rounded-full ring-1 transition-colors "+(n?"bg-ink text-paper ring-ink":"bg-paper text-ink ring-ink/15 hover:ring-clay hover:text-clay"),children:t},t)})}),l.length===0?e.jsx("p",{className:"font-mono text-sm text-muted-ink py-16 text-center border border-dashed border-rule rounded-2xl",children:"Nothing here yet — check back soon."}):e.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-3 gap-6",children:l.map(t=>e.jsxs(x,{to:"/blog",className:"group relative bg-paper rounded-2xl ring-1 ring-ink/10 overflow-hidden flex flex-col transition-all hover:-translate-y-1 hover:shadow-2xl hover:ring-clay/40",children:[t.slug==="what-is-website-conversion"?e.jsx(h,{compact:!0,className:"aspect-[4/3] transition-transform duration-[1400ms] ease-out group-hover:scale-[1.02]"}):e.jsxs("div",{className:"relative overflow-hidden aspect-[4/3] bg-clay-soft/30",children:[e.jsx("img",{src:t.img,alt:"",loading:"lazy",width:1024,height:768,className:"absolute inset-0 w-full h-full object-cover transition-transform duration-[1400ms] ease-out group-hover:scale-[1.05]"}),e.jsx("span",{className:"absolute top-4 left-4 bg-paper/95 backdrop-blur px-2.5 py-1 font-mono text-[10px] uppercase tracking-[0.18em] rounded-sm",children:t.category})]}),e.jsxs("div",{className:"p-7 flex flex-col flex-1",children:[e.jsxs("div",{className:"font-mono text-[10px] uppercase tracking-[0.2em] text-muted-ink mb-3",children:[t.date," · ",t.read]}),e.jsx("h3",{className:"font-serif text-2xl tracking-tight leading-[1.15] mb-4",children:t.title}),e.jsx("p",{className:"text-sm text-muted-ink leading-relaxed mb-6 flex-1",children:t.dek}),e.jsxs("span",{className:"inline-flex items-center gap-2 text-[12px] font-bold uppercase tracking-[0.16em] text-clay",children:["Read article",e.jsx("span",{className:"transition-transform group-hover:translate-x-1",children:"→"})]})]})]},t.slug))})]})}),e.jsx(f,{})]})}

1export{N as component};