https://www.arabiawheel.com/static/js/4743.9a47fbbf.chunk.js

1"use strict";(self.webpackChunkarabiawheel=self.webpackChunkarabiawheel||[]).push([[4743],{64743:(e,x,t)=>{t.r(x),t.d(x,{default:()=>w});var l=t(65043),a=t(35475),s=t(92382),i=(t(4430),t(69078),t(9634)),n=(t(81580),t(45394)),o=t(74117),r=t(90516),c=t(66833),d=t(23156),m=t(49342),p=t(50423),h=t(89698),g=t(96058),u=t(60184),f=t(70579);const w=()=>{const{data:e,isLoading:x}=(0,r.LK)(void 0),{t:t,i18n:w}=(0,o.Bd)();function b(e){const{onClick:x}=e;return(0,f.jsx)("div",{className:"xxxsm:hidden absolute top-1/2 right-[-20px] transform -translate-y-1/2 z-10 sm:flex items-center justify-center w-10 h-10 2xl:w-[47px] 2xl:h-[47px] 3xl:h-[53px] 3xl:w-[53px] 4xl:h-[57px] 4xl:w-[57px] 5xl:h-[65px] 5xl:w-[65px] 6xl:h-[73px] 6xl:w-[73px] 7xl:w-[77px] 7xl:h-[77px]  bg-[#E2EFFD] text-[#0473E9] hover:text-[#2A9CF4] rounded-full cursor-pointer shadow-lg",onClick:x,children:(0,f.jsx)(d.j6T,{className:"text-base 2xl:text-lg 3xl:text-[22px] 4xl:text-2xl 5xl:text-[27px] 6xl:text-[30px] 7xl:text-[34px] "})})}function v(e){const{onClick:x}=e;return(0,f.jsx)("div",{className:"xxxsm:hidden  absolute top-1/2 left-[-20px] transform -translate-y-1/2 z-10 sm:flex items-center justify-center w-10 h-10 2xl:w-[47px] 2xl:h-[47px] 3xl:h-[53px] 3xl:w-[53px] 4xl:h-[57px] 4xl:w-[57px] 5xl:h-[65px] 5xl:w-[65px] 6xl:h-[73px] 6xl:w-[73px] 7xl:w-[77px] 7xl:h-[77px]  bg-[#E2EFFD] text-[#0473E9] hover:text-[#2A9CF4] rounded-full cursor-pointer shadow-lg",onClick:x,children:(0,f.jsx)(d.oWm,{className:"text-base 2xl:text-lg 3xl:text-[22px] 4xl:text-2xl 5xl:text-[27px] 6xl:text-[30px] 7xl:text-[34px] "})})}const[j,N]=(0,l.useState)(0),y=(null===e||void 0===e?void 0:e.length)||0;(0,l.useEffect)((()=>{N(0===y?0:y<=5?y:5)}),[y]);const k={dots:!1,speed:500,slidesToShow:j,slidesToScroll:j,infinite:y>j,arrows:!0,nextArrow:(0,f.jsx)(b,{}),prevArrow:(0,f.jsx)(v,{}),responsive:[{breakpoint:1536,settings:{slidesToShow:Math.min(y||5,4),slidesToScroll:Math.min(y||5,4),infinite:y>4}},{breakpoint:1279,settings:{slidesToShow:Math.min(y||5,4),slidesToScroll:Math.min(y||5,4),infinite:y>4}},{breakpoint:1023,settings:{slidesToShow:Math.min(y||5,3),slidesToScroll:Math.min(y||5,3),infinite:y>3}},{breakpoint:767,settings:{slidesToShow:Math.min(y||5,3),slidesToScroll:Math.min(y||5,3),infinite:y>3}},{breakpoint:639,settings:{slidesToShow:Math.min(y||5,2),slidesToScroll:Math.min(y||5,2),infinite:y>2}},{breakpoint:529,settings:{slidesToShow:Math.min(y||5,2),slidesToScroll:Math.min(y||5,2),infinite:y>2}},{breakpoint:429,settings:{slidesToShow:Math.min(y||5,1),slidesToScroll:Math.min(y||5,1),infinite:y>1}}]},C=()=>(0,f.jsxs)("div",{className:"w-full max-w-[370px] 2xl:max-w-[360px] 4xl:max-w-[360px] 5xl:max-w-[400px] 6xl:max-w-[450px] 7xl:max-w-[500px]  h-full flex flex-col gap-4 5xl:gap-5 6xl:gap-6  bg-white dark:bg-dark-from rounded-lg shadow-lg",children:[(0,f.jsx)("div",{className:"rounded-t-lg relative h-[190px] 3xl:h-[210px] 4xl:h-[240px] 5xl:h-[260px] 6xl:h-[300px] 7xl:h-[350px] bg-gray-300 dark:bg-cl-heading-text  grid place-items-center overflow-hidden",children:(0,f.jsx)("div",{className:"w-full h-full bg-gray-300 dark:bg-cl-heading-text "})}),(0,f.jsx)("div",{className:"w-[90%] h-[20px] bg-gray-300 dark:bg-cl-heading-text animate-pulse rounded-md mb-2 ".concat("ar"===w.language?"mr-2":"ml-2"," ")}),(0,f.jsx)("div",{className:"w-[70%] h-[18px] bg-gray-300 dark:bg-cl-heading-text animate-pulse rounded-md mb-2 ".concat("ar"===w.language?"mr-2":"ml-2")}),(0,f.jsx)("div",{className:"w-[55%] h-[16px] bg-gray-300 dark:bg-cl-heading-text animate-pulse rounded-md mb-3 3xl:mb-5 6xl:mb-6 ".concat("ar"===w.language?"mr-2":"ml-2")}),(0,f.jsx)("div",{className:"w-[40%] h-[16px] bg-gray-300 dark:bg-cl-heading-text animate-pulse rounded-md mb-3 lg:hidden ".concat("ar"===w.language?"mr-2":"ml-2")})]}),M=(0,l.useRef)(null);return(0,l.useEffect)((()=>{M.current&&M.current.scrollTo({left:0,behavior:"smooth"})}),[e]),(0,f.jsx)(f.Fragment,{children:(0,f.jsx)("div",{dir:window.directionTo,className:"dark:bg-gradient-to-b dark:from-dark-from dark:to-dark-to bg-gradient-to-b from-white to-[#E2EFFD]",children:(0,f.jsxs)("div",{className:" xxxsm:py-4 sm:py-5 lg:py-8 4xl:py-9 5xl:py-10 lg:container  flex flex-col items-center justify-center xxxsm:gap-4 sm:gap-6 lg:gap-11 5xl:gap-12 6xl:gap-14   ",children:[(0,f.jsx)("div",{className:" xxxsm:w-[96%] xxsm:w-[90%] xsm:w-[95%] md:w-full lg:container  flex items-center flex-col justify-center gap-4  ",children:(0,f.jsxs)("div",{className:"text-2xl xxsm:text-2xl sm:text-2xl md:text-2xl lg:text-3xl xl:text-4xl 4xl:text-[40px] 5xl:text-[45px] 6xl:text-[60px] 7xl:text-[65px] dark:text-main-heading-white text-[#061D34]",children:[(0,f.jsx)("span",{className:" font-normal",children:t("managed by")}),(0,f.jsxs)("span",{className:" font-extrabold ",children:[" ",t("arabiawheel")]})]})}),(0,f.jsxs)("div",{className:"flex flex-col gap-4 justify-center w-full  ",children:[(0,f.jsx)("div",{className:"xxxsm:hidden lg:block slider-container  md:px-8 relative container !min-w-full  ",children:0!==y||x?(0,f.jsx)(s.A,{...k,className:"",children:x?[...Array(5)].map(((e,x)=>(0,f.jsx)("div",{className:"",dir:window.directionTo,children:(0,f.jsx)(C,{})},x))):null===e||void 0===e?void 0:e.slice(0,29).map((e=>{var x,l,s,o,r,c,d,m;return(0,f.jsx)(a.N_,{to:"".concat(t("routes.UsedCar","/used-car"),"/").concat(null===e||void 0===e||null===(x=e.makeName)||void 0===x?void 0:x.toLowerCase(),"/").concat(null===e||void 0===e||null===(l=e.modelName)||void 0===l?void 0:l.toLowerCase(),"/").concat(e.year,"/used-car-").concat(null===e||void 0===e||null===(s=e.makeName)||void 0===s?void 0:s.toLowerCase(),"-").concat(null===e||void 0===e||null===(o=e.modelName)||void 0===o?void 0:o.toLowerCase(),"-").concat(e.year,"-").concat(null===(r=e.cityName)||void 0===r?void 0:r.trim().toLowerCase().replace(/\s+/g,"-"),"-").concat(null===e||void 0===e?void 0:e.vehicleid),className:"shadow-sm lg:max-w-[280px] 2xl:max-w-[340px] 4xl:max-w-[360px] 5xl:max-w-[400px] 6xl:max-w-[450px] 7xl:max-w-[500px] mt-3 xsm:mt-0 hover:shadow-lg hover:border-white  transition mb-3",children:(0,f.jsxs)("div",{className:"dark:bg-dark-from dark:border-border-color bg-white   border flex  flex-col gap-2  shadow-lg rounded-lg    ",children:[(0,f.jsxs)("div",{className:"relative rounded-t-lg bg-gray-600 h-[190px] 3xl:h-[210px] 4xl

1:h-[240px] 5xl:h-[260px] 6xl:h-[300px] 7xl:h-[350px] overflow-hidden items-center flex justify-center",children:[(0,f.jsx)(i.LazyLoadImage,{effect:"blur",loading:"lazy",src:null!==(c=e.images)&&void 0!==c&&c[0]?null===(d=e.images)||void 0===d?void 0:d[0]:"https://res.cloudinary.com/dr3ie9gpz/image/upload/v1736513089/no-photo-available-icon-default-image-symbol-vector-40343347_jcz3bo.jpg",className:"ml-auto",alt:"Not found"},null===e||void 0===e?void 0:e.vehicleid),(0,f.jsx)("div",{className:"  bg-[#b73439] text-white xxxsm:px-[10px]  xxxsm:py-1  md:px-3 md:py-[6px]  absolute left-0 top-0 flex gap-1  ",children:(0,f.jsx)("span",{className:"xxxsm:text-[10px] md:text-xs 2xl:text-sm 4xl:text-base 5xl:text-xl 6xl:text-[22px] 7xl:text-[24px] font-medium uppercase ",children:t("manage by")})})]}),(0,f.jsxs)("div",{className:" ".concat(window.isArabic?"text-right":"text-left ","  w-[90%] flex flex-col  gap-2  mx-auto pt-1 pb-2 5xl:pb-4 6xl:pb-5 4xl:gap-3 5xl:gap-4 4xl:pt-2 5xl:pt-3 6xl:pt-4 "),children:[(0,f.jsx)("p",{className:" xxxsm:text-xs xxsm:text-xs line-clamp-1  xsm:text-sm xl:text-base 2xl:text-[17px] 3xl:text-lg 4xl:text-xl 5xl:text-2xl 6xl:text-[27px] 7xl:text-3xl dark:text-main-heading-white dark:hover:text-main-heading-blue text-[#061D34] hover:text-[#39B3D7] font-semibold",children:(0,f.jsxs)("abbr",{title:"".concat(t("Make.".concat(e.makeName))," ").concat(t("Model.".concat(e.modelName))," ").concat(e.year," ").concat(t("for sale")),className:"border-none no-underline line-clamp-1 ",children:[t("Make.".concat(e.makeName)),"\xa0",t("Model.".concat(e.modelName))," ",e.year]})}),(0,f.jsxs)("p",{className:"mb-1 xxxsm:text-xs xsm:text-sm md:text-xs lg:text-sm 2xl:text-[15px] 3xl:text-base 4xl:text-lg 5xl:text-xl 6xl:text-[24px] 7xl:text-[28px] dark:text-main-heading-white  text-[#061D34] flex flex-col gap-1 3xl:gap-2  5xl:gap-3 6xl:gap-4 justify-between",children:[null!==e&&void 0!==e&&e.price?(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)("span",{className:"text-sm xsm:text-lg sm:text-base md:text-lg lg:text-xl xl:text-xl 2xl:text-[22px] 4xl:text-[24px] 5xl:text-[27px] 6xl:text-[30px] font-bold ",children:[(0,f.jsx)("span",{className:"font-normal text-base xl:text-[17px] 2xl:text-lg 4xl:text-xl 5xl:text-2xl 6xl:text-[27px] ",children:"BHD"}),(0,f.jsx)("span",{children:null===e||void 0===e||null===(m=e.price)||void 0===m?void 0:m.toLocaleString()})]})}):(0,f.jsxs)("span",{className:"flex cursor-pointer items-center gap-1 text-[#3eb549]",children:["Call for price",(0,f.jsx)(u.Cab,{className:"animate-pulse mt-auto "})]}),(0,f.jsx)("div",{className:"flex gap-2 ".concat(window.isArabic?"justify-end  ":"justify-start ","  "),children:(0,f.jsxs)("span",{className:"items-center ".concat(window.isArabic?"flex-row-reverse ":"flex-row "," dark:text-main-heading-white  text-[#061D34] font-medium  flex gap-1 "),children:[(0,f.jsx)(n.o9J,{className:"text-lg 3xl:text-xl 4xl:text-2xl 5xl:text-[28px] dark:text-main-heading-blue text-[#0173E9]"}),t("City.".concat(e.cityName))]})})]})]})]})},null===e||void 0===e?void 0:e.vehicleid)}))}):(0,f.jsx)("div",{className:"w-full    flex items-center justify-center  p-4  h-[300px]",children:(0,f.jsxs)("p",{className:"text-[#2B4D78] dark:text-main-heading-white xxxsm:text-sm xxsm:text-base xsm:text-lg 2xl:text-xl 3xl:text-2xl 4xl:text-[28px] 5xl:text-[32px] whitespace-nowrap",children:[(0,f.jsx)(g.Mwp,{className:"m-auto mb-3 xxxsm:text-[40px] xxsm:text-[45px] xsm:text-[50px]  md:text-[55px] 2xl:text-[65px] 3xl:text-[70px] 4xl:text-[75px] 5xl:text-[80px]"}),t("not found any managed by car"),(0,f.jsx)("span",{className:"text-red-700 uppercase"})]})})}),(0,f.jsx)("div",{className:" lg:hidden slider-container md:px-6  relative container xxxsm:min-w-full  xxxsm:px-3 sm:px-4 ",children:0!==y||x?(0,f.jsx)("div",{ref:M,className:"flex gap-4 overflow-x-auto overflow-y-hidden scroll-smooth hide-scrollbar",style:{WebkitOverflowScrolling:"touch",scrollBehavior:"smooth",msOverflowStyle:"none",scrollbarWidth:"none"},children:x?[...Array(5)].map(((e,x)=>(0,f.jsx)("div",{className:"flex-shrink-0 w-[235px] sm:w-[245px] md:w-[255px] xxxsm:h-[275px] sm:h-[280px]",children:(0,f.jsx)(C,{})},x))):null===e||void 0===e?void 0:e.slice(0,29).map(((e,x)=>{var l,s,i,n,o,r,c;return(0,f.jsx)(a.N_,{to:"".concat(t("routes.UsedCar","/used-car"),"/").concat(null===(l=e.makeName)||void 0===l?void 0:l.toLowerCase(),"/").concat(null===(s=e.modelName)||void 0===s?void 0:s.toLowerCase(),"/").concat(e.year,"/used-car-").concat(null===(i=e.makeName)||void 0===i?void 0:i.toLowerCase(),"-").concat(null===(n=e.modelName)||void 0===n?void 0:n.toLowerCase(),"-").concat(e.year,"-").concat(null===(o=e.cityName)||void 0===o?void 0:o.trim().toLowerCase().replace(/\s+/g,"-"),"-").concat(e.vehicleid),className:"shadow-sm  mt-3 xsm:mt-0 hover:shadow-lg transition mb-3",children:(0,f.jsxs)("div",{className:"bg-white dark:bg-dark-from border flex flex-col gap-2 shadow-lg rounded-lg xxxsm:w-[235px] sm:w-[245px] md:w-[255px] xxxsm:h-[275px] sm:h-[280px]",children:[(0,f.jsxs)("div",{className:" bg-gray-600 rounded-t-lg relative xxxsm:h-[190px] sm:h-[200px] overflow-hidden items-center flex justify-center",children:[(0,f.jsx)("img",{className:"",src:null!==(r=e.images)&&void 0!==r&&r[0]?e.images[0]:"https://res.cloudinary.com/dr3ie9gpz/image/upload/v1736513089/no-photo-available-icon-default-image-symbol-ve

1ctor-40343347_jcz3bo.jpg",alt:"Vehicle",loading:"lazy"}),(0,f.jsx)("div",{className:"  bg-[#b73439] text-white px-3 py-[6px]  absolute left-0 top-0 flex gap-1  ",children:(0,f.jsx)("span",{className:"text-xs font-medium uppercase",children:t("manage by")})})]}),(0,f.jsxs)("div",{className:"".concat(window.isArabic?"text-right":"text-left "," w-[90%] flex flex-col gap-2 mx-auto pt-1 pb-2"),children:[(0,f.jsx)("p",{className:"xxxsm:text-xs xxsm:text-xs line-clamp-1 xsm:text-sm dark:text-main-heading-white dark:hover:text-main-heading-blue-light text-[#061D34] hover:text-[#39B3D7] font-semibold",children:(0,f.jsxs)("abbr",{title:"".concat(t("Make.".concat(e.makeName))," ").concat(t("Model.".concat(e.modelName))," ").concat(e.year," ").concat(t("for sale")),className:"border-none no-underline line-clamp-1",children:[t("Make.".concat(e.makeName)),"\xa0",t("Model.".concat(e.modelName))," ",e.carVersionName]})}),(0,f.jsxs)("p",{className:"mb-1 xxxsm:text-xs xsm:text-sm md:text-xs lg:text-sm dark:text-main-heading-white  text-[#061D34] flex flex-col gap-1 justify-between",children:[null!==e&&void 0!==e&&e.price?(0,f.jsxs)("span",{className:"text-sm xsm:text-lg sm:text-base md:text-lg lg:text-xl xl:text-xl font-bold",children:[(0,f.jsx)("span",{className:"  ",children:"BHD"}),(0,f.jsx)("span",{children:null===e||void 0===e||null===(c=e.price)||void 0===c?void 0:c.toLocaleString()})]}):(0,f.jsxs)("span",{className:"flex cursor-pointer items-center gap-1 text-[#3eb549]",children:["Call for price",(0,f.jsx)(u.Cab,{className:"animate-pulse mt-auto "})]}),(0,f.jsx)("div",{className:"flex gap-2 border-b-2 py-1  ",children:(0,f.jsx)("span",{className:"items-center dark:text-main-heading-white  text-[#061D34] font-medium flex gap-1",children:t("City.".concat(e.cityName))})}),(0,f.jsxs)("div",{className:"flex gap-2 pt-1",children:[(0,f.jsx)("div",{className:"flex gap-2 ",children:(0,f.jsxs)("span",{className:"items-center dark:text-main-heading-white  text-[#061D34] font-medium flex gap-1",children:[(0,f.jsx)(m.wQ1,{className:"text-lg text-[#0173E9]"}),e.year]})}),(0,f.jsx)("div",{className:"flex gap-2 ",children:(0,f.jsxs)("span",{className:"items-center dark:text-main-heading-white  text-[#061D34] font-medium flex gap-1",children:[(0,f.jsx)(p.JYr,{className:"text-lg text-[#0173E9]"}),e.mileage,"km"]})}),(0,f.jsx)("div",{className:"flex gap-2 ",children:(0,f.jsxs)("span",{className:"items-center dark:text-main-heading-white  text-[#061D34] font-medium flex gap-1",children:[(0,f.jsx)(h.A_5,{className:"text-base text-[#0173E9]"}),t("Fuel.".concat(e.fuelTypeName))]})})]})]})]})]})},x)}))}):(0,f.jsx)("div",{className:"w-full h-auto   flex items-center justify-center  p-4  xxxsm:h-[275px] sm:h-[280px]",children:(0,f.jsxs)("p",{className:"text-[#2B4D78]  dark:text-main-heading-white xxxsm:text-sm xxsm:text-base xsm:text-lg whitespace-nowrap",children:[(0,f.jsx)(g.Mwp,{className:"m-auto mb-3 xxxsm:text-[40px] xxsm:text-[45px] xsm:text-[50px]  md:text-[55px]"}),t("not found any managed by car"),(0,f.jsx)("span",{className:"text-red-700 uppercase"})]})})}),(0,f.jsx)("div",{className:"mx-auto",children:(0,f.jsxs)(a.N_,{to:"".concat(t("routes.search","/used-car"),"?mnb=true"),className:" w-fit group bg-[#0173E9] hover:bg-blue-700 shadow-md flex items-center justify-center gap-2 xxxsm:px-4 xxxsm:py-2 lg:px-6 lg:py-3  4xl:py-4 4xl:px-7 5xl:py-5 5xl:px-8  text-white rounded-full xxxsm:text-xs lg:text-sm 4xl:text-base 5xl:text-lg 6xl:text-xl cursor-pointer no-underline lato-regular",children:[(0,f.jsx)("div",{children:t("view all managed by arabiaWheel cars")}),(0,f.jsx)(c.uJ,{className:"text-base 2xl:text-lg 3xl:text-xl 4xl:text-2xl 5xl:text-[26px] 6xl:text-[28px] 7xl:text-[30px] group-hover:animate-pulse ".concat(window.isArabic?"rotate-180":"none"," ")})]})})]})]})})})}},81580:()=>{},69078:()=>{},4430:()=>{}}]);
2//# sourceMappingURL=4743.9a47fbbf.chunk.js.map