https://storeserve.ca/assets/Blog-B-PE1BNd.js

1import{c as y,r as d,j as e,N as u,m as r,F as f,L as h}from"./index-DEWLt4J4.js";import{u as j,s as b,a as N,b as x,f as v,c as k}from"./pageMeta-Df4r0wi1.js";/**
2 * @license lucide-react v0.462.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const F=y("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]),S=5*60*1e3,p="focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",g=({article:s,tone:a="light"})=>e.jsxs("div",{className:"flex flex-wrap items-center gap-x-2 gap-y-1 text-[13px]",style:{color:a==="dark"?"rgba(255,255,255,0.6)":"var(--color-text-tertiary)",fontFamily:"'DM Sans', sans-serif"},children:[x(s)&&e.jsxs(e.Fragment,{children:[e.jsx("span",{children:x(s)}),e.jsx("span",{"aria-hidden":"true",children:"·"})]}),e.jsx("span",{children:v(s.createdAt)}),e.jsx("span",{"aria-hidden":"true",children:"·"}),e.jsxs("span",{children:[s.readTimeMinutes," min read"]})]}),m=({title:s,body:a})=>e.jsxs("div",{className:"rounded-2xl px-8 py-12 text-center",style:{background:"var(--color-bg-neutral)"},children:[e.jsx("p",{className:"text-[16px]",style:{fontFamily:"'DM Sans', sans-serif",fontWeight:600,color:"var(--color-text-primary)"},children:s}),e.jsx("p",{className:"mt-2 text-[15px]",style:{fontFamily:"'DM Sans', sans-serif",color:"var(--color-text-secondary)"},children:a})]}),M=({article:s})=>e.jsx(r.article,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.4,ease:"easeOut"},className:"mb-12",children:e.jsx(h,{to:`/blog/${s.slug}`,className:`block rounded-[24px] overflow-hidden transition-transform duration-200 hover:-translate-y-0.5 ${p}`,style:{background:"#0A2540"},children:e.jsxs("div",{className:"px-7 py-10 md:px-14 md:py-14",children:[e.jsx("span",{className:"block uppercase text-[12px]",style:{fontFamily:"'DM Sans', sans-serif",fontWeight:600,letterSpacing:"0.08em",color:"#7DD3FC",marginBottom:"16px"},children:"Latest"}),e.jsx("h3",{className:"text-[26px] md:text-[38px]",style:{fontFamily:"'DM Sans', sans-serif",fontWeight:700,lineHeight:1.1,letterSpacing:"-0.02em",color:"#ffffff",maxWidth:"760px"},children:s.title}),e.jsx("p",{className:"mt-4 text-[16px]",style:{fontFamily:"'DM Sans', sans-serif",color:"rgba(255,255,255,0.7)",lineHeight:1.65,maxWidth:"640px"},children:s.excerpt}),e.jsx("div",{className:"mt-8",children:e.jsx(g,{article:s,tone:"dark"})}),e.jsxs("span",{"aria-hidden":"true",className:"mt-8 inline-flex items-center gap-2 text-[14px]",style:{background:"#7DD3FC",color:"#0A2540",fontFamily:"'DM Sans', sans-serif",fontWeight:700,borderRadius:"9999px",padding:"12px 24px"},children:["Read article ",e.jsx(F,{size:16})]})]})})}),D=({article:s,index:a})=>e.jsx(r.article,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.35,delay:Math.min(a,6)*.05,ease:"easeOut"},children:e.jsxs(h,{to:`/blog/${s.slug}`,className:`flex h-full flex-col rounded-2xl p-7 transition-shadow duration-200 hover:shadow-md ${p}`,style:{background:"var(--color-bg-neutral)"},children:[e.jsx("h3",{className:"text-[19px]",style:{fontFamily:"'DM Sans', sans-serif",fontWeight:700,lineHeight:1.25,letterSpacing:"-0.01em",color:"var(--color-text-primary)"},children:s.title}),e.jsx("p",{className:"mt-3 text-[15px]",style:{fontFamily:"'DM Sans', sans-serif",color:"var(--color-text-secondary)",lineHeight:1.6},children:s.excerpt}),e.jsx("div",{className:"pt-5 border-t",style:{borderColor:"var(--color-border)",marginTop:"auto"},children:e.jsx(g,{article:s})})]})}),w=()=>e.jsxs("div",{className:"rounded-2xl p-7 animate-pulse",style:{background:"var(--color-bg-neutral)"},children:[e.jsx("div",{className:"h-5 w-3/4 rounded",style:{background:"rgba(14,15,12,0.10)"}}),e.jsx("div",{className:"mt-4 h-3 w-full rounded",style:{background:"rgba(14,15,12,0.07)"}}),e.jsx("div",{className:"mt-2 h-3 w-11/12 rounded",style:{background:"rgba(14,15,12,0.07)"}}),e.jsx("div",{className:"mt-2 h-3 w-2/3 rounded",style:{background:"rgba(14,15,12,0.07)"}}

6),e.jsx("div",{className:"mt-8 h-3 w-1/2 rounded",style:{background:"rgba(14,15,12,0.07)"}})]}),W=()=>{const{data:s=[],isPending:a,isError:i}=j({queryKey:["articles"],queryFn:k,staleTime:S});d.useEffect(()=>b({title:"Blog | StoreServe",description:"AGCO regulation updates and responsible-sale best practices for everyone selling and delivering alcohol in Ontario, from the StoreServe team.",canonicalPath:"/blog"}),[]);const l=d.useMemo(()=>s.map(t=>({...t,...N(t.body,t.title)})),[s]),[o,...c]=l;return e.jsxs("div",{className:"min-h-screen flex flex-col",style:{background:"var(--color-bg-screen)"},children:[e.jsx(u,{}),e.jsxs("main",{className:"flex-1",children:[e.jsx("section",{className:"pt-32 pb-12",children:e.jsxs("div",{className:"wise-padding mx-auto",style:{maxWidth:"1100px"},children:[e.jsx(r.h1,{className:"text-[36px] md:text-[52px] tracking-tight",style:{fontFamily:"'DM Sans', sans-serif",fontWeight:700,lineHeight:1.05,letterSpacing:"-0.02em",color:"var(--color-text-primary)"},initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.4,ease:"easeOut"},children:"Blog"}),e.jsx(r.p,{className:"mt-4 text-[17px]",style:{fontFamily:"'DM Sans', sans-serif",color:"var(--color-text-secondary)",lineHeight:1.65,maxWidth:"560px"},initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{duration:.4,delay:.08,ease:"easeOut"},children:"AGCO regulation updates and responsible-sale best practices."})]})}),e.jsx("section",{className:"pb-24","aria-busy":a,children:e.jsxs("div",{className:"wise-padding mx-auto",style:{maxWidth:"1100px"},children:[a&&e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"sr-only",role:"status",children:"Loading articles…"}),e.jsx("div",{className:"grid gap-6 sm:grid-cols-2 lg:grid-cols-3",children:Array.from({length:6}).map((t,n)=>e.jsx(w,{},n))})]}),!a&&i&&e.jsx(m,{title:"We couldn't load the blog right now.",body:"Please refresh the page or try again in a moment."}),!a&&!i&&l.length===0&&e.jsx(m,{title:"No posts yet.",body:"Check back soon — we're working on the first one."}),!a&&!i&&o&&e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"sr-only",children:"Latest post"}),e.jsx(M,{article:o}),c.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"sr-only",children:"More posts"}),e.jsx("div",{className:"grid gap-6 sm:grid-cols-2 lg:grid-cols-3",children:c.map((t,n)=>e.jsx(D,{article:t,index:n},t.id))})]})]})]})})]}),e.jsx(f,{})]})};export{W as default};