1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4873,8761],{14873:(e,s,t)=>{var a=t(12115),n=function(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}(a);!function(e){if(!e||"undefined"==typeof window)return;let s=document.createElement("style");s.setAttribute("type","text/css"),s.innerHTML=e,document.head.appendChild(s)}('.rfm-marquee-container {\n overflow-x: hidden;\n display: flex;\n flex-direction: row;\n position: relative;\n width: var(--width);\n transform: var(--transform);\n}\n.rfm-marquee-container:hover div {\n animation-play-state: var(--pause-on-hover);\n}\n.rfm-marquee-container:active div {\n animation-play-state: var(--pause-on-click);\n}\n\n.rfm-overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n.rfm-overlay::before, .rfm-overlay::after {\n background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));\n content: "";\n height: 100%;\n position: absolute;\n width: var(--gradient-width);\n z-index: 2;\n pointer-events: none;\n touch-action: none;\n}\n.rfm-overlay::after {\n right: 0;\n top: 0;\n transform: rotateZ(180deg);\n}\n.rfm-overlay::before {\n left: 0;\n top: 0;\n}\n\n.rfm-marquee {\n flex: 0 0 auto;\n min-width: var(--min-width);\n z-index: 1;\n display: flex;\n flex-direction: row;\n align-items: center;\n animation: scroll var(--duration) linear var(--delay) var(--iteration-count);\n animation-play-state: var(--play);\n animation-delay: var(--delay);\n animation-direction: var(--direction);\n}\n@keyframes scroll {\n 0% {\n transform: translateX(0%);\n }\n 100% {\n transform: translateX(-100%);\n }\n}\n\n.rfm-initial-child-container {\n flex: 0 0 auto;\n display: flex;\n min-width: auto;\n flex-direction: row;\n align-items: center;\n}\n\n.rfm-child {\n transform: var(--transform);\n}'),s.A=a.forwardRef(function(e,s){let{style:t={},className:o="",autoFill:l=!1,play:i=!0,pauseOnHover:r=!1,pauseOnClick:c=!1,direction:d="left",speed:u=50,delay:g=0,loop:p=0,gradient:m=!1,gradientColor:h="white",gradientWidth:x=200,onFinish:v,onCycleComplete:f,onMount:w,children:b}=e,[y,j]=a.useState(0),[k,N]=a.useState(0),[z,S]=a.useState(1),[_,A]=a.useState(!1),C=a.useRef(null),T=s||C,I=a.useRef(null),O=a.useCallback(()=>{if(I.current&&T.current){let e=T.current.getBoundingClientRect(),s=I.current.getBoundingClientRect(),t=e.width,a=s.width;("up"===d||"down"===d)&&(t=e.height,a=s.height),l&&t&&a?S(a<t?Math.ceil(t/a):1):S(1),j(t),N(a)}},[l,T,d]);a.useEffect(()=>{if(_&&(O(),I.current&&T.current)){let e=new ResizeObserver(()=>
1O());return e.observe(T.current),e.observe(I.current),()=>{e&&e.disconnect()}}},[O,T,_]),a.useEffect(()=>{O()},[O,b]),a.useEffect(()=>{A(!0)},[]),a.useEffect(()=>{"function"==typeof w&&w()},[]);let E=a.useMemo(()=>l?k*z/u:k<y?y/u:k/u,[l,y,k,z,u]),R=a.useMemo(()=>Object.assign(Object.assign({},t),{"--pause-on-hover":!i||r?"paused":"running","--pause-on-click":!i||r&&!c||c?"paused":"running","--width":"up"===d||"down"===d?"100vh":"100%","--transform":"up"===d?"rotate(-90deg)":"down"===d?"rotate(90deg)":"none"}),[t,i,r,c,d]),L=a.useMemo(()=>({"--gradient-color":h,"--gradient-width":"number"==typeof x?"".concat(x,"px"):x}),[h,x]),F=a.useMemo(()=>({"--play":i?"running":"paused","--direction":"left"===d?"normal":"reverse","--duration":"".concat(E,"s"),"--delay":"".concat(g,"s"),"--iteration-count":p?"".concat(p):"infinite","--min-width":l?"auto":"100%"}),[i,d,E,g,p,l]),M=a.useMemo(()=>({"--transform":"up"===d?"rotate(90deg)":"down"===d?"rotate(-90deg)":"none"}),[d]),B=a.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,s)=>n.default.createElement(a.Fragment,{key:s},a.Children.map(b,e=>n.default.createElement("div",{style:M,className:"rfm-child"},e)))),[M,b]);return _?n.default.createElement("div",{ref:T,style:R,className:"rfm-marquee-container "+o},m&&n.default.createElement("div",{style:L,className:"rfm-overlay"}),n.default.createElement("div",{className:"rfm-marquee",style:F,onAnimationIteration:f,onAnimationEnd:v},n.default.createElement("div",{className:"rfm-initial-child-container",ref:I},a.Children.map(b,e=>n.default.createElement("div",{style:M,className:"rfm-child"},e))),B(z-1)),n.default.createElement("div",{className:"rfm-marquee",style:F},B(z))):null})},19620:(e,s,t)=>{t.d(s,{A:()=>o});var a=t(95155),n=t(12115);let o=e=>{let{openModal:s=!1,setopenModal:t=()=>{},children:o=(0,a.jsx)(a.Fragment,{}),throughApp:l=!1}=e;return(0,n.useEffect)(()=>(s||l?document.body.classList.add("modal-open"):document.body.classList.remove("modal-open"),()=>{document.body.classList.remove("modal-open")}),[s,l]),(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{onClick:()=>{t(!1)},style:{display:s?"block":"none",position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:9999},"aria-labelledby":"modal-title",role:"dialog","aria-modal":"true",children:[(0,a.jsx)("div",{style:{backgroundColor:"rgba(107, 114, 128, 0.7)",backgroundOpacity:"0.7",position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:9999},className:"transition-opacity"}),(0,a.jsx)("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:1e4},children:(0,a.jsx)("div",{className:"flex flex-col h-full w-full items-end justify-center lsm:items-center lsm:p-4",children:(0,a.jsx)("div",{className:"bottom-modal-sm items-center relative p-4 flex w-[100vw] backdrop:blur-sm flex-col gap-5 rounded-t-3xl bg-transparent lsm:max-h-fit lsm:w-8/12 lsm:rounded-xl",style:{zIndex:10001},children:o})})})]})})}},23084:(e,s,t)=>{t.d(s,{GK:()=>a,Wz:()=>n});let a="https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tools-landing-360/logo+spyne.webp",n={DOWN_ARROW_BLACK:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tool-home/360_rotation/down-caret.svg",ROCKET_BLACK:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tool-home/HeaderNew/headerimg/rocket220.svg",ROCKET_BLUE:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/landing-partnership/rocketblue.svg",BLUE_TICK:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/landing-partnership/bluetick.svg",LEFT_ARROW_COLOR:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tool-home/Arrowleftdark.svg",LEFT_ARROW_black:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/landing-video/arrow_backwith+tail.svg",calender_icon:"https://spyne-static.s3.us-east-1.amazonaws.com/AI-tools/landing-partnership/meeting+accets/logo4.svg",thunder_icon:"https://spyne-static.s3.us-east-1.amazonaws.com/AI-tools/landing-partnership/meeting+accets/logo5.svg",location_icon:"https://spyne-static.s3.us-east-1.amazonaws.com/AI-tools/landing-partnership/meeting+accets/logo3.svg",time_icon:"https://spyne-static.s3.us-east-1.amazonaws.com/AI-tools/landing-partnership/meeting+accets/logo2.svg",user_icon:"https://spyne-static.s3.us-east-1.amazonaws.com/AI-tools/landing-partnership/meeting+accets/logo1.svg",whiteStar:"https://d20uiuzezo3er4.cloudfront.net/website-builder
1-landing-page/hero-section/white_star.svg",blackStar:"https://d20uiuzezo3er4.cloudfront.net/blackStar.gif",bookstaricon:"https://d20uiuzezo3er4.cloudfront.net/landing-pages/landing-video/book_4_spark.svg",bluebookstaricon:"https://d20uiuzezo3er4.cloudfront.net/landing-pages/landing-video/book_4_spark+blue.svg",double_side_arrow:"https://d20uiuzezo3er4.cloudfront.net/landing-pages/landing-video/octicon_arrow-both-16.svg",giftick:"https://spyne-static.s3.us-east-1.amazonaws.com/gsap-homepage/thank-you-page.gif",clockfaded:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/landing-video/clock+faded.svg",calender_faded:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/landing-video/calendar_today.svg",arrowleft:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/landing-video/arrowleft.svg",arrow_blue:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/landing-video/prople/arrow_forwardblue.png",cursorchange:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/landing-video/prople/iconamoon_cursor-fill.svg",locationWhite:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/landing-video/prople/locationwhite.svg",clockwhite:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/landing-video/prople/clockwhite.svg",bye:"https://spyne-static.s3.us-east-1.amazonaws.com/homepage/form+page/bye.svg",staryellow:"https://spyne-static.s3.us-east-1.amazonaws.com/homepage/form+page/4staryellow.svg",human:"https://spyne-static.s3.us-east-1.amazonaws.com/homepage/form+page/Flux_Dev_generate_an_image_of_a_middleaged_Caucasian_man_with__2.webp",taxiicon:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/local_taxi.svg",whiteRightArrow:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/arrow-right.svg",videoicon:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/videosvg.svg",three60icon:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/360svg.svg",imageicon:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/imagesvg.svg",bronzeIcon:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/bronzeicon.svg",silverIcon:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/silvericon.svg",goldIcon:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/goldicon.svg",cartIcon:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/add_shopping_cart.svg",checkWhiteIcon:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/checkwhite.svg",bagIcon:"https://spyne-static.s3.amazonaws.com/AI-tools/ai-tool-home/HeaderNew/percentageBag.svg",contactsupporticon:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/contact_support.svg",greenCheck:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/charm_tick.svg",bluedropdown:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/bluedownarrow.svg",arrowdignoallight:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/arrowdignoallight.svg",arrowdignoalblue:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/arrowdignoalblue.svg",blacktick:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/Line+2.svg",arrowtriangle:"https://d20uiuzezo3er4.cloudfront.net/landing-pages/pricing/arrowtriangle.svg",arrowtrianglenopading:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing/arrowtrianglenopading.svg",iconforprice:"https://spyne-static.s3.amazonaws.com/AI-tools/ai-tool-home/HeaderNew/tagMark_123.svg",closeGrey:"https://spyne-static.s3.us-east-1.amazonaws.com/AI-tools/Spyne+website/closegrey.svg",autowebpurple:"https://spyne-static.s3.us-east-1.amazonaws.com/AI-tools/Spyne+website/autoweb+purple+icon.svg",connectpurple:"https://spyne-static.s3.us-east-1.amazonaws.com/AI-tools/Spyne+website/connect+purple+icon.svg",inventorypurple:"https://spyne-static.s3.us-east-1.amazonaws.com/AI-tools/Spyne+website/inventory+purple+icon.svg",studiopurple:"https://spyne-static.s3.us-east-1.amazonaws.com/AI-tools/Spyne+website/studio+purple+icon.svg",quote_symbol:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/conversational-ai/quote_symbol.png",plusIcon:"https://d20uiuzezo3er4.cloudfront.net/landing-pages/header-home/icons/plusIcon.svg",minusIcon:"https://d20uiuzezo3er4.cloudfront.net/landing-pages/header-home/icons/minusIcon.svg",greyReceptionist:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/conversational-ai/GreyReceptionist.svg",greyServiceAgent:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/conversational-ai/GreyService.svg",greyFinanceAgent:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/conversational-ai/GreyFinance.svg",greySalesAgent:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/conversational-ai/GreySales.svg",greyPartsAgent:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/conversational-ai/GreyParts.svg",colorReceptionist:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/conversational-ai/ColorReceptionist.svg",colorServiceAgent:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/conversational-ai/ColorService.svg",colorFinanceAgent:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/conversational-ai/ColorFinance.svg",colorSalesAgent:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/conversational-ai/ColorSales.svg",colorPartsAgent:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/conversational-ai/ColorParts.svg",iconLeftSitare:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/conversational-ai/icon+left+sitare.svg",iconRightSitare:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/conversational-ai/icon+right+sitare.svg",callAllowed:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/conversational-ai/call+allowed.svg",callEnded:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/conversational-ai/end+call+icon.svg",singleStar:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/conversational-ai/single+star.svg",bluePlayIcon:"https://spyne-static.s3.us-east-1.amazonaws.com/plugin-library/miniPlay.svg",imageProcessing:"https://spyne-static.s3.us-east-1.amazonaws.com/AI-tools/case-study/BMblue.svg",computerVision:"https://spyne-static.s3.us-east-1.amazonaws.com/AI-tools/case-study/BMgreen.svg",fortune500:"https://spyne-static.s3.us-east-1.amazonaws.com/AI-tools/case-study/BMorange.svg",enterpriseCustomers:"https://spyne-static.s3.us-east-1.amazonaws.com/AI-tools/case-study/BMpink.svg",customerObsession:"https://www.spyne.ai/wp-content/uploads/2025/04/Customer-Obsession.svg",speedPerfection:"https://www.spyne.ai/wp-content/uploads/2025/04/Speed-Perfection.svg",extremeOwnership:"https://www.spyne.ai/wp-content/uploads/2025/04/Extreme-Ownership.svg",theATeamFlywheel:"https://www.spyne.ai/wp-content/uploads/2025/04/The-A-Team-Flywheel.svg",think10x:"https://www.spyne.ai/wp-content/uploads/2025/04/Think-10x.svg",humanCaseStudy1:"https://spyne-static.s3.us-east-1.amazonaws.com/AI-tools/case-study/Invisible_man.png",humanCaseStudy2:"https://spyne-static.s3.us-east-1.amazonaws.com/plugin-library/rating_man.webp",conversationalAiPurple:"https://spyne-static.s3.us-east-1.amazonaws.com/production-website/conversational-ai.svg",studioAiPurple:"https://spyne-static.s3.us-east-1.amazonaws.com/production-website/studio-ai.svg",additional:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing-v3/additional.svg",blueCircleIcon:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing-v3/blueCircleIcon.svg",car:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing-v3/car.svg",colourCircleIcon:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing-v3/colourCircleIcon.svg",colourStar:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing-v3/colourStar.svg",greyStar:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing-v3/greyStar.svg",image:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing-v3/image.svg",inbound:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing-v3/inbound.svg",lite:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing-v3/lite.svg",moreInfo:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing-v3/moreInfo.svg",outbound:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing-v3/outboun
1d.svg",platform:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing-v3/platform.svg",pro:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing-v3/pro.svg",security:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing-v3/security.svg",support:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing-v3/support.svg",video:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/pricing-v3/video.svg"}},30326:(e,s,t)=>{t.r(s),t.d(s,{default:()=>T});var a=t(95155),n=t(67909),o=t(12115),l=t(30926);let i=(0,l.createServerReference)("40f0a9b6ff3cc8e346f94756612738ccfa987c0b01",l.callServer,void 0,l.findSourceMapURL,"getBgsListandFiltered");var r=t(89308),c=t(19620),d=t(30439),u=t(75035),g=t(20594),p=t(20063),m=t(89796);let h=(0,o.createContext)();function x(){let{filterData:e,setfilterData:s,tags:t}=(0,o.useContext)(h),[n,l]=(0,o.useState)(null==e?void 0:e.searchText),[i,r]=(0,o.useState)([]),[c,d]=(0,o.useState)(""),[u,g]=(0,o.useState)(!1),[p,m]=(0,o.useState)(!0),[x,v]=(0,o.useState)(0);return(0,o.useEffect)(()=>
1{l(null==e?void 0:e.searchText)},[null==e?void 0:e.searchText]),(0,o.useEffect)(()=>{if(t&&Array.isArray(t)&&t.length>0){let e=t.map(e=>e.label||e.name||"").filter(Boolean).slice(0,8);e.length>0&&(r(e),d(e[0]),v(0))}else t&&0!==t.length||(r([]),d(""))},[t]),(0,o.useEffect)(()=>{if(n||!i||0===i.length)return;let e=setInterval(()=>{m(!1),g(!0),setTimeout(()=>{let e=(x+1)%i.length;v(e),d(i[e]||""),m(!0),g(!1)},250)},3e3);return()=>clearInterval(e)},[i,x,n]),(0,a.jsxs)("div",{className:"searchContainer",children:[(0,a.jsx)("input",{type:"text",className:"searchInput",value:n,onChange:e=>{l(e.target.value)},onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),e.target.blur(),s(e=>({...e,searchText:n||""})))},placeholder:"",style:{outline:"none"},onFocus:e=>e.target.style.outline="none"}),!n&&c&&i.length>0&&(0,a.jsxs)("div",{className:"placeholderText ".concat(u?"animating":""," ").concat(p?"visible":""),children:["Search for ",'"',(0,a.jsx)("span",{className:"dynamicText",children:c}),'"']})]})}let v=(0,l.createServerReference)("00e6ace53bc03fb144eeefad392af4471d0edd95a6",l.callServer,void 0,l.findSourceMapURL,"getTagList");function f(e){let{showTags:s=!0}=e,t=(0,p.useRouter)(),n=(0,p.useSearchParams)(),{studioTypes:l,setStudioTypes:i,vehicleTypes:r,setVehicleTypes:c,maintainDropdown:u,setmaintainDropdown:g,filterData:f,textImgMap:w,setfilterData:b,tags:y,setTags:j}=(0,o.useContext)(h),[k,N]=(0,o.useState)(!1);(0,o.useEffect)(()=>{b((()=>{let e=n.get("search")||"",s=n.get("studioType"),t=s?s.split(","):[];return{searchText:e,studioType:t,vehicle:n.get("vehicle")||"suv",showCar:"false"!==n.get("showCar")}})()),N(!0)},[]),(0,o.useEffect)(()=>{k&&f&&(e=>{let s=new URLSearchParams(n);e.searchText?s.set("search",e.searchText):s.delete("search"),e.studioType&&e.studioType.length>0?s.set("studioType",e.studioType.join(",")):s.delete("studioType"),e.vehicle&&"suv"!==e.vehicle?s.set("vehicle",e.vehicle):s.delete("vehicle"),!1===e.showCar?s.set("showCar","false"):s.delete("showCar"),(0,m.A)({event:"bg_search_filter",screenName:"virtual-backgrounds",custom:{description:"event from virtual backgrounds",data:e}});let a="".concat(window.location.pathname).concat(s.toString()?"?"+s.toString():"");t.replace(a,{scroll:!1})})(f)},[f,k]),(0,o.useEffect)(()=>{let e=async()=>{try{let e=await v();!e.error&&e.data&&j(e.data)}catch(e){console.error("Error fetching tags for search placeholder:",e)}};y&&0!==y.length||e()},[]);let z=e=>()=>{g(s=>({...Object.keys(s).reduce((t,a)=>(t[a]=a===e&&!s[a],t),{}),[e]:!s[e]}))},S=(0,o.useRef)(null),_=(0,o.useRef)(null);return(0,o.useEffect)(()=>{function e(e){S.current&&!S.current.contains(e.target)&&(null==u?void 0:u.studio)&&g(e=>({...e,studio:!1})),_.current&&!_.current.contains(e.target)&&(null==u?void 0:u.vehicle)&&g(e=>({...e,vehicle:!1}))}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[u]),(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:"filter-component ".concat(s?"w-[80vw] rounded-lg border-[1px] p-2 border-[rgba(0,0,0,0.1)]":"w-[100vw] shadow-md pb-3 px-10 pt-3"," flex flex-row justify-between"),children:[(0,a.jsxs)("div",{className:"relative ".concat(s?"w-[19rem]":" flex flex-row flex-shrink-0 justify-between w-[22rem]"),children:[!s&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("img",{src:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/bgHeader.svg",className:"w-[8rem]"}),(0,a.jsx)("img",{src:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/line.svg",className:"w-[1rem] mx-2 py-2"})]}),(0,a.jsxs)("div",{className:"flex items-center rounded-lg shadow-sm border-[1px] ".concat(s?"":"w-[19rem]"," border-[rgba(0,0,0,0.1)]"),children:[(0,a.jsx)("img",{className:"pr-3 pl-2",src:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/search.svg"}),(0,a.jsx)(x,{})]})]}),(0,a.jsxs)("div",{className:"flex flex-row w-[60%] justify-end",children:[(0,a.jsxs)("div",{className:"relative pr-2",ref:S,children:[(0,a.jsx)("div",{onClick:z("studio"),className:"cursor-pointer flex-shrink-0 p-2 bg-[rgba(0,0,0,0.04)] text-[rgba(0,0,0,0.7)] border rounded-lg border-[rgba(0,0,0,0.05)]",children:(0,a.jsxs)("span",{className:"flex font-semibold flex-row",children:["Studio Type"," ",(0,a.jsx)("img",{className:"pl-3",src:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/leftArrow.svg"})]})}),(0,a.jsxs)("div",{style:{display:(null==u?void 0:u.studio)?"block":"none",boxShadow:"rgba(0, 0, 0, 0.35) 0px 5px 15px"},className:"absolute w-60 -left-12 z-10 rounded-lg bg-white",children:[(0,a.jsxs)("div",{onClick:z("studio"),className:"cursor-pointer p-3 flex flex-row justify-between border-b-2 border-[rgba(0, 0, 0, 0.1)]",children:[(0,a.jsx)("span",{className:"font-semibold text-[14px] text-[rgba(0,0,0,0.6)]",children:"Studio Type"}),(0,a.jsx)("img",{className:"transform rotate-[270deg] ",src:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/leftArrow.svg"})]}),null==l?void 0:l.map((e,s)=>(0,a.jsxs)("div",{onClick:()=>{b(s=>{let t=s.studioType.includes(e)?s.studioType.filter(s=>s!==e):[...s.studioType,e];return{...s,studioType:t}})},className:"cursor-pointer p-2 flex flex-row justify-between ".concat((null==f?void 0:f.studioType.includes(e))?"bg-[rgba(70,0,242,0.06)]":""),children:[(0,a.jsx)("img",{src:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/".concat(null==e?void 0:e.toLocaleLowerCase(),".svg")}),(0,a.jsx)("span",{className:"text-[14px] flex flex-col justify-center ".concat((null==f?void 0:f.studioType.includes(e))?"text-[rgba(70,0,242,1)]":"text-[rgba(0,0,0,0.6)]"),children:e.charAt(0).toLocaleUpperCase()+e.slice(1).toLocaleLowerCase()}),(0,a.jsx)("img",{style:{display:(null==f?void 0:f.studioType.includes(e))?"none":"block"},className:"pr-2",src:"https://spyne-static.s3.us-east-1.amazonaws.com/console/combined-vs/gray_reason_tick.svg"}),(0,a.jsx)("img",{style:{display:(null==f?void 0:f.studioType.includes(e))?"block":"none"},className:"pr-2",src:"https://spyne-static.s3.us-east-1.amazonaws.com/console/combined-vs/purple_reason_tick.svg"})]},s))]})]}),(0,a.jsx)("img",{className:"py-2 px-3",src:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/line.svg"}),(0,a.jsx)("div",{className:"cursor-pointer p-2 ml-2 bg-[rgba(0,0,0,0.04)] text-[rgba(0,0,0,0.7)] border rounded-lg border-[rgba(0,0,0,0.05)]",children:(0,a.jsxs)("span",{className:"flex font-semibold flex-row",children:["Show Car"," ",(0,a.jsx)("span",{className:"pl-3 flex flex-col justify-center",children:(0,a.jsx)(d.A,{isOn:null==f?void 0:f.showCar,handleToggle:()=>{b(e=>({...e,showCar:!(null==f?void 0:f.showCar)}))}})})]})}),(0,a.jsxs)("div",{className:"relative pl-2",ref:_,children:[(0,a.jsxs)("div",{onClick:z("vehicle"),className:"cursor-pointer p-2 bg-[rgba(0,0,0,0.04)] text-[rgba(0,0,0,0.7)] border rounded-lg border-[rgba(0,0,0,0.05)] flex flex-row",children:[(0,a.jsx)("img",{className:"pr-2",src:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/".concat(null==f?void 0:f.vehicle,"_gray.svg")}),(0,a.jsxs)("span",{className:"flex font-semibold flex-row",children:[null==f?void 0:f.vehicle," ",(0,a.jsx)("img",{className:"pl-2",src:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/arrow_down.svg"})]})]}),(0,a.jsxs)("div",{style:{display:(null==u?void 0:u.vehicle)?"block":"none",boxShadow:"rgba(0, 0, 0, 0.35) 0px 5px 15px"},className:"absolute w-60 left-[-100px] z-10 rounded-lg bg-white",children:[(0,a.jsxs)("div",{onClick:z("vehicle"),className:" cursor-pointer p-3 flex flex-row justify-between border-b-2 border-[rgba(0, 0, 0, 0.1)]",children:[(0,a.jsx)("span",{className:"font-semibold text-[14px] text-[rgba(0,0,0,0.6)]",children:"Vehicle"}),(0,a.jsx)("img",{className:"transform rotate-[270deg]",src:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/leftArrow.svg"})]}),null==r?void 0:r.map((e,s)=>(0,a.jsxs)("div",{onClick:()=>{b(s=>({...s,vehicle:e}))},className:"cursor-pointer p-2 flex flex-row ".concat((null==f?void 0:f.vehicle)===e?"bg-[rgba(70,0,242,0.06)]":""),children:[(0,a.jsx)("img",{src:(null==f?void 0:f.vehicle)===e?"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/".concat(e,".svg"):"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/".concat(e,"_gray.svg")}),(0,a.jsx)("span",{className:"text-[14px] pl-5 text-[rgba(0,0,0,0.6)] flex flex-col justify-center ".concat((null==f?void 0:f.vehicle)===e?"text-[rgba(70,0,242,1)]":"text-[rgba(0,0,0,0.6)]"),children:e.charAt(0).toLocaleUpperCase()+e.slice(1).toLocaleLowerCase()})]},s))]})]})]})]})})}var w=t(26394);let b=new Set;function y(e){var s;let{cardData:t={},classname:n="",showBgName:l=!1}=e,[i,r]=(0,o.useState)(!1),[c,d]=(0,o.useState)(!1),[u,g]=(0,o.useState)(!0),[p,x]=(0,o.useState)(!0),[v,f]=(0,o.useState)(!0),[y,j]=(0,o.useState)(!1),k=(0,o.useRef)(null),{scrollContainerRef:N,hasLeftScroll:z,setHasLeftScroll:S,hasRightScroll:_,setHasRightScroll:A,studioTypes:C,setStudioTypes:T,vehicleTypes:I,setVehicleTypes:O,maintainDropdown:E,setmaintainDropdown:R,filterData:L,textImgMap:F,bgsData:M,setbgsData:B,setfilterData:q,setOpenModal:D,setBgId:P}=(0,o.useContext)(h),U=()=>{(0,m.A)({event:"bg_full_screen",screenName:"virtual-backgrounds",custom:{description:"event from virtual backgrounds",data:t}}),window.open("/demo/BgPreview?bgId=".concat(null==t?void 0:t.bg_id,"&carType=").concat(null==L?void 0:L.vehicle),"_blank","noopener,noreferrer")},W=t.background_vehicle_data&&t.background_vehicle_data.length>
10?t.background_vehicle_data:t.Background_vehicle_data&&t.Background_vehicle_data.length>0?t.Background_vehicle_data:[],G=e=>(e||"").toLowerCase().replace(/[^a-z]/g,""),H=(()=>{var e;if(!(null==L?void 0:L.showCar)||!(null==t?void 0:t.onboarding_sample))return null;let s=t.onboarding_sample.find(e=>G(e.type)===G(L.vehicle));return(null==s?void 0:s.sku_id)||(null==(e=t.onboarding_sample[0])?void 0:e.sku_id)||null})(),K=(null==L?void 0:L.showCar)&&W.length>0?null==(s=W.find(e=>e.type.toLowerCase()===(null==L?void 0:L.vehicle.toLowerCase())))?void 0:s.thumbnail_url:null,V=(0,w.bn)(K||(null==t?void 0:t.background_thumbnail_hres)),J=(0,w.bn)(null==t?void 0:t.background_thumbnail_hres),Q=b.has(V),Y=b.has(J);return(0,o.useEffect)(()=>{(null==L?void 0:L.showCar)?g(!Q):f(!Y)},[null==L?void 0:L.vehicle,null==L?void 0:L.showCar,V,J]),(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{style:{boxShadow:"rgba(0, 0, 0, 0.35) 0px 5px 15px"},onMouseEnter:()=>{u&&v&&p||y||(clearTimeout(k.current),r(!0),d(!0),x(!0),(0,m.A)({event:"bg_hover",screenName:"virtual-backgrounds",custom:{description:"event from virtual backgrounds",data:t}}),k.current=setTimeout(()=>{d(!1),x(!1),j(!0)},15e3))},onMouseLeave:()=>{clearTimeout(k.current),r(!1),d(!1),x(!1),j(!1)},className:"w-full overflow-hidden relative cursor-pointer rounded-xl aspect-video ".concat(n),children:[(0,a.jsxs)("div",{className:"absolute bottom-[7px] left-[10px] flex flex-row items-center z-30",children:[l&&(null==t?void 0:t.background_name)&&(0,a.jsx)("div",{style:{textShadow:"0px 4.13px 4.13px rgba(0, 0, 0, 0.25)"},className:"p-2 text-[1.2rem] text-[rgba(255,255,255,1)] font-semibold",children:null==t?void 0:t.background_name}),(0,a.jsx)("div",{style:{textShadow:"0px 4.13px 4.13px rgba(0, 0, 0, 0.25)"},className:"p-1 text-[0.7rem] text-[rgba(255,255,255,1)] rounded-full bg-[rgba(3,3,3,0.42)] border border-[rgba(0,0,0,0.1)] font-semibold",children:null==t?void 0:t.bg_id})]}),(0,a.jsx)("div",{style:{display:i?"flex":"none"},className:"absolute top-[7px] right-[10px] flex flex-row transition ease-in-out delay-700 z-30",children:(0,a.jsxs)("div",{style:{textShadow:"0px 4.13px 4.13px rgba(0, 0, 0, 0.25)"},onClick:e=>{e.stopPropagation(),U()},className:"p-2 text-[1.1rem] text-[rgba(255,255,255,1)] flex flex-row ",children:[(0,a.jsx)("img",{className:"pt-1 pr-2",src:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/fullscreen.svg"}),"View Fullscreen"]})}),(0,a.jsx)("div",{style:{display:i?"flex":"none"},className:"absolute bottom-[7px] right-[10px] flex flex-row transition ease-in-out delay-700 z-30",children:(0,a.jsxs)("div",{onClick:e=>{e.stopPropagation(),P(null==t?void 0:t.bg_id),D(!0)},className:"p-2 px-3 text-[14px] text-[rgba(255,255,255,1)] flex flex-row rounded-xl bg-[rgba(70,0,242,1)] cursor-pointer",children:[(0,a.jsx)("img",{className:" pr-2",src:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/selectstudio.svg"}),(0,a.jsx)("span",{className:"flex flex-col justify-center",children:"Select Studio"})]})}),u&&(null==L?void 0:L.showCar)&&!Q&&(0,a.jsx)("div",{className:"rounded-xl h-full aspect-video bg-gradient-to-r from-gray-200 via-gray-300 to-gray-200 animate-pulse"}),(0,a.jsx)("img",{onClick:U,style:{display:!c&&(null==L?void 0:L.showCar)&&!u?"block":"none"},className:"rounded-xl h-full aspect-video overflow-hidden",src:V,onLoad:()=>{b.add(V),g(!1)},onError:()=>g(!1)}),v&&!(null==L?void 0:L.showCar)&&!Y&&(0,a.jsx)("div",{className:"rounded-xl h-full aspect-video bg-gradient-to-r from-gray-200 via-gray-300 to-gray-200 animate-pulse"}),(0,a.jsx)("img",{onClick:U,style:{display:(null==L?void 0:L.showCar)||v?"none":"block"},className:"rounded-xl h-full aspect-video overflow-hidden",src:J,onLoad:()=>{b.add(J),f(!1)},onError:()=>f(!1)}),p&&c&&(null==L?void 0:L.showCar)&&(0,a.jsx)("div",{className:"absolute inset-0 rounded-xl bg-gradient-to-r from-gray-200 via-gray-300 to-gray-200 animate-pulse z-10"}),c&&(null==L?void 0:L.showCar)&&!y&&H&&(0,a.jsxs)("div",{className:"absolute inset-0 rounded-xl overflow-hidden cursor-pointer z-10",style:{margin:0,padding:0},children:[(0,a.jsx)("iframe",{className:"border-0 rounded-xl",src:"https://assets.spyne.ai/360?sku_id=".concat(H,"&isConsole=true&isZoom=false"),title:"360 View",onLoad:()=>x(!1),onError:()=>{x(!1),console.error("Failed to load iframe")},allow:"autoplay; fullscreen",loading:"lazy",style:{pointerEvents:"none",width:"100%",height:"100%",margin:0,padding:0,display:"block",border:"none"}}),(0,a.jsx)("div",{className:"absolute inset-0 rounded-xl bg-transparent cursor-pointer z-20",onClick:e=>{e.stopPropagation(),U()},style:{pointerEvents:"auto"}})]}),W.length>0&&W.map((e,s)=>(0,a.jsx)("img",{src:e.thumbnail_url,style:{display:"none"},alt:"Preloaded ".concat(e.type)},"vehicle-".concat(s,"-").concat(e.type)))]})})}function j(e){var s;let{currentType:t="",customData:n=null}=e,{scrollContainerRef:l,hasLeftScroll:i,setHasLeftScroll:r,hasRightScroll:c,setHasRightScroll:d,studioTypes:u,setStudioTypes:g,vehicleTypes:p,setVehicleTypes:m,maintainDropdown:x,setmaintainDropdown:v,filterData:f,textImgMap:w,bgsData:b,setbgsData:j,setfilterData:k}=(0,o.useContext)(h),[N,z]=(0,o.useState)(!1),[S,_]=(0,o.useState)(0),[A,C]=(0,o.useState)([]),[T,I]=(0,o.useState)([]);return(0,o.useEffect)(()=>{var e=n||b[t];let s=[];for(let t=0;t<e.length;t+=7)s.push(e.slice(t,t+7));(null==s?void 0:s.length)>0&&(I(s[0]),C(s))},[b,n,t]),(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex flex-row justify-between w-[100%]",children:[T.length>0&&(0,a.jsx)("div",{className:"flex w-[65%]",children:(0,a.jsx)(y,{showBgName:!0,cardData:T[0]})}),T.length>1&&(0,a.jsx)("div",{className:"pl-7 flex flex-col justify-between w-[35%]",children:T.slice(1,3).map((e,s)=>(0,a.jsx)(y,{classname:"aspect-video ".concat(0!=s?"mt-4":""),cardData:e},s))})]}),T.length>2&&(0,a.jsx)("div",{className:"flex flex-row justify-around mt-4",children:null==T?void 0:T.slice(3).map((e,s)=>(0,a.jsx)(y,{classname:"aspect-video ".concat(0!=s?"ml-3":""),cardData:e},s))})]}),(0,a.jsx)("div",{style:{display:N||(null==A?void 0:A.length)<2?"none":"flex"},className:"flex flex-row justify-center mt-5",children:(0,a.jsx)("div",{onClick:()=>z(!0),className:"bg-[rgba(0,0,0,0.06)] w-44 items-center p-3 rounded-xl cursor-pointer",children:(0,a.jsx)("span",{className:"text-[16px] text-[rgba(0,0,0,1) font-semibold flex flex-row justify-center",children:"View More"})})}),null==A||null==(s=A.slice(1))?void 0:s.map((e,s)=>(0,a.jsxs)("div",{style:{display:N?"":"none"},className:"mt-7",children:[(0,a.jsxs)("div",{style:{display:s%2!=0?"flex":"none"},className:"flex flex-row justify-between w-[100%]",children:[e.length>0&&(0,a.jsx)("div",{className:"flex w-[65%]",children:(0,a.jsx)(y,{showBgName:!0,cardData:e[0]})}),e.length>1&&(0,a.jsx)("div",{className:"pl-7 flex flex-col justify-between w-[35%]",children:e.slice(1,3).map((e,s)=>(0,a.jsx)(y,{classname:"aspect-video ".concat(0!=s?"mt-4":""),cardData:e},s))})]}),e.length>2&&(0,a.jsx)("div",{className:"flex flex-row justify-around ".concat(s%2!=0?"mt-4":"mb-4"),children:null==e?void 0:e.slice(3).map((e,s)=>(0,a.jsx)(y,{classname:"aspect-video ".concat(0!=s?"ml-3":""),cardData:e},s))}),(0,a.jsxs)("div",{style:{display:s%2==0?"flex":"none"},className:"flex flex-row justify-between w-[100%]",children:[e.length>0&&(0,a.jsx)("div",{className:"flex w-[65%]",children:(0,a.jsx)(y,{showBgName:!0,cardData:e[0]})}),e.length>1&&(0,a.jsx)("div",{className:"pl-7 flex flex-col justify-between w-[35%]",children:e.slice(1,3).map((e,s)=>(0,a.jsx)(y,{classname:"aspect-video ".concat(0!=s?"mt-4":""),cardData:e},s))})]})]},s))]})})}var k=t(14873);let N=[{sticker:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tools-pricing/logo/blakie/logo+(1).png",stickerAlt:"twin slider flag 1"},{sticker:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tools-pricing/logo/blakie/logo+(2).png",stickerAlt:"twin slider flag 2"},{sticker:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tools-pricing/logo/blakie/logo+(3).png",stickerAlt:"twin slider flag 3"},{sticker:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tools-pricing/logo/blakie/logo+(4).png",stickerAlt:"twin slider flag 4"},{sticker:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tools-pricing/logo/blakie/logo+(5).png",stickerAlt:"twin slider flag 5"},{sticker:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tools-pricing/logo/blakie/logo+(6).png",stickerAlt:"twin slider flag 6"},{sticker:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tools-pricing/logo/blakie/logo+(7).png",stickerAlt:"twin slider flag 7"},{sticker:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tools-pricing/logo/blakie/logo+(8).png",stickerAlt:"twin slider flag 8"},{sticker:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tools-pricing/logo/blakie/logo+(9).png",stickerAlt:"twin slider flag 9"},{sticker:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tools-pricing/logo/blakie/logo+(10).png",stickerAlt:"twin slider flag 10"},{sticker:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tools-pricing/logo/blakie/logo+(11).png",stickerAlt:"twin slider flag 11"},{sticker:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tools-pricing/logo/blakie/logo+(13).png",stickerAlt:"twin slider flag 13"},{sticker:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tools-pricing/logo/blakie/logo+(14).png",stickerAlt:"twin slider flag 14"},{sticker:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tools-pricing/logo/blakie/logo+(15).png",stickerAlt:"twin slider flag 15"},{sticker:"https://d20uiuzezo3er4.cloudfront.net/AI-tools/ai-tools-pricing/logo/blakie/logo+(16).png",stickerAlt:"twin slider flag 16"}];function z(){return(0,a.jsx)("div",{className:"w-full overflow-hidden overscroll-none object-contain",style:{maskImage:"linear-gradient(to right, transparent 0%, black 20%, black 60%, transparent 100%)"},children:(0,a.jsx)(k.A,{gradient:!1,speed:70,direction:"left",autoFill:!0,
1children:(0,a.jsx)("div",{className:"flex h-10 gap-16 max-md:gap-4 md:h-12",children:null==N?void 0:N.map((e,s)=>(0,a.jsx)("img",{src:null==e?void 0:e.sticker,alt:null==e?void 0:e.stickerAlt,className:"h-full opacity-60"},"press-media:".concat(s)))})})})}function S(e){var s;let{data:t,handleModalOpen:n}=e,{heading:l,sub_heading:i,question_section:r,buttons:c}=t,[d,u]=(0,o.useState)(null);return(0,a.jsxs)("div",{className:"mx-auto grid w-11/12 max-w-[1440px] grid-cols-3 justify-items-center gap-20 py-16 max-md:grid-cols-1 max-md:gap-10 max-md:py-10",children:[(0,a.jsxs)("div",{className:"flex flex-col items-start justify-center gap-6 self-start max-md:gap-4 md:col-span-1",children:[!(null==l?void 0:l.is_hidden)&&(0,a.jsx)("div",{className:"bg-amber-50 px-4 py-2 rounded-md text-amber-600 text-sm font-medium inline-block mb-2",children:"FAQs"}),!(null==l?void 0:l.is_hidden)&&(0,a.jsx)("h5",{className:"text-4xl font-bold leading-tight text-gray-900 max-md:text-3xl max-md:leading-9",children:null==l?void 0:l.text}),!(null==i?void 0:i.is_hidden)&&(0,a.jsx)("p",{className:"text-lg text-gray-600 max-md:text-sm",children:null==i?void 0:i.text}),!(null==c?void 0:c.is_hidden)&&(0,a.jsx)("div",{className:"flex gap-4 mt-4",children:(0,a.jsx)("button",{onClick:n,className:"px-8 py-3 bg-indigo-600 text-white rounded-md font-medium hover:bg-indigo-700 transition-colors",children:"Request A Quote"})})]}),(0,a.jsx)("div",{className:"grid w-full gap-4 md:col-span-2",children:null==r||null==(s=r.filter(e=>!(null==e?void 0:e.is_hidden)))?void 0:s.map((e,s)=>(0,a.jsxs)("div",{className:"w-full rounded-lg bg-white border border-gray-100 shadow-sm overflow-hidden",children:[(0,a.jsxs)("button",{onClick:()=>{var s;return s=e.question_id,void u(e=>e===s?null:s)},className:"flex w-full cursor-pointer items-center justify-between text-left p-5 text-gray-700 font-medium",children:[(0,a.jsx)("span",{children:null==e?void 0:e.question}),(0,a.jsx)("span",{className:"text-2xl text-gray-400",children:d===e.question_id?"â":"+"})]}),d===e.question_id&&(0,a.jsx)("div",{className:"px-5 pb-5 text-gray-600",children:null==e?void 0:e.answer})]},e.question_id))})]})}function _(e){let{data:s,handleModalOpen:t}=e,{heading:n,sub_heading:o,button:l}=s||{};return(0,a.jsxs)("div",{className:"relative mx-auto overflow-hidden py-20 max-md:pb-20 max-md:pt-10",children:[(0,a.jsx)("div",{className:"bg-blue/30 absolute -bottom-16 right-20 h-[90px] w-[60%] rounded-full blur-2xl max-md:right-0",style:{background:"radial-gradient(circle, rgba(134, 114, 187, 0.7) 50%, #FFFFFF 100%)"}}),(0,a.jsx)("div",{className:"bg-blue/30 absolute -bottom-16 left-20 h-[90px] w-[50%] rounded-full blur-2xl max-md:left-0",style:{background:"radial-gradient(circle, rgba(223, 102, 166, 0.4) 50%, #FFFFFF 100%)"}}),n&&!(null==n?void 0:n.is_hidden)&&(0,a.jsx)("h2",{className:"mx-auto text-center text-[72px] w-[50rem] font-bold leading-[1.1] text-black max-md:text-[50px]",children:null==n?void 0:n.text}),o&&!(null==o?void 0:o.is_hidden)&&(0,a.jsx)("p",{className:"mx-auto font-[300] mt-6 mb-10 w-[30rem] max-w-3xl text-center text-[18px] text-[rgba(0,0,0,0.65)]",children:null==o?void 0:o.text}),(0,a.jsx)("div",{className:"text-center",children:(0,a.jsx)("button",{onClick:()=>{window.open("https://console.spyne.ai/settings?activeSubTab=studio&bgId=custom","_blank","noopener,noreferrer")},className:"rounded-lg bg-primary px-10 py-3 text-white bg-[rgba(70,0,242,1)]",children:(null==l?void 0:l.text)||"Request a Custom Studio"})})]})}t(15239);let A=e=>{let{openModal:s=!1,setOpenModal:t=()=>{},bgId:n=null}=e;return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{className:"bg-white rounded-xl p-5 w-[30vw]",children:(0,a.jsxs)("div",{className:"flex flex-col justify-between items-center",children:[(0,a.jsx)("img",{src:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/greenstar.svg"}),(0,a.jsxs)("div",{className:"flex flex-col justify-center items-center pt-4",children:[(0,a.jsx)("span",{className:"text-[20px] text-[rgba(0,0,0,0.9)] font-semibold pb-2",children:"Confirm Selection"}),(0,a.jsx)("span",{className:"text-[rgba(0,0,0,0.6)] text-[14px]",children:"Are you sure you want to select this studio?"})]}),(0,a.jsxs)("div",{className:"flex flex-row justify-between w-full mx-3 pt-7",children:[(0,a.jsx)("div",{onClick:()=>{(0,m.A)({event:"bg to console canceled",screenName:"virtual-backgrounds",custom:{description:"event from virtual backgrounds"}}),t(!1)},className:"cursor-pointer border-[rgba(0,0,0,0.1)] w-[48%] flex flex-row border-[1px] rounded-xl p-3 text-[14px] font-semibold text-[rgba(0,0,0,0.8)] items-center justify-center",children:"Cancel"}),(0,a.jsx)("div",{onClick:e=>{e.preventDefault(),t(!1),(0,m.A)({event:"bg to console confirmed",screenName:"virtual-backgrounds",custom:{description:"event from virtual backgrounds"}}),window.open("https://console.spyne.ai/settings?activeSubTab=studio&bgId=".concat(n),"_blank","noopener,noreferrer")},className:"cursor-pointer bg-[rgba(70,0,242,1)] border-[rgba(70,0,242,1)] border-[1px] w-[48%] flex flex-row rounded-xl p-3 text-[14px] font-semibold text-[rgba(255,255,255,1)] items-center justify-center ",children:"Confirm"})]})]})})})},C=(0,n.default)(()=>t.e(7388).then(t.bind(t,47388)),{loadableGenerated:{webpack:()=>[47388]},ssr:!1});function T(){let e=(0,o.useRef)(null),s=(0,o.useRef)(null),t=(0,o.useRef)(0),n=(0,o.useRef)(null),[l,d]=(0,o.useState)([]),[p,m]=(0,o.useState)(!1),[x,v]=(0,o.useState)(!1),w=()=>m(!0),b=()=>m(!1),[y,k]=(0,o.useState)(!1),[N,T]=(0,o.useState)(!1),[I,O]=(0,o.useState)(!1),[E,R]=(0,o.useState)({TURNTABLE:[],SHOWROOM:[],OUTDOOR:[]}),[L,F]=(0,o.useState)({TURNTABLE:[],SHOWROOM:[],OUTDOOR:[]}),[M,B]=(0,o.useState)({}),[q,D]=(0,o.useState)(["TURNTABLE","SHOWROOM","OUTDOOR"]),[P,U]=(0,o.useState)(["suv","sedan","pickup","hatchback"]),[W,G]=(0,o.useState)(null),[H,K]=(0,o.useState)({trend:{selected:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/search.svg",unselected:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/search.svg"},hot:{selected:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/search.svg",unselected:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/search.svg"}}),[V,J]=(0,o.useState)({studio:!1,vehicle:!1}),[Q,Y]=(0,o.useState)({searchText:"",tags:[],studioType:[],vehicle:"suv",showCar:!0}),[X,Z]=(0,o.useState)(!0),[$,ee]=(0,o.useState)(!1);(0,o.useEffect)(()=>{let s=()=>{let s=e.current;if(!s)return;let t=s.scrollLeft>0,a=s.scrollLeft+s.clientWidth<s.scrollWidth;k(t),T(a)};setTimeout(s,100);let t=e.current;return t&&t.addEventListener("scroll",s),()=>{t&&t.removeEventListener("scroll",s)}}),(0,o.useEffect)(()=>{(async()=>{try{let e=await i({searchText:"",studioType:[],vehicle:"suv",showCar:!0});!e.error&&e.data&&(F(e.data.bg_data),e.data.category_bg_mapping&&B(e.data.category_bg_mapping))}catch(e){console.error("Error fetching all backgrounds for tag categorization:",e)}finally{Z(!1)}})()},[]),(0,o.useEffect)(()=>{let e=()=>{if(n.current){let e=n.current.getBoundingClientRect().top;e<=50&&!I?O(!0):e>50&&I&&O(!1)}};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[I]),(0,o.useEffect)(()=>{let e=async e=>{try{let s=await i(Q);if(t.current!==e)return;!s.error&&s.data?R(s.data.bg_data):console.error("Error fetching filtered background data:",s.message)}catch(e){console.error("Error in fetchFilteredData:",e)}finally{t.current===e&&Z(!1)}};s.current&&s.current.searchText!==Q.searchText&&(Z(!0),R({TURNTABLE:[],SHOWROOM:[],OUTDOOR:[]}),ee(!1)),s.current&&JSON.stringify(s.current.studioType)!==JSON.stringify(Q.studioType)&&ee(!1);let a=(e,s)=>e&&e.searchText===s.searchText&&(JSON.stringify(e.studioType)!==JSON.stringify(s.studioType)||e.vehicle!==s.vehicle||e.showCar!==s.showCar);if(s.current&&a(s.current,Q)){let e=Object.values(E).every(e=>0===e.length),s=Object.values(L).some(e=>e.length>0);e&&s&&R(L)}if(!s.current||!a(s.current,Q)){Z(!0),R({TURNTABLE:[],SHOWROOM:[],OUTDOOR:[]});let s=t.current+1;t.current=s,e(s)}s.current={...Q}},[Q]);let es=(()=>{let e={};if(!M||0===Object.keys(M).length)return e;let s=Object.values(L).flat(),t=new Map;
1s.forEach(e=>{let s=(null==e?void 0:e.bg_id)||(null==e?void 0:e.id);s&&t.set(String(s),e)}),Object.keys(M).forEach(s=>{let a=M[s];if(Array.isArray(a)&&a.length>0){let n=a.map(e=>t.get(String(e))).filter(Boolean);if(n.length>0){let t=null,a=n[0];if((null==a?void 0:a.categories)&&Array.isArray(a.categories)){let e=a.categories.find(e=>e.label===s);t=(null==e?void 0:e.icon)||null}e[s]={label:s,icon:t,backgrounds:n}}}});let a=new Set;return Object.keys(e).forEach(s=>{let t=e[s];if(t.backgrounds.length>0){let e=t.backgrounds[0],s=(null==e?void 0:e.bg_id)||(null==e?void 0:e.id);if(s&&a.has(String(s))){let e=-1;for(let s=1;s<t.backgrounds.length;s++){var n,o;let l=(null==(n=t.backgrounds[s])?void 0:n.bg_id)||(null==(o=t.backgrounds[s])?void 0:o.id);if(l&&!a.has(String(l))){e=s;break}}if(e>0){let[s]=t.backgrounds.splice(e,1);t.backgrounds.unshift(s),a.add(String((null==s?void 0:s.bg_id)||(null==s?void 0:s.id)))}else a.add(String(s))}else s&&a.add(String(s))}}),e})(),et=!!(Q.searchText&&""!==Q.searchText.trim()),ea=Q.studioType.length>0,en=Object.values(E).some(e=>e.length>0),eo=ea||!X&&et&&en,el=Object.values(L).some(e=>e.length>0),ei=!$&&!ea&&el&&(!et||et&&!en&&!X);return(0,a.jsxs)(h.Provider,{value:{scrollContainerRef:e,hasLeftScroll:y,setHasLeftScroll:k,hasRightScroll:N,setHasRightScroll:T,studioTypes:q,setStudioTypes:D,vehicleTypes:P,setVehicleTypes:U,maintainDropdown:V,setmaintainDropdown:J,filterData:Q,setfilterData:Y,textImgMap:H,bgsData:E,setbgsData:R,isLoading:X,setOpenModal:v,openModal:x,bgId:W,setBgId:G,tags:l,setTags:d},children:[(0,a.jsx)(r.M3,{handleModalOpen:w,isLanguageSwitcher:!1}),(0,a.jsx)("div",{style:{backgroundImage:"url(https://spyne-static.s3.us-east-1.amazonaws.com/console/combined-vs/colored_bg.svg)",backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"},className:"w-full min-h-[60vh] mt-16 flex flex-col justify-center items-center py-8",children:(0,a.jsxs)("div",{className:"flex flex-col items-center px-4",children:[(0,a.jsx)("img",{className:"w-64 max-w-full",src:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/review.svg"}),(0,a.jsx)("span",{className:"font-bold text-[54px] md:text-[54px] text-[32px] text-center text-[rgba(0,0,0,0.8)]",children:"Personalize Your Drive"}),(0,a.jsx)("span",{className:"text-[52px] md:text-[52px] text-[30px] text-center text-[rgba(0,0,0,0.6)]",children:"with Virtual Backgrounds"}),(0,a.jsx)("span",{className:"text-[18px] text-[rgba(0,0,0,0.4)] word-break w-full max-w-[40vw] md:max-w-[40vw] max-w-[90vw] text-center",children:"Personalised visuals? We are in. Stand out from the crowd with added brand colors, logos and unique backgrounds."})]})}),(0,a.jsxs)("div",{className:" items-center flex flex-col justify-center",children:[(0,a.jsxs)("div",{ref:n,className:"p-3 items-center flex flex-col justify-center",children:[(0,a.jsx)("div",{className:"".concat(I?"fixed top-0 left-0 right-0 z-50 bg-white":""," transition-all duration-300 "),children:(0,a.jsx)(f,{showTags:!I})}),(0,a.jsx)("div",{className:"flex flex-row justify-start w-full",children:(null==Q?void 0:Q.searchText)&&(null==Q?void 0:Q.searchText)!==""&&(0,a.jsxs)("span",{className:"text-[18px] font-semibold text-[rgba(0,0,0,1)] flex flex-col justify-start",children:["Showing results for â",null==Q?void 0:Q.searchText,"â"]})})]}),(0,a.jsxs)("div",{className:"w-full max-w-[80vw] mt-5",style:{display:"block"},children:[eo&&Object.keys(E).map((e,s)=>{let t=!(Q.studioType.length>0)||Q.studioType.includes(e);return(0,a.jsx)(o.Fragment,{children:E[e].length>0&&t&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"text-[28px] font-semibold text-[rgba(0,0,0,1)] ".concat(0!==s?"mt-7":""),children:e.charAt(0).toLocaleUpperCase()+e.slice(1).toLocaleLowerCase()}),(0,a.jsx)("div",{className:"mt-3",children:(0,a.jsx)(j,{currentType:e})})]})},"studio-top-".concat(e))}),et&&X&&(0,a.jsx)("div",{className:"w-full max-w-[80vw] mt-5 flex flex-col",children:[1,2].map((e,s)=>(0,a.jsxs)("div",{className:"".concat(0!==s?"mt-7":""),children:[(0,a.jsxs)("div",{className:"flex flex-col md:flex-row justify-between w-full gap-3",children:[(0,a.jsx)("div",{className:"flex w-full",children:(0,a.jsx)("div",{className:"shimmer w-full aspect-video bg-gray-200 rounded-xl"})}),(0,a.jsx)("div",{className:"flex flex-col justify-between w-full gap-3",children:[1,2].map((e,s)=>(0,a.jsx)("div",{className:"shimmer w-full aspect-video bg-gray-200 rounded-xl"},s))})]}),(0,a.jsx)("div",{className:"flex flex-col sm:flex-row justify-between mt-4 gap-3",children:[1,2,3,4].map((e,s)=>(0,a.jsx)("div",{className:"shimmer w-full aspect-video bg-gray-200 rounded-xl"},s))})]},s))}),et&&!en&&!X&&(0,a.jsx)("div",{className:"w-full h-[40vh] flex my-5",children:(0,a.jsxs)("div",{className:"flex w-full h-full flex-col justify-center items-center",children:[(0,a.jsx)("img",{src:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/NoBg.svg",className:"w-64 max-w-full"}),(0,a.jsx)("h2",{className:"text-[32px] font-semibold text-[rgba(0,0,0,0.8)] mt-6",children:"No Studio Found"}),(0,a.jsx)("p",{className:"text-[18px] text-[rgba(0,0,0,0.6)] mt-2 mb-4",children:"Try tweaking the search f
1ilters to view studios"}),(0,a.jsx)("button",{onClick:()=>Y({searchText:"",studioType:[],vehicle:"suv",showCar:!0}),className:"px-12 py-3 bg-white border border-gray-200 rounded-xl text-[16px] font-medium hover:bg-gray-50 transition-colors",children:"Reset Filter"})]})}),(()=>{let e=["animated","hotsellers","trending","fast movers","client favourites","Go to choices"],s=e.map(e=>e.toLowerCase());return Object.keys(es).sort((t,a)=>{let n=e.indexOf(t),o=e.indexOf(a),l=-1===n?s.indexOf(t.toLowerCase()):n,i=-1===o?s.indexOf(a.toLowerCase()):o,r=-1===l?999:l,c=-1===i?999:i;return r!==c?r-c:t.localeCompare(a)}).map((e,s)=>{let t=es[e],n=eo&&Object.keys(E).some(e=>Q.studioType.length>0?E[e].length>0&&Q.studioType.includes(e):E[e].length>0);return(0,a.jsx)(o.Fragment,{children:t.backgrounds.length>0&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 ".concat(n&&0===s?"mt-20":0!==s?"mt-9":""),children:[(0,a.jsx)("div",{className:"text-[28px] font-semibold text-[rgba(0,0,0,1)]",children:t.label}),t.icon&&(0,a.jsx)("img",{src:t.icon,alt:t.label,className:"w-8 h-8"})]}),(0,a.jsx)("div",{className:"mt-3",children:(0,a.jsx)(j,{currentType:"category-".concat(e),customData:t.backgrounds})})]})},"category-".concat(e))})})(),ei&&(0,a.jsx)("div",{className:"flex flex-row justify-center mt-8 mb-8",children:(0,a.jsx)("button",{onClick:()=>ee(!0),className:"bg-[rgba(70,0,242,0.1)] w-56 items-center p-3 rounded-xl cursor-pointer hover:bg-[rgba(70,0,242,0.15)] transition-colors border border-[rgba(70,0,242,0.2)]",children:(0,a.jsx)("span",{className:"text-[16px] text-[rgba(70,0,242,1)] font-semibold flex flex-row justify-center",children:"View More Backgrounds"})})}),$&&Object.keys(L).map((e,s)=>(0,a.jsx)(o.Fragment,{children:L[e].length>0&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"text-[28px] font-semibold text-[rgba(0,0,0,1)] ".concat(0!==s?"mt-7":"mt-8"),children:e.charAt(0).toLocaleUpperCase()+e.slice(1).toLocaleLowerCase()}),(0,a.jsx)("div",{className:"mt-3",children:(0,a.jsx)(j,{currentType:e,customData:L[e]})})]})},"studio-bottom-".concat(e))),!et&&Object.values(E).every(e=>0===e.length)&&Object.values(es).every(e=>0===e.backgrounds.length)&&!X&&(0,a.jsx)("div",{className:"w-full h-[80vh] flex my-5",children:(0,a.jsxs)("div",{className:"flex w-full h-full flex-col justify-center items-center",children:[(0,a.jsx)("img",{src:"https://spyne-static.s3.us-east-1.amazonaws.com/landing-pages/bg-enhancements/NoBg.svg",className:"w-64 max-w-full"}),(0,a.jsx)("h2",{className:"text-[32px] font-semibold text-[rgba(0,0,0,0.8)] mt-[5rem]",children:"No Studio Found"}),(0,a.jsx)("p",{className:"text-[18px] text-[rgba(0,0,0,0.6)] mt-2 mb-6",children:"Try tweaking the search filters to view studios"}),(0,a.jsx)("button",{onClick:()=>Y({searchText:"",studioType:[],vehicle:"suv",showCar:!0}),className:"px-12 py-3 bg-white border border-gray-200 rounded-xl text-[16px] font-medium hover:bg-gray-50 transition-colors",children:"Reset Filter"})]})})]}),X&&!et&&(0,a.jsx)("div",{className:"w-full max-w-[80vw] mt-5 flex flex-col",children:[1,2].map((e,s)=>(0,a.jsxs)("div",{className:"".concat(0!==s?"mt-7":""),children:[(0,a.jsxs)("div",{className:"flex flex-col md:flex-row justify-between w-full gap-3",children:[(0,a.jsx)("div",{className:"flex w-full",children:(0,a.jsx)("div",{className:"shimmer w-full aspect-video bg-gray-200 rounded-xl"})}),(0,a.jsx)("div",{className:"flex flex-col justify-between w-full gap-3",children:[1,2].map((e,s)=>(0,a.jsx)("div",{className:"shimmer w-full aspect-video bg-gray-200 rounded-xl"},s))})]}),(0,a.jsx)("div",{className:"flex flex-col sm:flex-row justify-between mt-4 gap-3",children:[1,2,3,4].map((e,s)=>(0,a.jsx)("div",{className:"shimmer w-full aspect-video bg-gray-200 rounded-xl"},s))})]},s))})]}),(0,a.jsx)("div",{className:"my-7",children:(0,a.jsxs)("div",{className:"grid w-full gap-4",children:[(0,a.jsx)("p",{style:{letterSpacing:"4px"},className:"mb-3 text-center text-sm text-[rgba(70,0,242,0.7)] font-[400]",children:"500+ CLIENTS ALREADY USING TAILORED MADE-SHOWROOMS"}),(0,a.jsx)(z,{})]})}),(0,a.jsx)("div",{className:"mb-5",children:(0,a.jsx)(S,{handleModalOpen:w,data:{heading:{text:"Got questions? We've got answers."},sub_heading:{text:"Find answers to common questions about Spyne and its capabilities."},question_section:[{question_id:1,question:"How do I get a virtual background?",answer:"Upload your car image to Spyne's platform. Spyne's AI automatically removes the original background. Choose from the library or upload your own new background.",is_hidden:!1},{question_id:2,question:"How to make a car wallpaper using Spyne?",answer:"Insert your car image into Spyne's platform. Remove or replace the background using Spyne's AI tools. Customize and download in a suitable wallpaper size.",is_hidden:!1},{question_id:3,question:"Why do dealerships need custom backgrounds with Spyne?",answer:"Spyne ensures professional and consistent branding for listings. It focuses buyer attention on the vehicle with clean backgrounds. Spyne offers efficie
1ncy and enhances online visual appeal.",is_hidden:!1},{question_id:4,question:"How do I change the background of my car photo using Spyne?",answer:"Spyne will automatically remove the existing background that you have uploaded. Select a new background from the library or upload your own.",is_hidden:!1}],buttons:{primary:{text:"Book Now",link:"#"},secondary:{text:"Request A Quote",link:"#"},is_hidden:!1}}})}),(0,a.jsx)("div",{className:"mt-5",children:(0,a.jsx)(_,{data:{heading:{text:"Make Your Car Stand Out With Custom BGs"},sub_heading:{text:"Spyne makes customization easy, turning ordinary car photos into branded masterpieces."},button:{text:"Request a Custom Studio",is_hidden:!1}},handleModalOpen:w})}),(0,a.jsx)(c.A,{openModal:x,setopenModal:v,children:(0,a.jsx)(A,{bgId:W,openModal:x,setopenModal:v})}),p&&(0,a.jsx)(C,{isOpen:p,onClose:b,className:"lg:w-10/12 2xl:w-9/12 w-11/12 mx-auto md:h-[670px] h-[90dvh] lg:rounded-[30px] rounded-3xl flex bg-white ",displayClass:"max-md:bg-black-80",children:(0,a.jsx)(g.default,{onClose:b})}),(0,a.jsx)(u.A,{})]})}},30439:(e,s,t)=>{t.d(s,{A:()=>n});var a=t(95155);t(12115);let n=e=>{let{isOn:s,handleToggle:t}=e;return(0,a.jsx)("div",{className:"toggle-switch ".concat(s?"bg-[rgba(70,0,242,1)]":"bg-[rgba(0,0,0,0.06)]"),onClick:t,children:(0,a.jsx)("div",{className:"switch ".concat(s?"on":"off")})})}},89796:(e,s,t)=>{t.d(s,{A:()=>n});var a=t(23832);a.Ay.initialize("G-PTJQDFK1D6");let n=e=>{let{event:s,screenName:t,custom:n={}}=e,o={event:s,screenName:t,device:function(){let e=Math.max(document.documentElement.clientWidth,window.innerWidth||0);return e<=480?"mobile":e>480&&e<=768?"tablet":"desktop"}(),page_url:window.location.href,...n};try{a.Ay.event(s,o,{name:"G-PTJQDFK1D6"})}catch(e){console.error("Error sending GA event:",e)}}}}]);
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.