1import{o as e,t}from"./jsx-runtime-DVpe7PXp.js";import{t as n}from"./react-Dps3yNUO.js";import{r,t as i}from"./SiteHeader-Cg35HfE0.js";import{t as a}from"./useSuspenseQuery-OQsREeyH.js";import{t as o}from"./canonical-href-CzqdtPSp.js";import{t as s}from"./ContactSection-D_OcTa1r.js";import{ir as c,rr as l}from"./index-D1WxMa7I.js";var u=e(n()),d=t(),f=new Set([`/practice/broadcast-ROI.cfm`,`/practice/Wonderskin-x-Chipotle.cfm`,`/practice/archer.cfm`,`/practice/dubgee.cfm`,`/practice/femalebeautyexecutives.cfm`,`/practice/fictiv.cfm`,`/practice/influential.cfm`,`/practice/casestudy-nonprofit-prfirm.cfm`,`/practice/pildora.cfm`,`/practice/revolt.cfm`,`/practice/casestudy-triangle-assets.cfm`,`/practice/wavytalk-pro-collection.cfm`,`/practice/wavytalk-x-amazon-prime-day.cfm`,`/practice/wavytalk-new.cfm`,`/practice/g-shock-digital.cfm`,`/practice/gnc-digital.cfm`,`/practice/vizio-case-study.cfm`,`/practice/WebullSPAC.cfm`,`/practice/honor-home-instead.cfm`,`/practice/operagx.cfm`,`/practice/rxadvance.cfm`].map(e=>e.toLowerCase())),p=new Set([`43acf614-07e8-4bba-a7fe-a115712387eb`,`3d0385fe-30dc-48d9-9a2b-12b131250092`,`6445bc9d-9bf4-4237-974b-c5b26c949572`,`9428b763-6214-4915-b7c6-e82f14e57dd6`,`35cb9cc5-3ee3-4cec-ae3c-e726071fe1ab`,`7d47705e-b785-4517-8326-65530def2d67`,`c34114d5-ba59-467e-a0db-8864b4b3f047`,`622183f0-c53f-4999-893e-37b4719dba73`,`070bcd2f-2f03-49a5-ac2c-78ea1e21ad02`,`516a46f0-90dd-4b7c-aca7-5d0fa0096cf2`,`5be390cd-02e9-4a03-9f2d-dfa603e20475`,`08649f13-5e2c-4f12-a426-56f46ef3d38f`,`936b36e7-56ce-4e11-bc57-004049e9ba52`,`33b92fcd-f303-4c92-959e-691a23fce3f0`,`3c655927-a21b-411a-8b19-fb788f57cffc`,`4bd1a908-0f41-45c1-a6a2-4dc1b4294514`,`5026ecc7-a98a-4a27-9900-b75a3b0c5b08`,`f506a2a2-4ea5-403d-9477-47c38cb5cbe1`,`2b199ede-b69c-4ee2-b294-1eac2ae12496`,`3a337232-d4f4-437e-9d6c-5ff22773e3ec`]),m={consumer:`Consumer`,technology:`Technology`,appsandmarketplaces:`Technology`,adtechandmartech:`Technology`,saaspr:`Technology`,aidigital:`Technology`,"aidigitalmarketing&pragency":`Technology`,cybersecurity:`Cybersecurity`,healthandwellness:`Health & Wellness`,"health & wellness":`Health & Wellness`,digitalhealthandhealthtechnology:`Health & Wellness`,financialservices:`Financial Services`,fintech:`Financial Services`,foodandbeverage:`Food & Beverage`,winebeerspirits:`Wine, Beer & Spirits`,homeandhousewares:`Home & Housewares`,homegoods:`Home & Housewares`,apparelandaccessories:`Apparel & Accessories`,travelandhospitality:`Travel & Hospitality`,travelandhospitalitydigital:`Travel & Hospitality`,realestate:`Real Estate`,notforprofit:`Non-Profit`,nonforprofit:`Non-Profit`,parentchildandbaby:`Parenting & Baby`,sports:`Sports`,entertainmentandevents:`Entertainment`,petproductmarketing:`Pet`,cannabiscbdandthc:`Cannabis & CBD`,cannbis:`Cannabis & CBD`,hrtech:`HR Tech`,multiculturalmarketing:`Multicultural`,digitalmarketingandsocialmedia:`Digital Marketing`,digitalpr:`Digital PR`,integratedmarketing:`Integrated Marketing`,corporate:`Corporate`,beauty:`Beauty`,personalcare:`Beauty`,mensgrooming:`Beauty`,gaming:`Gaming & Gambling`,gambling:`Gaming & Gambling`},h=[`Consumer`,`Technology`,`Beauty`,`Health & Wellness`,`Food & Beverage`,`Wine, Beer & Spirits`,`Home & Housewares`,`Apparel & Accessories`,`Financial Services`,`Corporate`,`Real Estate`,`Travel & Hospitality`,`Parenting & Baby`,`Sports`,`Entertainment`,`Gaming & Gambling`,`Pet`,`Cannabis & CBD`,`Cybersecurity`,`HR Tech`,`Multicultural`,`Non-Profit`];function g(e){let t=new Set;for(let n of e){let e=m[(n??``).trim().toLowerCase()];e&&t.add(e)}return Array.from(t)}var _=[{key:`extra-wonderskin`,name:`Wonderskin`,image:`https://api.5wpr.com/storage/v1/object/public/media/migrated/imagesWebp/Case-Study/Case-Studies-Landing-Page-Images/wonderskinchipotle.webp`,link:null,hasCaseStudy:!1,sectors:[`Beauty`]}];function v(){return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(i,{}),(0,d.jsxs)(`main`,{className:`bg-[var(--color-navy)] text-[var(--color-ink-1)] overflow-x-hidden`,children:[(0,d.jsxs)(`section`,{className:`relative`,children:[(0,d.jsx)(`div`,{"aria-hidden":!0,className:`pointer-events-none absolute inset-0 opacity-[0.18]`,style:{backgroundImage:`radial-gradient(55% 55% at 82% 18%, var(--color-periwinkle) 0%, transparent 60%), radial-gradient(45% 45% at 8% 92%, #ffffff 0%, transparent 60%)`}}),(0,d.jsxs)(`div`,{className:`container-x relative pt-32 md:pt-40 pb-12`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-3 mono-label text-[var(--color-periwinkle)]`,children:[(0,d.jsx)(`span`,{className:`inline-block h-px w-8 bg-[var(--color-periwinkle)]`}),`The Roster`]}),(0,d.jsxs)(`h1`,{className:`mt-6 font-display font-black leading-[0.95] tracking-[-0.035em]`,style:{fontSize:`clamp(48px, 8vw, 128px)`},children:[`Our `,(0,d.jsx)(`span`,{className:`text-[var(--color-periwinkle)]`,children:`Clients.`})]}),(0,d.jsx)(`p`,{className:`mt-8 max-w-2xl font-serif-i text-[var(--color-periwinkle)] text-xl md:text-2xl leading-snug`,children:`The brands that trust 5W â from category-defining startups to the Fortune 500.`}),(0,d.jsx)(`div`,{className:`mt-10`,children:(0,d.jsxs)(`a`,{href:`/contactus/`,className:`inline-flex items-center gap-2 rounded-full bg-[var(--color-periwinkle)] px-7 py-3.5 text-sm font-semibold text-[var(--color-navy)] transition hover:brightness-110`,children:[`Let's chat`,(0,d.jsx)(`span`,{"aria-hidden":`true`,children:`â`})]})})]})]}),(0,d.jsx)(`section`,{className:`section-pad pt-4`,children:(0,d.jsx)(u.Suspense,{fallback:(0,d.jsx)(`div`,{className:`container-x text-center text-[var(--color-ink-3)]`,children:`Loadingâ¦`}),children:(0,d.jsx)(y,{})})})]}),(0,d.jsx)(s,{}),(0,d.jsx)(r,{})]})}function y(){let{data:e}=a(l),{data:t}=a(c),[n,r]=(0,u.useState)(``),[i,s]=(0,u.useState)(`All`),v=(0,u.useMemo)(()=>{let n=new Map,r=e=>{let t=e.name.trim().toLowerCase(),r=n.get(t);if(!r){n.set(t,e);return}let i=Array.from(new Set([...r.sectors,...e.sectors])),a=r.hasCaseStudy?r:e.hasCaseStudy?e:r;n.set(t,{...a,sectors:i})};for(let t of e??[]){let e=(t.name??``).trim();
1e&&(f.has((t.link??``).trim().toLowerCase())||r({key:t.id,name:e,image:t.image_url??null,link:t.link??null,hasCaseStudy:!!t.link,sectors:e.trim().toLowerCase()===`built`?[]:g(t.topics??[])}))}let i=new Set([`selected clients`,`selected client`,...Object.values(m),`ai digital marketing`,`saas pr`,`cybersecurity pr agency`,`pet products marketing`,`hr tech & future of work`,`non for profit`,`parent, child, & baby`,`multicultural marketing`,`home & housewares`,`apparel & accessories`,`food & beverage`,`financial services`,`travel & hospitality`,`cannabis, cbd & thc`,`health & wellness`].map(e=>e.toLowerCase())),a=/\b(logo|logos|logotype|new|modified|white|black|color|colour|stacked|horizontal|vertical|primary|secondary|final|master|updated|large|small|hi[- ]?res|w[- ]?tag|tag|copy|orig|original|full|clean|dark|light|blue|red|green|transparent|1200px|\d+px|v\d+|\d{2,4}x\d{2,4})\b/gi,o=e=>{let t=(e.split(`/`).pop()?.split(`?`)[0]??``).replace(/\.[a-z0-9]+$/i,``),n=t.replace(/[-_]+/g,` `).replace(a,``).replace(/\s+/g,` `).trim();return n&&/^[a-z0-9 ]+$/i.test(n)&&!/[A-Z]/.test(n)&&(n=n.replace(/\b\w/g,e=>e.toUpperCase())),n||t},s=e=>{let t=e.trim();return!!(!t||t.length<=3||/^[A-Za-z]{1,3}\d+$/.test(t)||/\b(logo|1200px|stacked|w tag)\b/i.test(t))};for(let e of t?.logos??[]){if(p.has(e.id))continue;let t=(e.logo_url??``).trim();if(!t)continue;let n=(e.practice_name??``).trim(),a=!n||i.has(n.toLowerCase())?o(t):n;if(s(a))continue;let c=a.toLowerCase()===`built`?[]:a.toLowerCase()===`buybuy baby`?[`Parenting & Baby`]:g([e.practice_key]);r({key:`logo-${e.id}`,name:a,image:t,link:null,hasCaseStudy:!1,sectors:c})}for(let e of _)r(e);return Array.from(n.values()).sort((e,t)=>e.name.localeCompare(t.name))},[e,t]),y=(0,u.useMemo)(()=>{let e=new Map;for(let t of v)for(let n of t.sectors)e.set(n,(e.get(n)??0)+1);return h.filter(t=>(e.get(t)??0)>0).map(t=>({label:t,count:e.get(t)??0}))},[v]),b=(0,u.useMemo)(()=>{let e=n.trim().toLowerCase();return v.filter(t=>!(i!==`All`&&!t.sectors.includes(i)||e&&!t.name.toLowerCase().includes(e)))},[v,n,i]),x=b.filter(e=>e.hasCaseStudy).length,S=e=>`rounded-full border px-4 py-2 text-xs font-semibold tracking-wide transition ${e?`border-[var(--color-periwinkle)] bg-[var(--color-periwinkle)] text-[var(--color-navy)]`:`border-white/15 bg-white/5 text-[var(--color-ink-2)] hover:border-[var(--color-periwinkle)]/60 hover:text-white`}`;return(0,d.jsxs)(`div`,{className:`container-x`,children:[(0,d.jsxs)(`div`,{className:`mb-6 flex flex-col sm:flex-row sm:items-end sm:justify-between gap-4`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`p`,{className:`mono-label text-[var(--color-periwinkle)]`,children:i===`All`?`Selected Clients`:i}),(0,d.jsxs)(`p`,{className:`mt-2 text-sm text-[var(--color-ink-3)]`,children:[b.length,` brands · `,x,` with published case studies`]})]}),(0,d.jsxs)(`div`,{className:`relative w-full sm:w-80`,children:[(0,d.jsx)(`label`,{htmlFor:`client-search`,className:`sr-only`,children:`Search clients`}),(0,d.jsx)(`input`,{id:`client-search`,value:n,onChange:e=>r(e.target.value),placeholder:`Search clientsâ¦`,className:`w-full rounded-full border border-white/15 bg-white/5 px-5 py-3 text-sm text-white placeholder:text-white/40 focus:outline-none focus:border-[var(--color-periwinkle)]`})]})]}),(0,d.jsxs)(`nav`,{"aria-label":`Filter clients by sector`,className:`mb-10 flex flex-wrap gap-2`,children:[(0,d.jsxs)(`button`,{type:`button`,onClick:()=>s(`All`),className:S(i===`All`),children:[`All `,(0,d.jsx)(`span`,{className:`opacity-60`,children:v.length})]}),y.map(e=>(0,d.jsxs)(`button`,{type:`button`,onClick:()=>s(e.label),className:S(i===e.label),children:[e.label,` `,(0,d.jsx)(`span`,{className:`opacity-60`,children:e.count})]},e.label))]}),(0,d.jsx)(`div`,{className:`grid gap-4 grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5`,children:b.map(e=>{let t=(0,d.jsxs)(`div`,{className:`group relative flex h-full flex-col overflow-hidden rounded-xl border border-white/10 bg-white/[0.03] transition hover:border-[var(--color-periwinkle)]/60 hover:bg-white/[0.06]`,children:[(0,d.jsx)(`div`,{className:`relative aspect-[4/3] overflow-hidden bg-white`,children:e.image?(0,d.jsx)(`img`,{src:e.image,alt:e.name,loading:`lazy`,className:`h-full w-full object-contain p-4 transition duration-500 group-hover:scale-105`}):(0,d.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-xs uppercase tracking-widest text-[var(--color-navy)]/40`,children:e.name})}),(0,d.jsxs)(`div`,{className:`flex flex-1 flex-col items-start gap-3 px-4 py-4`,children:[(0,d.jsxs)(`div`,{className:`flex w-full items-center justify-between gap-2`,children:[(0,d.jsx)(`span`,{className:`font-display text-sm font-bold text-white group-hover:text-[var(--color-periwinkle)] transition-colors line-clamp-1`,children:e.name}
1),e.hasCaseStudy&&(0,d.jsx)(`span`,{"aria-hidden":!0,className:`text-[var(--color-periwinkle)] text-sm transition group-hover:translate-x-1`,children:`â`})]}),e.sectors.length>0&&(0,d.jsx)(`ul`,{"aria-label":`${e.name} categories`,className:`flex flex-wrap gap-1.5`,children:e.sectors.map(e=>(0,d.jsx)(`li`,{className:`rounded-full border border-[var(--color-periwinkle)]/45 bg-[var(--color-periwinkle)]/10 px-2.5 py-1 text-[10px] font-semibold leading-none text-[var(--color-periwinkle)]`,children:e},e))})]}),e.hasCaseStudy&&(0,d.jsx)(`span`,{className:`absolute top-2 right-2 rounded-full bg-[var(--color-periwinkle)]/90 px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider text-[var(--color-navy)]`,children:`Case study`})]});return e.link?(0,d.jsx)(`a`,{href:o(e.link),className:`block`,children:t},e.key):(0,d.jsx)(`div`,{children:t},e.key)})}),b.length===0&&(0,d.jsx)(`p`,{className:`mt-12 text-center text-[var(--color-ink-3)]`,children:`No clients match that search.`})]})}export{v as component};
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.