https://crosscap.com/assets/resources.whitepapers-q0ZMGz2j.js

1import{r as a,j as e,N as b,L as y}from"./index-CtmR5KJF.js";import{F}from"./Footer-BfwqTbR-.js";const x=[{slug:"the-5-million-annual-leak-in-retail-marketing-execution",path:"/whitepapers/the-5-million-annual-leak-in-retail-marketing-execution",category:"Retailers",solution:"Both",title:"The $5 Million Annual Leak in Retail Marketing Execution",excerpt:"Industry data on the six categories of preventable loss in retail in-store marketing — and what leading retailers are doing to close the gap.",metric:"$5M saved annually",downloadHref:"/crosscap-5-million-annual-leak-whitepaper.docx"},{slug:"why-retailers-need-tech-enabled-printers",path:"/whitepapers/why-retailers-need-tech-enabled-printers",category:"Printers",solution:"DistroPRO",title:"How Printers Can Augment the Retail Tech Stack",excerpt:"Why Retailers Are Prioritizing Technology-Enabled Printers — the measurable gap manual print workflows create, and how to close it.",metric:"5% ink spend recovered",downloadHref:"/crosscap-why-retailers-need-tech-enabled-printers-whitepaper.docx"}],w="/assets/whitepaper-30m-cover-CP-ZMfFU.jpg",j={"the-5-million-annual-leak-in-retail-marketing-execution":w},A="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1200&q=70";function S(){const[i,c]=a.useState(""),p=a.useMemo(()=>["All",...Array.from(new Set(x.map(t=>t.category)))],[]),[r,s]=a.useState("All"),n=a.useMemo(()=>["All",...Array.from(new Set(x.map(t=>t.solution)))],[]),[l,m]=a.useState("All"),h=a.useMemo(()=>x.filter(t=>{const d=r==="All"||t.category===r,g=l==="All"||t.solution===l,o=i.trim().toLowerCase(),f=!o||t.title.toLowerCase().includes(o)||t.excerpt.toLowerCase().includes(o)||t.category.toLowerCase().includes(o)||t.solution.toLowerCase().includes(o);return d&&g&&f}),[i,r,l]);return e.jsxs("div",{className:"min-h-screen",style:{background:"#F5F7FA"},children:[e.jsx(b,{}),e.jsxs("main",{id:"main-content",tabIndex:-1,className:"mx-auto max-w-[1200px] px-6 pb-16 pt-12 lg:px-10 lg:pt-16",children:[e.jsxs("header",{className:"mx-auto max-w-[820px] text-center",children:[e.jsxs("span",{className:"inline-flex items-center gap-1.5 rounded-full",style:{background:"#E5E5E5",padding:"6px 14px",fontSize:"12px",fontWeight:600,color:"#1A1A2E"},children:[e.jsx("span",{"aria-hidden":!0,style:{color:"#005AA9"},children:"◆"}),e.jsx("span",{className:"uppercase tracking-wider",children:"White Papers"})]}),e.jsxs("h1",{className:"mt-6 text-balance",style:{fontWeight:800,fontSize:"clamp(36px, 5.5vw, 56px)",lineHeight:1.08,letterSpacing:"-0.02em",color:"#1A1A2E"},children:["Executive research for",e.jsx("br",{}),e.jsx("span",{style:{color:"#005AA9"},children:"retail leaders."})]}),e.jsx("p",{className:"mx-auto mt-5 max-w-[600px]",style:{fontSize:"16px",fontWeight:400,color:"#64748B",lineHeight:1.6},children:"In-depth briefings on what it costs to run in-store marketing the old way — and what the best operators do differently."}),e.jsxs("div",{className:"relative mx-auto mt-8 max-w-[720px]",children:[e.jsx("span",{"aria-hidden":!0,className:"pointer-events-none absolute left-5 top-1/2 -translate-y-1/2",style:{color:"#94A3B8"},children:e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("circle",{cx:"11",cy:"11",r:"7",stroke:"currentColor",strokeWidth:"1.75"}),e.jsx("path",{d:"m20 20-3.5-3.5",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"})]})}),e.jsx("input",{type:"search",value:i,onChange:t=>c(t.target.value),placeholder:"Search white papers…","aria-label":"Search white papers",className:"w-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#005AA9]",style:{height:"48px",borderRadius:"999px",background:"#FFFFFF",border:"1px solid #E2E8F0",padding:"0 20px 0 48px",fontSize:"16px",fontWeight:400,color:"#1A1A2E"}})]})]}),e.jsxs("div",{className:"mt-8 flex flex-col gap-6 md:flex-row md:items-center md:justify-between",children:[e.jsx(u,{label:"Category:",options:p,value:r,onChange:s}),e.jsx(u,{label:"Solution:",options:n,value:l,onChange:m})]}),e.jsxs("section",{className:"mt-8 grid gap-6",style:{gridTemplateColumns:"repeat(auto-fill, minmax(320px, 1fr))"},children:[h.map(t=>{const d=j[t.slug]??A;return e.jsxs(y,{to:t.path,className:"flex flex-col overflow-hidden transition-transform hover:-translate-y-0.5",style:{background:"#FFFFFF",borderRadius:"16px",boxShadow:"0 2px 12px rgba(0,0,0,0.07)",minHeight:"380px"},children:[e.jsxs("div",{className:"relative",style:{height:"180px"},children:[e.jsx("img",{src:d,alt:"",loading:"lazy",className:"h-full w-full object-cover"}),e.jsx("span",{className:"absolute uppercase",style:{bottom:"10px",right:"10px",background:"rgba(26,21,73,0.75)",color:"#FFFFFF",fontWeight:700,fontSize:"10px",letterSpacing:"0.08em",padding:"4px 10px",borderRadius:"999px"},children:t.category}

1),t.metric&&e.jsx("span",{className:"absolute",style:{top:"10px",left:"10px",background:"#005AA9",color:"#FFFFFF",fontWeight:700,fontSize:"11px",padding:"5px 12px",borderRadius:"999px"},children:t.metric})]}),e.jsxs("div",{style:{padding:"16px",background:"#FFFFFF"},children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,style:{color:"#005AA9"},children:e.jsx("path",{d:"M7 17 17 7M9 7h8v8",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round"})}),e.jsx("span",{className:"uppercase font-mono",style:{fontWeight:700,fontSize:"11px",color:"#005AA9",letterSpacing:"0.06em"},children:"Read white paper"})]}),e.jsx("h2",{className:"mt-3",style:{fontWeight:700,fontSize:"18px",color:"#1A1A2E",lineHeight:1.4,display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis"},children:t.title}),e.jsx("p",{className:"mt-2",style:{fontSize:"14px",lineHeight:1.5,color:"#64748B",display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflow:"hidden"},children:t.excerpt})]}),e.jsx("div",{className:"mt-auto flex items-center justify-end",style:{padding:"0 16px 16px"},children:e.jsx("span",{"aria-hidden":!0,style:{color:"#94A3B8",fontSize:"18px",lineHeight:1},children:"›"})})]},t.slug)}),h.length===0&&e.jsx("div",{className:"col-span-full py-20 text-center",style:{background:"#FAFAFA",border:"1px dashed #E2E8F0",borderRadius:"16px",color:"#64748B"},children:"No white papers match your filters yet."})]})]}),e.jsx(F,{})]})}function u({label:i,options:c,value:p,onChange:r}){return e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx("span",{className:"uppercase",style:{color:"#64748B",fontWeight:600,fontSize:"11px",letterSpacing:"0.08em",marginRight:"4px"},children:i}),c.map(s=>{const n=s===p;return e.jsx("button",{type:"button",onClick:()=>r(s),style:{height:"36px",padding:"0 18px",borderRadius:"999px",fontWeight:600,fontSize:"13px",background:n?"#1A1A2E":"#FFFFFF",color:n?"#F

1FFFFF":"#1A1A2E",border:n?"1px solid #1A1A2E":"1px solid #E2E8F0",cursor:"pointer",transition:"all 0.15s ease"},children:s},s)})]})}export{S as component};