https://www.hiltonheadpet.com/_next/static/chunks/7336-182764a37badea8f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7336],{67336:(e,s,l)=>{l.r(s),l.d(s,{default:()=>f});var a=l(37876),i=l(84022),r=l(38469);let c=e=>{let{images:s}=e;return(0,a.jsx)("div",{className:"service-slide h-[358px]",children:(0,a.jsx)(i.eB,{options:{type:"fade",perPage:1,pagination:!0,arrows:!1,autoplay:!1},className:"splide-container",children:s?.map((e,s)=>(0,a.jsx)(i.Nn,{className:"serve-slide-item",children:(0,a.jsx)("div",{className:"serve-slide-img",children:(0,a.jsx)(r.Ay,{className:"slide-img",src:e?.url,alt:`service_image_${s+1}`,height:500,width:500})})},s))})})};var t=l(88016),n=l(21163),d=l(48230),o=l.n(d),m=l(68202),h=l(14232),x=l(12540),u=l(51930),v=l(19909),p=l(82964),N=l(38928),g=l(89099),j=l(80171);let b={general:"General Vet Services",speciality:"Speciality Vet Services",additional:"Additional Vet Services"};function f(e){let{websiteData:s,data:l}=e,i=(0,g.useRouter)(),r=null,d={isLoading:!1,error:null};try{let e=(0,N.GE)();r=e?.services||{},d=e?.loading||{}}catch{}let f=!(s?.serviceList&&Object.keys(s.serviceList).length>0)&&r&&Object.keys(r).length>0,w=(0,h.useMemo)(()=>f?{...s,serviceList:r}:s,[f,s,r]),C=(0,h.useMemo)(()=>(0,p.E)(l?.services||{},w?.templateName),[l?.services,w?.templateName]),E=l?.images||[],y=w?.pagesAndSections?.find(e=>e?.name===v.Nb.SERVICES_PAGE)?.enabled||!1,O=(0,h.useMemo)(()=>Object.keys(C||{}).find(e=>C[e]?.enabled)||"",[C]),[T,A]=(0,h.useState)([O]),{TriggerEvents:_}=(0,u.useCarterAnalytics)(),k=w?.templateName===v.QT.ER,S=(0,h.useCallback)((e,l)=>{if(!e?.cta?.enabled)return null;let r="",c="",t=()=>{};switch(e?.cta?.type){case"phone":r=`tel:${e?.cta?.value}`,c=e?.cta?.label||e?.cta?.value,t=()=>{x.uc.BOOK_APPOINTMENT(s,e=>{_?.CTA_CLICK({...e})},{buttonText:"Call"},!0,"call")};break;case"url":r=e?.cta?.value,c=e?.cta?.label,t=()=>{x.uc.BOOK_APPOINTMENT(s,e=>{_?.CTA_CLICK({...e})},{buttonText:"Visit URL"},!0,"url")};break;case"appointment":case"BOOK_APPOINTMENT":r=m.W.enrichRoute(s,n.bw.BOOK_APPOINTMENT),c=e?.cta?.label||"Book Appointment",t=()=>{m.W.handleRouteChange(i,s,n.bw.BOOK_APPOINTMENT),x.uc.BOOK_APPOINTMENT(s,e=>{_?.CTA_CLICK({...e})},{buttonText:"Book Appointment"},!0,"appointment")};break;default:r=`tel:${e?.cta?.value}`,c=e?.cta?.value,t=()=>{x.uc.BOOK_APPOINTMENT(s,e=>{_?.CTA_CLICK({...e})},{buttonText:"Call"},!0,"call")}}return(0,a.jsxs)(o(),{href:r,onClick:t,className:l,...e?.cta?.type==="url"&&{target:"_blank",rel:"noopener noreferrer"},children:[e?.cta?.type==="phone"&&(0,a.jsx)("span",{className:"btn-icon",children:(0,a.jsx)(j.b,{})}),c]})},[_,i,s]),I=(0,h.useRef)(null),L=(0,h.useRef)({}),P=(0,h.useCallback)(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"button",l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"service_section";_?.REGULAR_CLICK({type:s,event:l,id:e})},[_]),R=s?.isMultiSiteChild?s?.slug:null,$=s?.isMultiSiteChild?s?.parent?.slug:null,M=s?.status?.toLowerCase()||"draft",K=e=>R?`/website/${M}/${$}/location/${R}/services/${e}`:m.W.enrichRoute(w,n.bw.SERVICES_PAGE,e),V=(0,h.useCallback)(e=>{A(e)},[]);if((0,h.useEffect)(()=>{if(T.length>0){let e=T.at(-1);if(L.current[e]){let s=setTimeout(()=>{let s=L.current[e];if(s&&s.getBoundingClientRect().top<100){let e=s.offsetTop;window.scrollTo({top:Math.max(0,e-100),behavior:"smooth"})}},200);return()=>clearTimeout(s)}}},[T]),d.isLoading)return(0,a.jsxs)("section",{className:"service-sections py-[50px] lg:py-[60px] xl:py-20",children:[(0,a.jsx)("div",{className:"container",children:(0,a.jsxs)("div",{className:"heading-wrap max-w-[998px] mx-0 mb-12",children:[(0,a.jsx)("h2",{className:"heading",children:l?.heading||"Services we Offer!"}),(0,a.jsx)("p",{className:"page-desc",children:(0,x.EJ)(l?.subHeading||`${s?.name} provides a few services to meet your needs.`,n.N8?.LANDING_PAGE?.SERVICE_SECTION?.DESC)})]})}),(0,a.jsx)("div",{className:"container mx-auto",children:(0,a.jsxs)("div",{className:"flex cus-row flex-wrap items-start",children:[(0,a.jsx)("div",{className:"left-serv-col service-col min-h-[358px] max-h-[358px] h-[358px] hidden lg:block",children:(0,a.jsx)(c,{images:E})}),(0,a.jsx)("div",{className:"right-serv-col service-col",children:(0,a.jsx)("div",{className:"w-full",children:Array.from({length:4}).map((e,s)=>(0,a.jsx)("div",{className:"accord-card border rounded",children:(0,a.jsxs)("div",{className:"acord-triger p-4 flex items-center justify-between",children:[(0,a.jsx)("div",{className:"h-5 bg-gray-200 rounded animate-pulse w-32"}),(0,a.jsx)("div",{className:"h-4 w-4 bg-gray-200 rounded animate-pulse"})]})},`service-shimmer-${s}`))})})]})})]});if(d.error)return(0,a.jsxs)("div",{className:"text-center py-8",children:[(0,a.jsxs)("p",{className:"text-red-500",children:["Error loading services: ",d.error]}),(0,a.jsx)("button",{onClick:()=>globalThis.location.reload(),className:"mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600",children:"Retry"})]});let B=Object.keys(C||{})?.some(e=>C[e]?.enabled);return(0,a.jsx)(a.Fragment,{children:B?(0,a.jsxs)("section",{className:"service-sections py-[50px] lg:py-[60px] xl:py-20",children:[(0,a.jsx)("div",{className:"container",children:(0,a.jsxs)("div",{className:"flex flex-wrap -mx-2",children:[(0,a.jsx)("div",{className:"w-full lg:w-6/12 flex justify-start flex-col px-2 lg:px-4",children:(0,a.jsxs)("div",{className:"heading-wrap max-w-[998px] mx-0 mb-12",children:[(0,a.jsx)("h2",{className:"heading",children:l?.heading||"Services we Offer!"}),(0,a.jsx)("p",{className:"page-desc",children:(0,x.EJ)(l?.subHeading||`${s?.name} provides a few services to meet your needs.`,n.N8?.LANDING_PAGE?.SERVICE_SECTION?.DESC)})]})}),(0,a.jsx)("div",{className:"lg:w-6/12 px-2 mb-4 text-right hidden lg:block",children:S(l,"btn btn-lg primary-btn w-full sm:w-fit")})]})}),(0,a.jsx)("div",{className:"container mx-auto",children:(0,a.jsxs)("div",{className:"flex cus-row flex-wrap items-start",children:[(0,a.jsx)("div",{className:"left-serv-col service-col min-h-[358px] max-h-[358px] h-[358px] hidden lg:block",children:(0,a.jsx)(c,{images:E})}),(0,a.jsxs)("div",{className:"right-serv-col service-col",children:[(0,a.jsx)(t.nD,{ref:I,type:"multiple",className:"w-full",defaultValue:[O],value:T,onValueChange:V,children:Object.keys(C||{})?.map((e,l)=>C[e]?.enabled&&(0,a.jsxs)(t.As,{ref:s=>{L.current[e]=s},className:"accord-card",value:`${e}`,children:[(0,a.jsx)(t.$m,{className:`acord-triger ${0===l&&k?"bg-[var(--vis-emergency)] text-white er-card":""}`,children:(0,a.jsx)("span",{className:`flex-1 text-left ${0===l&&k?"text-white":"text-[color:var(--vis-header)]"}`,children:C?.[e]?.name||b[e]||(0,n.Zr)(e||"")})}),(0,a.jsx)(t.ub,{className:"faq-content",children:(0,a.jsxs)("ul",{className:"pt-3 md:pt-4 grid grid-cols-1 md:grid-cols-3 text-center lg:grid-cols-3 h-full overflow-hidden px-2",children:[w?.serviceList?.[e]?.map((e,s)=>(0,a.jsx)("li",{className:"serv-card",children:(0,a.jsxs)(o(),{href:K(e?.slug),onClick:()=>P(e?.slug),className:"serv-card-link",children:[(0,a.jsx)("div",{className:"",children:(()=>{let s=n.Lt[e?.iconId-1]?.image;return(0,a.jsx)("span",{className:"icon-wrpr serv-icon",children:s?(0,a.jsx)(s,{}):null})})()}),(0,a.jsx)("div",{children:(0,a.jsx)("p",{className:"serv-card-title",children:e?.name})})]})},s)),s?.serviceList&&s?.serviceList?.[e]&&s?.serviceList?.[e]?.length&&y&&(0,a.jsx)("li",{className:"serv-card",children:(0,a.jsx)("div",{className:"link-card",children:(0,a.jsx)(o(),{className:"read_more cursor-pointer",href:R?`/website/${M}/${$}/location/${R}

1/services`:m.W.enrichRoute(s,n.bw.SERVICES_PAGE),onClick:()=>P(n.bw.SERVICES_PAGE),children:"See all Services"})})})]})})]},l))}),(0,a.jsx)("nav",{"aria-label":"All services",className:"sr-only",children:(0,a.jsx)("ul",{children:Object.keys(C||{}).filter(e=>C[e]?.enabled).flatMap(e=>w?.serviceList?.[e]||[]).filter((e,s,l)=>e?.slug&&l.findIndex(s=>s?.slug===e?.slug)===s).map(e=>(0,a.jsx)("li",{children:(0,a.jsx)(o(),{href:K(e?.slug),children:e?.name})},e?.slug))})})]})]})})]}):(0,a.jsx)(a.Fragment,{})})}}}]);