https://chat360.ai/assets/blog.index-DTTPYG8e.js

1import{aV as b,r as l,j as e,n as j,ab as v,ag as c,g as m,m as N,p as w}from"./index-ChBq3-4g.js";import{u as y}from"./useSuspenseQuery-CqzXZ-eX.js";import{C as k}from"./clock-3CdQU64W.js";function _(a){return new Date(a).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"})}function x({date:a,minutes:t}){return e.jsxs("div",{className:"flex flex-wrap items-center gap-x-3 gap-y-1 text-xs font-medium text-muted-foreground",children:[e.jsx("time",{dateTime:a,children:_(a)}),e.jsx("span",{"aria-hidden":"true",children:"•"}),e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx(k,{className:"h-3.5 w-3.5 shrink-0","aria-hidden":"true"}),t," min read"]})]})}function u({src:a,alt:t,className:n=""}){return a?e.jsx("img",{src:a,alt:t,loading:"lazy",decoding:"async",className:`h-full w-full object-cover ${n}`}):e.jsx("div",{className:`mesh-bg flex items-center justify-center bg-primary-soft ${n}`,"aria-hidden":"true",children:e.jsx("span",{className:"text-sm font-semibold uppercase tracking-[0.18em] text-primary/70",children:"Chat360"})})}const o=9;function L(){const{data:a}=y(b),[t,n]=l.useState(""),[f,h]=l.useState(o),r=l.useMemo(()=>a.find(s=>s.is_featured)??a[0]??null,[a]),p=l.useMemo(()=>a.filter(s=>s.slug!==r?.slug).slice(0,4),[a,r]),g=l.useMemo(()=>{const s=t.trim().toLowerCase();return s?a.filter(i=>[i.title,i.excerpt,i.author??"",...i.keywords??[]].join(" ").toLowerCase().includes(s)):a},[a,t]),d=g.slice(0,f);return e.jsxs("div",{className:"min-h-dvh bg-background",children:[e.jsx(j,{forceScrolled:!0}),e.jsxs("main",{children:[e.jsxs("section",{className:"relative overflow-hidden pt-32 pb-12 sm:pt-36 sm:pb-16",children:[e.jsx("div",{className:"mesh-bg pointer-events-none absolute inset-0 -z-10","aria-hidden":"true"}),e.jsxs("div",{className:"container-1440",children:[e.jsx("span",{className:"inline-flex items-center rounded-full border border-border bg-white/70 px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.16em] text-primary",children:"Chat360 Blog"}),e.jsxs("h1",{className:"mt-4 max-w-4xl text-[28px] font-bold leading-tight text-ink sm:text-[34px] lg:text-[40px]",children:["Ideas, insights and playbooks for"," ",e.jsx("span",{className:"text-gradient-brand",children:"Omnichannel Agentic AI"})]}),e.jsx("p",{className:"mt-4 max-w-2xl text-base leading-relaxed text-muted-foreground sm:text-lg",children:"Practical guides, product thinking and enterprise case notes on deploying Agentic AI agents across WhatsApp, Voice, Web, RCS and every channel your customers use."}),e.jsxs("div",{className:"mt-8 max-w-xl",children:[e.jsx("label",{htmlFor:"blog-search",className:"sr-only",children:"Search articles"}),e.jsxs("div",{className:"flex items-center gap-3 rounded-2xl border border-border bg-white px-4 py-3 shadow-soft focus-within:ring-2 focus-within:ring-ring",children:[e.jsx(v,{className:"h-4 w-4 shrink-0 text-muted-foreground","aria-hidden":"true"}),e.jsx("input",{id:"blog-search",type:"search",value:t,onChange:s=>{n(s.target.value),h(o)},placeholder:"Search articles, topics or authors","aria-label":"Search articles",className:"min-w-0 flex-1 bg-transparent text-sm text-ink outline-none placeholder:text-muted-foreground"})]})]})]})]}),a.length===0?e.jsx("section",{className:"container-1440 pb-24",children:e.jsx("p",{className:"text-muted-foreground",children:"No articles published yet. Check back soon."})}):e.jsxs(e.Fragment,{children:[!t&&r&&e.jsxs("section",{className:"container-1440 pb-12 sm:pb-16","aria-labelledby":"featured-heading",children:[e.jsx("h2",{id:"featured-heading",className:"sr-only",children:"Featured article"}),e.jsxs("div",{className:"grid grid-cols-1 gap-8 lg:grid-cols-[minmax(0,1.6fr)_minmax(0,1fr)]",children:[e.jsxs(c,{slug:r.slug,className:"group block overflow-hidden rounded-3xl border border-border bg-card shadow-card transition-shadow hover:shadow-glow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",children:[e.jsx("div",{className:"aspect-[16/9] w-full overflow-hidden",children:e.jsx(u,{src:r.cover_image_url,alt:r.cover_image_alt||r.title,className:"h-full w-full transition-transform duration-500 group-hover:scale-[1.03]"})}),e.jsxs("div",{className:"p-6 sm:p-8",children:[e.jsx(x,{date:r.published_at,minutes:r.reading_minutes}),e.jsx("h3",{className:"mt-3 text-xl font-bold leading-snug text-ink group-hover:text-primary sm:text-2xl",children:r.title}),e.jsx("p",{className:"mt-3 line-clamp-3 text-sm leading-relaxed text-muted-foreground sm:text-base",children:r.excerpt}),e.jsxs("div",{className:"mt-5 flex flex-wrap items-center justify-between gap-3",children:[r.author&&e.jsxs("span",{className:"text-sm font-medium text-ink-soft",children:["By ",r.author]}),e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-sm font-semibold text-primary",children:["Read full article",e.jsx(m,{className:"h-4 w-4 shrink-0","aria-hidden":"true"})]})]})]})]}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:"mb-4 text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground",children:"Latest Blogs"}),e.jsx("ul",{className:"flex flex-col gap-4",children:p.map(s=>e.jsx("li",{children:e.jsxs(c,{slug:s.slug,className:"group grid grid-cols-[88px_minmax(0,1fr)] items-start gap-4 roun

1ded-2xl border border-border bg-card p-3 shadow-soft transition-shadow hover:shadow-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",children:[e.jsx("div",{className:"aspect-[4/3] w-full overflow-hidden rounded-xl",children:e.jsx(u,{src:s.cover_image_url,alt:s.cover_image_alt||s.title})}),e.jsxs("div",{className:"min-w-0",children:[e.jsx(x,{date:s.published_at,minutes:s.reading_minutes}),e.jsx("h3",{className:"mt-1 line-clamp-3 text-sm font-semibold leading-snug text-ink group-hover:text-primary",children:s.title})]})]})},s.id))})]})]})]}),e.jsxs("section",{className:"container-1440 pb-24","aria-labelledby":"all-blogs-heading",children:[e.jsx("h2",{id:"all-blogs-heading",className:"mb-6 text-xl font-bold text-ink sm:mb-8 sm:text-2xl",children:t?`Results for “${t}”`:"All Blogs"}),d.length===0?e.jsx("p",{className:"text-muted-foreground",children:"No articles match your search. Try a different keyword."}):e.jsx("div",{className:"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3",children:d.map((s,i)=>e.jsx(N.article,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{duration:.35,delay:Math.min(i%o,5)*.04},className:"h-full",children:e.jsxs(c,{slug:s.slug,className:"group flex h-full flex-col overflow-hidden rounded-3xl border border-border bg-card shadow-soft transition-shadow hover:shadow-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",children:[e.jsx("div",{className:"aspect-[16/9] w-full overflow-hidden",children:e.jsx(u,{src:s.cover_image_url,alt:s.cover_image_alt||s.title,className:"h-full w-full transition-transform duration-500 group-hover:scale-[1.03]"})}),e.jsxs("div",{className:"flex min-w-0 flex-1 flex-col p-5 sm:p-6",children:[e.jsx(x,{date:s.published_at,minutes:s.reading_minutes}),e.jsx("h3",{className:"mt-2 line-clamp-3 text-base font-bold leading-snug text-ink group-hover:text-primary sm:text-lg",children:s.title}),e.jsx("p",{className:"mt-2 line-clamp-3 text-sm leading-relaxed text-muted-foreground",children:s.excerpt}),e.jsxs("div",{className:"mt-auto flex flex-wrap items-center justify-between gap-2 pt-5",children:[s.author&&e.jsxs("span",{className:"min-w-0 truncate text-xs font-medium text-ink-soft",children:["By ",s.author]}),e.jsxs("span",{className:"inline-flex shrink-0 items-center gap-1.5 text-sm font-semibold text-primary",children:["Read full article",e.jsx(m,{className:"h-4 w-4","aria-hidden":"true"})]})]})]})]})},s.id))}),d.length<g.length&&e.jsx("div",{className:"mt-10 flex justify-center",children:e.jsxs("button",{type:"button",onClick:()=>h(s=>s+o),className:"inline-flex items-center gap-2 rounded-full bg-primary px-6 py-3 text-sm font-semibold text-primary-foreground shadow-glow transition-transform hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",children:["Load More",e.jsx(m,{className:"h-4 w-4","aria-hidden":"true"})]})})]})]})]}),e.jsx(w,{})]})}export{L as component,_ as formatDate};