https://qoets.nl/_next/static/chunks/6386-4fbf911ea9e5d384.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6386],{51664:function(e,l,t){t.r(l),t.d(l,{SearchRequestCars:function(){return d}});var s=t(57437),a=t(2265),n=t(79702),i=t(43041),r=t(63285),c=t(16386);let o={},d=e=>{let{selectItems:l,initialBrandName:t}=e,[d,m]=a.useState(()=>{if(!t)return;let e=l.find(e=>e.name.toLowerCase()===t.toLowerCase());return null==e?void 0:e.id}),[u,h]=a.useState([]),[f,x]=a.useState(!1),v=a.useCallback(async e=>{if(o[e])return o[e];try{let l=await (0,n.C)("/pricelists",{query:{brand_id:e}}),t=Array.isArray(l)?l.filter(e=>!1!==e.show_in_menus):[];return o[e]=t,t}catch(l){return console.error("Error fetching car models:",l),o[e]=[],[]}},[]);return a.useEffect(()=>{if(d){if(o[d]){h(o[d]||[]);return}x(!0),v(d).then(e=>{h(e||[]),x(!1)}).catch(e=>{console.error("Error fetching car models:",e),h([]),x(!1)})}else h([])},[d,v]),(0,s.jsx)("section",{id:"search-request-cars",className:"mb-[140px] mt-12 lg:mt-30",children:(0,s.jsxs)("div",{className:"flex flex-col lg:flex-row",children:[(0,s.jsxs)("div",{className:"mb-2 lg:hidden",children:[(0,s.jsx)("h4",{className:(0,i.cn)("px-6 text-sm",{hidden:!d}),children:"Kies merk"}),(0,s.jsx)(r.Ph,{className:(0,i.cn)("mx-6 mb-4 mt-2 w-[calc(100%-48px)]",{hidden:!d}),items:l,value:d,setValue:m})]}),(0,s.jsxs)("div",{className:(0,i.cn)("hidden lg:block",{"pointer-events-none opacity-0":!d}),children:[(0,s.jsx)("h4",{className:"mb-2 hidden px-6 text-sm lg:mb-8 lg:block lg:pl-15",children:"Kies merk"}),(0,s.jsx)(r.pU,{className:"lg:py-0",value:d,setValue:m,items:l})]}),(0,s.jsxs)("div",{className:"w-full lg:w-[calc(100%-410px)]",children:[(0,s.jsxs)("h4",{className:"mb-2 px-6 text-sm lg:mb-8 lg:px-0",children:["Welk ",d?"model":"merk"," zoek jij?"]}),d?f?(0,s.jsx)("div",{className:"px-6 lg:px-0",children:(0,s.jsx)("p",{children:"Laden..."})}):(0,s.jsx)(c.bQ,{cars:u}):(0,s.jsx)(c.x7,{items:l,setValue:m})]})]})})}},72343:function(e,l,t){t.r(l),t.d(l,{SearchRequestHowTo:function(){return o}});var s=t(57437);t(2265);var a=t(53267),n=t(43041),i=t(10600),r=t(63285),c=t(16386);let o=e=>{let{data:l,steps:t,className:o,withScrollTo:d=!0,containerSize:m="lg"}=e,u=[...(null==l?void 0:l.steps)||t||[]].sort((e,l)=>e.position-l.position);return 0===u.length?null:(0,s.jsxs)("section",{id:"how-to",className:(0,n.cn)("bg-neutrals-100 py-22 lg:py-30",o),children:[(0,s.jsxs)("div",{className:(0,i.nC)({size:m,position:"centered"}),children:[(0,s.jsxs)("div",{className:"mb-8 flex items-center justify-between gap-4 lg:mb-16",children:[(0,s.jsx)("h2",{className:(0,n.cn)("max-w-[656px]",(0,i.nP)({variant:"h2"})),children:(null==l?void 0:l.title)||"in 4 stappen naar jouw ideale auto"}),d&&(0,s.jsx)(r.FN,{to:"how-to-search-request",title:"Auto uitzoeken",className:"hidden xl:flex",offset:-70,direction:"up"})]}),(0,s.jsx)("div",{className:"hidden grid-cols-4 gap-6 xl:grid xl:items-stretch",children:u.map(e=>(0,s.jsx)(c.JV,{step:e},e.position))})]}),(0,s.jsx)("div",{className:"xl:hidden",children:(0,s.jsx)(r.lr,{withScrollTo:d,breakpoints:{1024:{spaceBetween:24,slidesOffsetAfter:60,slidesOffsetBefore:60}},buttonScrollToProps:{to:"how-to-search-request",offset:-12,title:"Auto uitzoeken",direction:"up"},children:u.map(e=>(0,s.jsx)(a.o5,{className:"!h-auto !w-auto",children:(0,s.jsx)(c.JV,{step:e})},e.position))})})]})}},26182:function(e,l,t){t.r(l),t.d(l,{SearchRequestUSP:function(){return q}});var s,a,n,i,r,c,o,d,m,u,h=t(57437);t(2265);var f=t(43041),x=t(10600),v=t(4410);function p(){return(p=Object.assign?Object.assign.bind():function(e){for(var l=1;l<arguments.length;l++){var t=arguments[l];for(var s in t)({}).hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e}).apply(null,arguments)}var g=t(57033);function j(){return(j=Object.assign?Object.assign.bind():function(e){for(var l=1;l<arguments.length;l++){var t=arguments[l];for(var s in t)({}).hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e}).apply(null,arguments)}function w(){return(w=Object.assign?Object.assign.bind():function(e){for(var l=1;l<arguments.length;l++){var t=arguments[l];for(var s in t)({}).hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e}).apply(null,arguments)}function b(){return(b=Object.assign?Object.assign.bind():function(e){for(var l=1;l<arguments.length;l++){var t=arguments[l];for(var s in t)({}).hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e}).apply(null,arguments)}var N=t(63285);let k="h-10 w-10 md:h-12 md:w-12 text-black",y=[{text:"Toegang tot meer dan 300.000 jong gebruikte premium auto's",icon:(0,h.jsx)(g.default,{className:k})},{text:"Auto's geleverd met merkgarantie inclusief haal- en brengservice",icon:(0,h.jsx)(function(e){return v.createElement("svg",j({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 48 48"},e),n||(n=v.createElement("path",{fill:"#000",fillRule:"evenodd",d:"M12.11 30.11a5.5 5.5 0 1 1 7.78 7.78 5.5 5.5 0 0 1-7.78-7.78M16 31.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m16.11-1.39a5.5 5.5 0 1 1 7.78 7.78 5.5 5.5 0 0 1-7.78-7.78M36 31.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5",clipRule:"evenodd"})),i||(i=v.createElement("path",{fill:"#000",fillRule:"evenodd",d:"M.5 12A1.5 1.5 0 0 1 2 10.5h26.8a2.7 2.7 0 0 1 2.7 2.7v22.3H20.1a1.5 1.5 0 0 1 0-3h8.4v-19H2A1.5 1.5 0 0 1 .5 12M6 21.5A1.5 1.5 0 0 1 7.5 23v9.5h3.8a1.5 1.5 0 0 1 0 3H7.2a2.7 2.7 0 0 1-2.7-2.7V23A1.5 1.5 0 0 1 6 21.5",clipRule:"evenodd"})),r||(r=v.createElement("path",{fill:"#000",fillRule:"evenodd",d:"M2.5 18A1.5 1.5 0 0 1 4 16.5h8a1.5 1.5 0 0 1 0 3H4A1.5 1.5 0 0 1 2.5 18M28.5 18a1.5 1.5 0 0 1 1.5-1.5h11.22a2.7 2.7 0 0 1 2.466 1.602l3.58 8.055a2.7 2.7 0 0 1 .234 1.094V32.8a2.7 2.7 0 0 1-2.7 2.7H41a1.5 1.5 0 0 1 0-3h3.5v-5.18l-3.475-7.82H30a1.5 1.5 0 0 1-1.5-1.5m16.026 9.379v-.002zM28.5 34a1.5 1.5 0 0 1 1.5-1.5h2a1.5 1.5 0 0 1 0 3h-2a1.5 1.5 0 0 1-1.5-1.5",clipRule:"evenodd"})))},{className:k})},{text:"Persoonlijk, deskundig en merk onafhankelijk aankoopadvies",icon:(0,h.jsx)(function(e){return v.createElement("svg",w({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 48 48"},e),c||(c=v.createElement("path",{fill:"#000",fillRule:"evenodd",d:"M29.297 2.615a1.5 1.5 0 0 1 .808 1.961l-2.08 5a1.5 1.5 0 0 1-2.77-1.152l2.08-5a1.5 1.5 0 0 1 1.962-.809m7.31.013a1.5 1.5 0 0 1 .766 1.978l-6.87 15.563a13.5 13.5 0 0 1 6.997 11.83A13.5 13.5 0 1 1 16.66 20.672l-8-16a1.5 1.5 0 1 1 2.683-1.342l8 16c1.198-.44 2.46-.712 3.75-.799l-6.77-13.872a1.5 1.5 0 1 1 2.696-1.316l7.513 15.397q.606.116 1.197.286l6.9-15.63a1.5 1.5 0 0 1 1.978-.767M24 21.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21",clipRule:"evenodd"})))},{className:k})}

1,{text:"Zekerheid over de staat van de auto",icon:(0,h.jsx)(function(e){return v.createElement("svg",b({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 48 48"},e),o||(o=v.createElement("path",{fill:"#000",fillRule:"evenodd",d:"M16 7.5A8.5 8.5 0 0 0 7.5 16v16a8.5 8.5 0 0 0 8.5 8.5h16a8.5 8.5 0 0 0 8.5-8.5V16A8.5 8.5 0 0 0 32 7.5zm-8.132.368A11.5 11.5 0 0 1 16 4.5h16A11.5 11.5 0 0 1 43.5 16v16A11.5 11.5 0 0 1 32 43.5H16A11.5 11.5 0 0 1 4.5 32V16a11.5 11.5 0 0 1 3.368-8.132",clipRule:"evenodd"})),d||(d=v.createElement("path",{fill:"#000",fillRule:"evenodd",d:"M16.195 28.094A1.5 1.5 0 0 0 13.8 29.9L15 29c-1.2.9-1.2.9-1.199.901v.002l.003.002.005.007.014.018.04.052q.052.063.139.166c.116.136.283.32.5.538.433.433 1.071.999 1.916 1.562 1.696 1.13 4.23 2.252 7.582 2.252s5.886-1.121 7.582-2.252a12.6 12.6 0 0 0 1.916-1.562 10 10 0 0 0 .638-.704l.041-.052.014-.018.005-.007.002-.003h.001C34.2 29.9 34.2 29.9 33 29l1.2.9a1.5 1.5 0 0 0-2.395-1.806l-.004.005v-.001l.002-.002.002-.002-.011.014-.073.088c-.071.082-.186.21-.344.368a9.6 9.6 0 0 1-1.459 1.188c-1.304.87-3.27 1.748-5.918 1.748s-4.614-.879-5.918-1.748a9.6 9.6 0 0 1-1.459-1.188 7 7 0 0 1-.417-.456z",clipRule:"evenodd"})),m||(m=v.createElement("path",{fill:"#000",d:"M17 20a1 1 0 1 1 0-2 1 1 0 0 1 0 2m14 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2"})),u||(u=v.createElement("path",{fill:"#000",fillRule:"evenodd",d:"M17 19.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m-1.768-2.268a2.5 2.5 0 1 1 3.536 3.537 2.5 2.5 0 0 1-3.536-3.537M31 19.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m-1.768-2.268a2.5 2.5 0 1 1 3.536 3.537 2.5 2.5 0 0 1-3.536-3.537",clipRule:"evenodd"})))},{className:k})},{text:"Compleet voorstel met inruil en financiering mogelijk",icon:(0,h.jsx)(function(e){return v.createElement("svg",p({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 48 48"},e),s||(s=v.createElement("g",{clipPath:"url(#bright-star_svg__a)"},v.createElement("path",{fill:"#000",d:"M24.002 47.55c-.9 0-1.5-.6-1.5-1.5V44.1c0-.9.6-1.5 1.5-1.5s1.5.6 1.5 1.5v1.95c0 .9-.6 1.5-1.5 1.5m-16.05-6c-.45 0-.75 0-1.05-.45-.6-.6-.6-1.5 0-2.1l1.95-1.95c.6-.6 1.5-.6 2.1 0s.6 1.5 0 2.1l-1.95 1.95c-.3.3-.75.45-1.05.45m32.1 0c-.45 0-.75 0-1.05-.45l-1.95-1.95c-.6-.6-.6-1.5 0-2.1s1.5-.6 2.1 0l1.95 1.95c.6.6.6 1.5 0 2.1s-.75.45-1.05.45m-9.3-4.05c-.45 0-.9 0-1.2-.3l-5.55-3-5.55 3c-.9.45-1.95.45-2.7-.15-.9-.6-1.2-1.65-1.05-2.55l1.05-6.45-4.5-4.65c-.75-.75-.9-1.8-.6-2.7s1.05-1.65 2.1-1.8l6.15-.9 2.85-5.85q.45-.9 1.35-1.35c.6-.3 1.35-.3 1.95 0q.9.45 1.35 1.35l2.7 5.85 6.15.9c.9 0 1.8.75 2.1 1.8.3.9 0 1.95-.6 2.7l-4.5 4.65 1.05 6.45c.15 1.05-.3 1.95-1.05 2.55-.45.3-.9.45-1.5.45m-16.95-15.75 4.65 4.65q.45.45.45 1.35l-1.05 6.45 5.55-3c.45-.3 1.05-.3 1.5 0l5.55 3-1.05-6.45c0-.45 0-.9.45-1.35l4.65-4.65-6.3-.9c-.45 0-.9-.45-1.2-.9l-2.7-5.85-2.7 5.85c-.15.45-.6.75-1.2.9l-6.3.9zm32.25 3.75h-1.95c-.9 0-1.5-.6-1.5-1.5s.6-1.5 1.5-1.5h1.95c.9 0 1.5.6 1.5 1.5s-.6 1.5-1.5 1.5m-42 0h-1.95c-.9 0-1.5-.6-1.5-1.5s.6-1.5 1.5-1.5h1.95c.9 0 1.5.6 1.5 1.5s-.6 1.5-1.5 1.5m33.9-13.95c-.45 0-.75 0-1.05-.45-.6-.6-.6-1.5 0-2.1l1.95-1.95c.6-.6 1.5-.6 2.1 0s.6 1.5 0 2.1l-1.95 1.95c-.3.3-.75.45-1.05.45m-27.9 0c-.45 0-.75 0-1.05-.45l-1.95-1.95c-.6-.6-.6-1.5 0-2.1s1.5-.6 2.1 0L11.102 9c.6.6.6 1.5 0 2.1s-.75.45-1.05.45m13.95-6c-.9 0-1.5-.6-1.5-1.5V2.1c0-.9.6-1.5 1.5-1.5s1.5.6 1.5 1.5v1.95c0 .9-.6 1.5-1.5 1.5"}))),a||(a=v.createElement("defs",null,v.createElement("clipPath",{id:"bright-star_svg__a"},v.createElement("path",{fill:"#fff",d:"M0 0h48v48H0z"})))))},{className:k})}],q=e=>{let{withScrollTo:l=!0,className:t,contentClassName:s}=e;return(0,h.jsx)("section",{id:"search-request-usp",className:(0,f.cn)("bg-white py-22 lg:py-30",t),children:(0,h.jsxs)("div",{className:(0,f.cn)((0,x.nC)({size:"lg",position:"centered",className:s})),children:[(0,h.jsxs)("div",{className:"mb-8 flex items-center justify-between gap-4 lg:mb-16",children:[(0,h.jsx)("h2",{className:(0,x.nP)({variant:"h2"}),children:"Waarom Qoets zoekopdracht?"}),l&&(0,h.jsx)("div",{className:"hidden lg:block",children:(0,h.jsx)(N.FN,{to:"why-qoets-search-request",title:"Auto uitzoeken",className:"cursor-pointer items-center gap-4 text-xl md:w-auto flex w-full justify-between first:[&>div>svg]:hover:fill-qoets-red-400 first:[&>div>svg]:active:fill-qoets-red-700",offset:-20,direction:"up"})})]}),(0,h.jsx)("div",{className:"grid grid-cols-1 gap-6 md:mb-16 md:grid-cols-3",children:y.map((e,l)=>(0,h.jsxs)("div",{className:"flex items-start gap-8",children:[(0,h.jsx)("div",{className:"mb-4 flex h-10 w-10 flex-shrink-0 md:h-12 md:w-12",children:e.icon}),(0,h.jsx)("p",{className:"text-base font-light text-black md:text-lg",children:e.text})]},l))}),l&&(0,h.jsx)("div",{className:"mb-8 flex w-full items-center justify-between gap-4 lg:hidden mt-8",children:(0,h.jsx)(N.FN,{to:"why-qoets-search-request",title:"Auto uitzoeken",className:"cursor-pointer items-center gap-4 text-xl md:w-auto flex w-full justify-between first:[&>div>svg]:hover:fill-qoets-red-400 first:[&>div>svg]:active:fill-qoets-red-700",offset:-20,direction:"up"})})]})})}},16386:function(e,l,t){t.d(l,{x7:function(){return n},bQ:function(){return r},Dr:function(){return c.SearchRequestHowTo},JV:function(){return d},em:function(){return m},XG:function(){return u.SearchRequestUSP}}),t(51664);var s=t(57437);t(2265);var a=t(77587);let n=e=>{let{items:l,setValue:t}=e;return(0,s.jsx)(m,{children:l.map(e=>(0,s.jsx)(a.Z,{item:e,onClick:()=>t(e.id)},e.name))})};var i=t(63285);let r=e=>{let{cars:l}=e,t=(e,l,t)=>

1new URLSearchParams({carId:e,carName:l,modelId:t}).toString();return 0===l.length?(0,s.jsx)("div",{className:"px-6 lg:px-0",children:(0,s.jsx)("p",{children:"Geen auto's gevonden voor dit merk."})}):(0,s.jsx)(m,{children:l.map(e=>{var l,a,n,r;let c=e.id||e.slug,o=e.title||e.name||(null===(l=e.model)||void 0===l?void 0:l.name)||e.display_name,d=(null===(a=e.model)||void 0===a?void 0:a.id)||e.model_id||(null===(n=e.model)||void 0===n?void 0:n.slug)||"",m=e.card_image||e.image||(null===(r=e.formatted_images)||void 0===r?void 0:r[0])||e.edition_default_image_public_url;return(0,s.jsx)(i.bj,{href:"/zoekopdracht/aanvraag?".concat(t(c,o,d)),title:o,imageSrc:m?"string"==typeof m?m:m.url:void 0,imageAlt:o||"Car image"},c)})})};var c=t(72343),o=t(66648);let d=e=>{let{step:l}=e;return(0,s.jsxs)("li",{className:"flex h-full w-[320px] flex-col xl:w-auto",children:[l.icon&&(0,s.jsx)("div",{className:"h-[240px] shrink-0",children:(0,s.jsx)(o.default,{priority:!0,src:l.icon.url,className:"h-full w-full object-cover",alt:l.icon.title||l.heading||"Search request step icon",width:464,height:346})}),(0,s.jsxs)("div",{className:"flex h-full flex-col bg-white px-6 py-8 xl:px-6 xl:py-8",children:[(0,s.jsx)("h4",{className:"mb-3 text-2xl",children:l.heading}),(0,s.jsx)("div",{className:"text-qoets-blue-gray-400 xl:text-lg",dangerouslySetInnerHTML:{__html:l.description}})]})]})};t(10600);let m=e=>{let{children:l}=e;return(0,s.jsx)("div",{className:"lg:pr-15 grid grid-cols-2 gap-2 px-6 lg:gap-6 lg:px-0 xl:grid-cols-3",children:l})};var u=t(26182)}}]);