https://car-hub-web.vercel.app/_next/static/chunks/397-3c6501cba788ac00.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[397],{444:function(e,a,t){var l=t(7437),s=t(2265),r=t(6648),n=t(5033),i=t(1214),c=t(1550);a.default=e=>{let{car:a}=e,{city_mpg:t,year:o,make:d,model:u,transmission:m,drive:h}=a,[x,p]=(0,s.useState)(!1),f=(0,n.Q_)(t,o);return(0,l.jsxs)("div",{className:"car-card group",children:[(0,l.jsx)("div",{className:"car-card__content",children:(0,l.jsxs)("h2",{className:"car-card__content-title",children:[d," ",u]})}),(0,l.jsxs)("p",{className:"flex mt-6 text-[32px] leading-[38px] font-extrabold",children:[(0,l.jsx)("span",{className:"self-start text-[14px] leading-[17px] font-semibold",children:"$"}),f,(0,l.jsx)("span",{className:"self-end text-[14px] leading-[17px] font-medium",children:"/day"})]}),(0,l.jsx)("div",{className:"relative w-full h-40 my-3 object-contain",children:(0,l.jsx)(r.default,{src:(0,n.tx)(a),alt:"car model",fill:!0,priority:!0,className:"object-contain"})}),(0,l.jsxs)("div",{className:"relative flex w-full mt-2",children:[(0,l.jsxs)("div",{className:"flex group-hover:invisible w-full justify-between text-grey",children:[(0,l.jsxs)("div",{className:"flex flex-col justify-center items-center gap-2",children:[(0,l.jsx)(r.default,{src:"/steering-wheel.svg",width:20,height:20,alt:"steering wheel"}),(0,l.jsx)("p",{className:"text-[14px] leading-[17px]",children:"a"===m?"Automatic":"Manual"})]}),(0,l.jsxs)("div",{className:"car-card__icon",children:[(0,l.jsx)(r.default,{src:"/tire.svg",width:20,height:20,alt:"seat"}),(0,l.jsx)("p",{className:"car-card__icon-text",children:h.toUpperCase()})]}),(0,l.jsxs)("div",{className:"car-card__icon",children:[(0,l.jsx)(r.default,{src:"/gas.svg",width:20,height:20,alt:"seat"}),(0,l.jsxs)("p",{className:"car-card__icon-text",children:[t," MPG"]})]})]}),(0,l.jsx)("div",{className:"car-card__btn-container",children:(0,l.jsx)(i.default,{title:"View More",containerStyles:"w-full py-[16px] rounded-full bg-primary-blue",textStyles:"text-white text-[14px] leading-[17px] font-bold",rightIcon:"/right-arrow.svg",handleClick:()=>p(!0)})})]}),(0,l.jsx)(c.Z,{isOpen:x,closeModal:()=>p(!1),car:a})]})}},1550:function(e,a,t){var l=t(7437),s=t(2265),r=t(6648),n=t(8466),i=t(8808),c=t(5033);a.Z=e=>{let{isOpen:a,closeModal:t,car:o}=e;return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(n.Transition,{appear:!0,show:a,as:s.Fragment,children:(0,l.jsxs)(i.Dialog,{as:"div",className:"relative z-10",onClose:t,children:[(0,l.jsx)(n.Transition.Child,{as:s.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,l.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-25"})}),(0,l.jsx)("div",{className:"fixed inset-0 overflow-y-auto",children:(0,l.jsx)("div",{className:"flex min-h-full items-center justify-center p-4 text-center",children:(0,l.jsx)(n.Transition.Child,{as:s.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 scale-95",enterTo:"opacity-100 scale-100",leave:"ease-out duration-300",leaveFrom:"opacity-100 scale-100",leaveTo:"opacity-0 scale-95",children:(0,l.jsxs)(i.Dialog.Panel,{className:"relative w-full max-w-lg max-h-[90vh] overflow-y-auto transform rounded-2xl bg-white p-6 text-left shadow-xl transition-all flex flex-col gap-5",children:[(0,l.jsx)("button",{type:"button",className:"absolute top-2 right-2 z-10 w-fit p-2 bg-primary-blue-100 rounded-full",onClick:t,children:(0,l.jsx)(r.default,{src:"/close.svg",alt:"close",width:20,height:20,className:"object-contain"})}),(0,l.jsxs)("div",{className:"flex-1 flex flex-col gap-3",children:[(0,l.jsx)("div",{className:"relative w-full h-40 bg-pattern bg-cover bg-center rounded-lg",children:(0,l.jsx)(r.default,{src:(0,c.tx)(o),alt:"",fill:!0,priority:!0,className:"object-contain"})}),(0,l.jsxs)("div",{className:"flex gap-3",children:[(0,l.jsx)("div",{className:"flex-1 relative w-full h-24 bg-primary-blue-100 rounded-lg",children:(0,l.jsx)(r.default,{src:(0,c.tx)(o,"29"),alt:"car model",fill:!0,priority:!0,className:"object-contain"})}),(0,l.jsx)("div",{className:"flex-1 relative w-full h-24 bg-primary-blue-100 rounded-lg",children:(0,l.jsx)(r.default,{src:(0,c.tx)(o,"33"),alt:"car model",fill:!0,priority:!0,className:"object-contain"})}),(0,l.jsx)("div",{className:"flex-1 relative w-full h-24 bg-primary-blue-100 rounded-lg",children:(0,l.jsx)(r.default,{src:(0,c.tx)(o,"13"),alt:"car model",fill:!0,priority:!0,className:"object-contain"})})]})]}),(0,l.jsxs)("div",{className:"flex-1 flex flex-col gap-2",children:[(0,l.jsxs)("h2",{className:"font-semibold text-xl capitalize",children:[o.make," ",o.model]}),(0,l.jsx)("div",{className:"mt-3 flex flex-wrap gap-4",children:Object.entries(o).map(e=>{let[a,t]=e;return(0,l.jsxs)("div",{className:"flex justify-between gap-5 w-full text-right",children:[(0,l.jsx)("h4",{className:"text-grey capitalize",children:a.split("_").join(" ")}),(0,l.jsx)("p",{className:"text-black-100 font-semibold",children:t})]},a)})})]})]})})})})]})})})}},1214:function(e,a,t){t.r(a);

1var l=t(7437),s=t(6648);a.default=e=>{let{title:a,containerStyles:t,handleClick:r,btnType:n,textStyles:i,rightIcon:c}=e;return(0,l.jsxs)("button",{disabled:!1,type:n||"button",className:"custom-btn ".concat(t," "),onClick:r,children:[(0,l.jsx)("span",{className:"flex-1 ".concat(i),children:a}),c&&(0,l.jsx)("div",{className:"relative w-6 h-6",children:(0,l.jsx)(s.default,{src:c,alt:"right icon",fill:!0,className:"object-contain"})})]})}},3959:function(e,a,t){t.d(a,{default:function(){return d}});var l=t(7437),s=t(2265),r=t(6648),n=t(6463),i=t(3035),c=t(8466),o=t(5033);function d(e){let{title:a,options:t}=e,d=(0,n.useRouter)(),u=t&&t.length>0?t[0]:{title:"",value:""},[m,h]=(0,s.useState)(u),x=e=>{let t=(0,o.aM)(a,e.value.toLowerCase());d.push(t)};return(0,l.jsx)("div",{className:"w-fit",children:(0,l.jsx)(i.Ri,{value:m,onChange:e=>{h(e),x(e)},children:(0,l.jsxs)("div",{className:"relative w-fit z-10",children:[(0,l.jsxs)(i.Ri.Button,{className:"custom-filter__btn",children:[(0,l.jsx)("span",{className:"block truncate",children:m.title}),(0,l.jsx)(r.default,{src:"/chevron-up-down.svg",width:20,height:20,className:"ml-4 object-contain",alt:"chevron_up-down"})]}),(0,l.jsx)(c.Transition,{as:s.Fragment,leave:"transition ease-in duration-100",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,l.jsx)(i.Ri.Options,{className:"custom-filter__options absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm",children:t&&t.map(e=>(0,l.jsx)(i.Ri.Option,{className:e=>{let{active:a}=e;return"relative cursor-default select-none py-2 px-4 ".concat(a?"bg-primary-blue text-white":"text-gray-900")},value:e,children:a=>{let{selected:t}=a;return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("span",{className:"block truncate ".concat(t?"font-medium":"font-normal"),children:e.title})})}},e.title))})})]})})})}},6748:function(e,a,t){var l=t(7437),s=t(6648),r=t(4397);a.default=()=>(0,l.jsxs)("div",{className:"hero",children:[(0,l.jsxs)("div",{className:"flex-1 pt-36 padding-x",children:[(0,l.jsx)("h1",{className:"hero__title",children:"Find, book, rent a car—quick and super easy!"}),(0,l.jsx)("p",{className:"hero__subtitle",children:"Streamline your car rental experience with our effortless booking process."}),(0,l.jsx)(r.op,{title:"Explore Cars",containerStyles:"bg-primary-blue text-white rounded-full mt-10",handleClick:()=>{let e=document.getElementById("discover");e&&e.scrollIntoView({behavior:"smooth"})}})]}),(0,l.jsxs)("div",{className:"hero__image-container",children:[(0,l.jsx)("div",{className:"hero__image",children:(0,l.jsx)(s.default,{src:"/hero.png",alt:"hero",fill:!0,className:"object-contain"})}),(0,l.jsx)("div",{className:"hero__image-overlay"})]})]})},1606:function(e,a,t){var l=t(7437),s=t(6648),r=t(2265),n=t(6463),i=t(2150);let c=e=>{let{otherClasses:a}=e;return(0,l.jsx)("button",{type:"submit",className:"-ml-3 z-10 ".concat(a),children:(0,l.jsx)(s.default,{src:"/magnifying-glass.svg",alt:"magnifying glass",width:40,height:40,className:"object-contain"})})};a.default=()=>{let[e,a]=(0,r.useState)(""),[t,o]=(0,r.useState)(""),d=(0,n.useRouter)(),u=(e,a)=>{let t=new URLSearchParams(window.location.search);e?t.set("model",e):t.delete("model"),a?t.set("manufacturer",a):t.delete("manufacturer");let l="".concat(window.location.pathname,"?").concat(t.toString());d.push(l)};return(0,l.jsxs)("form",{className:"searchbar",onSubmit:a=>{if(a.preventDefault(),""===e.trim()&&""===t.trim())return alert("Please provide some input");u(t.toLowerCase(),e.toLowerCase())},children:[(0,l.jsxs)("div",{className:"searchbar__item",children:[(0,l.jsx)(i.default,{manufacturer:e,setManuFacturer:a}),(0,l.jsx)(c,{otherClasses:"sm:hidden"})]}),(0,l.jsxs)("div",{className:"searchbar__item",children:[(0,l.jsx)(s.default,{src:"/model-icon.png",width:25,height:25,className:"absolute w-[20px] h-[20px] ml-4",alt:"car model"}),(0,l.jsx)("input",{type:"text",name:"model",value:t,onChange:e=>o(e.target.value),placeholder:"Tiguan...",className:"searchbar__input"}),(0,l.jsx)(c,{otherClasses:"sm:hidden"})]}),(0,l.jsx)(c,{otherClasses:"max-sm:hidden"})]})}}

1,2150:function(e,a,t){var l=t(7437),s=t(6648),r=t(2265),n=t(947),i=t(8466),c=t(3146);a.default=e=>{let{manufacturer:a,setManuFacturer:t}=e,[o,d]=(0,r.useState)(""),u=""===o?c.ui:c.ui.filter(e=>e.toLowerCase().replace(/\s+/g,"").includes(o.toLowerCase().replace(/\s+/g,"")));return(0,l.jsx)("div",{className:"search-manufacturer",children:(0,l.jsx)(n.hQ,{value:a,onChange:t,children:(0,l.jsxs)("div",{className:"relative w-full",children:[(0,l.jsx)(n.hQ.Button,{className:"absolute top-[14px]",children:(0,l.jsx)(s.default,{src:"/car-logo.svg",width:20,height:20,className:"ml-4",alt:"car logo"})}),(0,l.jsx)(n.hQ.Input,{className:"search-manufacturer__input",displayValue:e=>e,onChange:e=>d(e.target.value),placeholder:"Volkswagen..."}),(0,l.jsx)(i.Transition,{as:r.Fragment,leave:"transition ease-in duration-100",leaveFrom:"opacity-100",leaveTo:"opacity-0",afterLeave:()=>d(""),children:(0,l.jsx)(n.hQ.Options,{className:"absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm",static:!0,children:0===u.length&&""!==o?(0,l.jsxs)(n.hQ.Option,{value:o,className:"search-manufacturer__option",children:['Create "',o,'"']}):u.map(e=>(0,l.jsx)(n.hQ.Option,{className:e=>{let{active:a}=e;return"relative search-manufacturer__option ".concat(a?"bg-primary-blue text-white":"text-gray-900")},value:e,children:a=>{let{selected:t,active:s}=a;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("span",{className:"block truncate ".concat(t?"font-medium":"font-normal"),children:e}),t?(0,l.jsx)("span",{className:"absolute inset-y-0 left-0 flex items-center pl-3 ".concat(s?"text-white":"text-pribg-primary-purple")}):null]})}},e))})})]})})})}},5891:function(e,a,t){var l=t(7437),s=t(6463),r=t(5033),n=t(4397);a.default=e=>{let{pageNumber:a,isNext:t}=e,i=(0,s.useRouter)();return(0,l.jsx)("div",{className:"w-full flex-center gap-5 mt-10",children:!t&&(0,l.jsx)(n.op,{btnType:"button",title:"Show More",containerStyles:"bg-primary-blue rounded-full text-white",handleClick:()=>{let e=(0,r.aM)("limit","".concat((a+1)*10));i.push(e)}})})}},4397:function(e,a,t){t.d(a,{op:function(){return l.default}}),t(6748);var l=t(1214);t(7437),t(7138),t(6648),t(3146),t(3959),t(1606),t(2150),t(444),t(1550),t(5891)},3146:function(e,a,t){t.d(a,{ui:function(){return l}});let l=["Acura","Alfa Romeo","Aston Martin","Audi","Bentley","BMW","Buick","Cadillac","Chevrolet","Chrysler","Citroen","Dodge","Ferrari","Fiat","Ford","GMC","Honda","Hyundai","Infiniti","Jaguar","Jeep","Kia","Lamborghini","Land Rover","Lexus","Lincoln","Maserati","Mazda","McLaren","Mercedes-Benz","MINI","Mitsubishi","Nissan","Porsche","Ram","Rolls-Royce","Subaru","Tesla","Toyota","Volkswagen","Volvo"]},5033:function(e,a,t){t.d(a,{Q_:function(){return s},aM:function(){return r},tx:function(){return n}});var l=t(357);let s=(e,a)=>(50+.1*e+(new Date().getFullYear()-a)*.05).toFixed(0),r=(e,a)=>{let t=new URLSearchParams(window.location.search);return t.set(e,a),"".concat(window.location.pathname,"?").concat(t.toString())},n=(e,a)=>{let t=new URL("https://cdn.imagin.studio/getimage"),{make:s,model:r,year:n}=e;return t.searchParams.append("customer",l.env.NEXT_PUBLIC_IMAGIN_API_KEY||""),t.searchParams.append("make",s),t.searchParams.append("modelFamily",r.split(" ")[0]),t.searchParams.append("zoomType","fullscreen"),t.searchParams.append("modelYear","".concat(n)),t.searchParams.append("angle","".concat(a)),"".concat(t)}}}]);