https://www.bark.com/bwrAssets/services-page-BpO-Iwcr.js

1import{j as e,w as y,u as N}from"./components-BQBQZtji.js";import{A as d}from"./alternate-background-C4JweT08.js";import{u as v}from"./use-clickthrough-props-HrTRZsS3.js";import{O as w}from"./optimised-image-C3mnI61v.js";import{B as S}from"./bark-hero-DM71Mx5t.js";import{d as c}from"./url-helpers-Cqlvt3hB.js";import"./cn-Mszrrdy2.js";import"./constants-IYF9OJ2P.js";import"./button-CNiWWYwJ.js";import"./hero-Lt_Ma5g4.js";import"./cta-CAm39BC5.js";import"./multi-media-ClvzuAVR.js";import"./category-search-BJeaBfhp.js";import"./Combination-_dhIysmg.js";import"./index-D1O8SI-3.js";import"./map-country-code-to-country-id-DlCcAJSj.js";import"./useTranslation-nCmqK_YE.js";import"./hooks-8QOLz7j2.js";import"./constants-hZ_NGfMm.js";function b({title:l,imageUrl:t,clickthrough:r}){const s=v(r),i=e.jsxs("div",{className:"shadow-xs-class flex h-full w-full flex-col overflow-hidden rounded-lg",children:[e.jsx("div",{className:"h-[210px] w-full flex-shrink-0 overflow-hidden",children:t?e.jsx(w,{dataCy:"category-card-image",url:t,altText:`${l} category card`,className:"h-full w-full object-cover",height:210,loading:"lazy"}):e.jsx("div",{className:"bg-gray-200 flex h-full w-full items-center justify-center",children:e.jsx("span",{className:"text-gray-500 text-sm",children:"No image"})})}),e.jsx("div",{className:"flex flex-1 bg-background px-3 py-4",children:e.jsx("h2",{className:"truncate text-xl","data-cy":"category-card-head",children:l})})]});return e.jsx("a",{...s,className:"block w-full",children:i})}function F({loaderData:l}){return l.pageMeta}function k(l){const{contentfulData:t,lang:r,locale:s}=N(),{hero:i,title:m,description:p,popularServicesTitle:x,popularServicesCollection:g,allServicesTitle:h,allServicesCollection:u}=t,o=g?.items,f=o.slice(0,9),j=o.slice(9),n=u?.items;return e.jsxs("div",{"data-page-type":"services-page",className:"mx-auto",children:[e.jsx(d,{color:"blue gradient reverse",children:e.jsx(S,{...i,headingClassName:"leading-normal text-[32px] md:text-[60px]"})}),e.jsxs("div",{className:"container flex flex-col gap-4 px-4 py-10 md:py-16",children:[e.jsx("h2",{children:m}),e.jsx("p",{children:p})]}),o.length>0&&e.jsx(d,{color:"blue",children:e.jsxs("div",{className:"container flex flex-col gap-3 px-4 py-10 md:gap-6 md:py-16",children:[e.jsx("h2",{children:x}),e.jsx("div",{className:"grid grid-cols-1 gap-3 sm:grid-cols-2 md:gap-6 lg:grid-cols-3",children:f.map(a=>e.jsx(b,{title:a.name,imageUrl:a.image?.url,id:a.externalId.toString(),clickthrough:{destination:c({lang:r,locale:s,categorySlug:a.slug}),retainQueryParams:!1}},a.externalId))}),e.jsx("div",{className:"flex flex-wrap gap-2 pt-3 md:pt-6",children:j.map(a=>e.jsx("a",{href:c({lang:r,locale:s,categorySlug:a.slug}),className:"max-w-full min-w-0 rounded-md border-2 border-primary bg-background px-3 py-2",children:e.jsx("h2",{className:"truncate text-sm text-primary",children:a.name})},a.externalId))})]})}),e.jsxs("div",{className:"container flex flex-col gap-6 px-4 py-10 md:py-16",children:[e.jsx("h2",{children:h}),e.jsx("div",{className:"grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3",children:n.length>0&&n.map(a=>e.jsx("a",{href:c({lang:r,locale:s,categorySlug:a.slug}),className:"block",children:e.jsx("h3",{className:"text-sm text-primary",children:a.name})},a.externalId))})]})]})}const G=y(k);export{G as default,F as meta};