https://www.upcar.ai/_next/static/chunks/436.bb0a6c69f31d8ced.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[436],{436:function(e,r,t){t.r(r),t.d(r,{LovedByCustomers:function(){return p}});var s=t(27573),a=t(7653),l=t(65880),i=t(6e3),o=t(35662),n=t(8168);let d=[{name:"Alex Martinez",profilePic:"/assets/img/persons/alex.jpeg",rating:5,text:"Upcar completely changed the way I rent cars for work. I booked directly from app, the car arrives right to my door. It’s fast, reliable, and just feels smarter.",source:"host",reviewedAt:new Date().toISOString()},{name:"Katie Smith",profilePic:"/assets/img/persons/Matt.jpeg",rating:5,text:"Overall smooth experiences. From the mobile interface to the way the car was delivered right to my door, everything was great. No paperwork, no small talk. Just booked, and drove off like it was my own car. I’m hooked.",source:"host",reviewedAt:new Date().toISOString()},{name:"Kush",profilePic:"/assets/img/persons/kush_phar.jpeg",rating:5,text:"Amazing service! The car was delivered to our hotel, and the host provided all necessary instructions clearly.",source:"host",reviewedAt:new Date().toISOString()},{name:"Jessica",profilePic:"/assets/img/persons/jessica.jpeg",rating:5,text:"Flawless experience! The driver made sure the car was spotless and ready for our family trip.",source:"host",reviewedAt:new Date().toISOString()},{name:"Phil Kooper",profilePic:"/assets/img/persons/phil.jpeg",rating:5,text:"Had a great time driving this car. The customer service rep was friendly and answered all my questions promptly.",source:"host",reviewedAt:new Date().toISOString()}],c=e=>{let{className:r=""}=e;return(0,s.jsx)("svg",{className:r,viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:(0,s.jsx)("path",{d:"M10 1.667l2.575 5.218 5.758.836-4.166 4.06.983 5.736L10 14.842l-5.15 2.675.983-5.736-4.166-4.06 5.758-.836L10 1.667z"})})};function h(e){let{name:r,size:t=44}=e,a=r?r.trim().split(/\s+/).slice(0,2).map(e=>{var r;return(null===(r=e[0])||void 0===r?void 0:r.toUpperCase())||""}).join(""):"";return(0,s.jsx)("div",{className:"flex items-center justify-center rounded-full bg-[#027BFF] text-white font-semibold ring-1 ring-[#EBECEF]",style:{width:t,height:t,fontSize:.38*t},"aria-hidden":"true",children:a||"\xb7"})}function x(){return(0,s.jsxs)("article",{"data-card":!0,className:"snap-start shrink-0 w-[360px] md:w-[380px] lg:w-[420px] min-h-[320px] bg-white rounded-3xl border border-[#EBECEF] p-7 lg:p-8 flex flex-col gap-5 shadow-[0_2px_10px_rgba(0,0,0,0.04)]","aria-hidden":"true",children:[(0,s.jsx)("div",{className:"flex gap-1",children:Array.from({length:5}).map((e,r)=>(0,s.jsx)("div",{className:"h-4 w-4 rounded-sm bg-[#F4F5F7]"},r))}),(0,s.jsxs)("div",{className:"flex-1 flex flex-col gap-2",children:[(0,s.jsx)("div",{className:"h-4 w-full bg-[#F4F5F7] rounded"}),(0,s.jsx)("div",{className:"h-4 w-11/12 bg-[#F4F5F7] rounded"}),(0,s.jsx)("div",{className:"h-4 w-9/12 bg-[#F4F5F7] rounded"}),(0,s.jsx)("div",{className:"h-4 w-7/12 bg-[#F4F5F7] rounded"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-3 pt-3 border-t border-[#F0F1F4]",children:[(0,s.jsx)("div",{className:"h-11 w-11 rounded-full bg-[#F4F5F7]"}),(0,s.jsx)("div",{className:"h-3 w-24 bg-[#F4F5F7] rounded"})]})]})}function m(e){let{review:r}=e,[t,i]=a.useState(!1),o=!r.profilePic||t;return(0,s.jsxs)("article",{"data-card":!0,className:"snap-start shrink-0 w-[360px] md:w-[380px] lg:w-[420px] min-h-[320px] bg-white rounded-3xl border border-[#EBECEF] p-7 lg:p-8 flex flex-col gap-5 shadow-[0_2px_10px_rgba(0,0,0,0.04)] transition-all duration-300 hover:shadow-[0_16px_40px_rgba(0,0,0,0.10)] hover:-translate-y-1 hover:border-[#DCE1E8]",children:[(0,s.jsx)("div",{className:"flex items-center gap-1 text-[#FFB400]",children:Array.from({length:5}).map((e,r)=>(0,s.jsx)(c,{className:"h-4 w-4"},r))}),(0,s.jsx)("div",{className:"flex-1 flex items-center",children:(0,s.jsxs)("p",{className:"text-base lg:text-lg leading-relaxed title-color font-medium tracking-[-0.005em] line-clamp-6",children:["“",r.text,"”"]})}),(0,s.jsxs)("div",{className:"flex items-center gap-3 pt-3 border-t border-[#F0F1F4]",children:[o?(0,s.jsx)(h,{name:r.name}):(0,s.jsx)("div",{className:"relative h-11 w-11 rounded-full overflow-hidden ring-1 ring-[#EBECEF]",children:(0,s.jsx)(l.default,{src:r.profilePic,alt:r.name,fill:!0,sizes:"44px",className:"h-full w-full object-cover",loading:"lazy",onError:()=>i(!0)})}),(0,s.jsx)("div",{className:"flex flex-col",children:(0,s.jsx)("span",{className:"text-sm font-semibold title-color",children:r.name})})]})]})}function p(){let e=a.useRef(null),[r,t]=a.useState(null),[l,c]=a.useState(!0);function h(r){var t;let s=e.current;if(!s)return;let a=(null===(t=s.querySelector("[data-card]"))||void 0===t?void 0:t.clientWidth)||360;s.scrollBy({left:r*(a+24),behavior:"smooth"})}return a.useEffect(()=>{let e=!1;return async function(){try{var r;let{data:s}=await i.Z.get("".concat(n.CT,"/statics/top-reviews"),{timeout:8e3});if(e)return;(null==s?void 0:s.status)===!0&&Array.isArray(null==s?void 0:null===(r=s.data)||void 0===r?void 0:r.reviews)&&s.data.reviews.length>0?t(s.data.reviews):t(d)}catch(r){if(e)return;console.error("LovedByCustomers: top-reviews fetch failed, falling back",r),t(d)}finally{e||c(!1)}}(),()=>{e=!0}},[]),(0,s.jsx)("section",{className:"w-full py-12 lg:py-20 bg-white hidden lg:block",children:(0,s.jsxs)("div",{className:"max-w-[1760px] mx-auto px-6 lg:px-14",children:[(0,s.jsxs)("div",{className:"flex items-end justify-between mb-8 lg:mb-12",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsx)("h2",{className:"text-2xl md:text-3xl lg:text-[40px] font-semibold title-color tracking-tight leading-tight",children:"Loved by Customers"}),(0,s.jsx)("p",{className:"text-sm md:text-base lg:text-lg text-[#595959] tracking-[0.01em]",children:"Early adopters are already loving the experience."})]}),(0,s.jsxs)("div",{className:"hidden md:flex items-center gap-2",children:[(0,s.jsx)("button",{"aria-label":"Previous",onClick:()=>h(-1),className:"h-10 w-10 lg:h-11 lg:w-11 rounded-full border border-[#

1EBECEF] bg-white text-[#0E0F11] flex items-center justify-center transition-all duration-200 hover:border-[#027BFF] hover:text-[#027BFF] hover:shadow-[0_4px_12px_rgba(2,123,255,0.15)]",children:(0,s.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:(0,s.jsx)("path",{d:"M10 3l-5 5 5 5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,s.jsx)("button",{"aria-label":"Next",onClick:()=>h(1),className:"h-10 w-10 lg:h-11 lg:w-11 rounded-full border border-[#EBECEF] bg-white text-[#0E0F11] flex items-center justify-center transition-all duration-200 hover:border-[#027BFF] hover:text-[#027BFF] hover:shadow-[0_4px_12px_rgba(2,123,255,0.15)]",children:(0,s.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:(0,s.jsx)("path",{d:"M6 3l5 5-5 5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]}),(0,s.jsx)("div",{ref:e,className:(0,o.cn)("flex gap-6 overflow-x-auto snap-x snap-mandatory px-6 -mx-6 pt-6 -mt-6 pb-12 -mb-12 scroll-px-6","[&::-webkit-scrollbar]:hidden [-ms-overflow-style:'none'] [scrollbar-width:'none']"),children:l?Array.from({length:4}).map((e,r)=>(0,s.jsx)(x,{},r)):(null!=r?r:[]).map((e,r)=>(0,s.jsx)(m,{review:e},"".concat(e.name,"-").concat(r)))})]})})}}}]);