https://bookmyfarm.net/_next/static/chunks/6450.10d2252cc59c0a3c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6450],{79251:function(e,t,r){r.d(t,{Z:function(){return l}});let l=(0,r(57977).Z)("volume-2",[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["path",{d:"M16 9a5 5 0 0 1 0 6",key:"1q6k2b"}],["path",{d:"M19.364 18.364a9 9 0 0 0 0-12.728",key:"ijwkga"}]])},81562:function(e,t,r){r.d(t,{Z:function(){return l}});let l=(0,r(57977).Z)("volume-x",[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["line",{x1:"22",x2:"16",y1:"9",y2:"15",key:"1ewh16"}],["line",{x1:"16",x2:"22",y1:"9",y2:"15",key:"5ykzw1"}]])},36450:function(e,t,r){r.r(t),r.d(t,{default:function(){return b}});var l=r(3827),s=r(64090),n=r(20703),a=r(57977);let i=(0,a.Z)("badge-check",[["path",{d:"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z",key:"3c2336"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);var o=r(49108),d=r(81562),c=r(79251),u=r(52235);let x=(0,a.Z)("quote",[["path",{d:"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",key:"rib7q0"}],["path",{d:"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",key:"1ymkrd"}]]);var m=r(37805),h=r(75252);let f="#17AE7D",p="#F5A623",g=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return[...e].filter(e=>"published"===e.publish_status).sort((e,t)=>e.display_order-t.display_order)};function b(e){let{initialStories:t=[]}

1=e,[r,a]=(0,s.useState)(()=>g(t)),[o,d]=(0,s.useState)(()=>0===t.length),[c,u]=(0,s.useState)(new Set),[x,m]=(0,s.useState)(null);(0,s.useEffect)(()=>{t.length||(0,h.sL)().then(e=>a(g(e))).catch(e=>console.error("Failed to load testimonial videos:",e)).finally(()=>d(!1))},[]);let b=e=>{m(e),u(t=>new Set(t).add(r[e].id))},w=(0,s.useRef)(null),j=(0,s.useRef)({isDown:!1,startX:0,scrollLeft:0,moved:!1}),y=()=>{j.current.isDown=!1},k=e=>{if(j.current.moved){j.current.moved=!1;return}b(e)};return o?(0,l.jsx)("section",{className:"w-full bg-white px-3 py-4",children:(0,l.jsx)("div",{className:"flex gap-4 overflow-x-auto min-w-0 flex-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:Array.from({length:6}).map((e,t)=>(0,l.jsxs)("div",{className:"flex-shrink-0 flex flex-col items-center gap-1.5 w-[76px]",children:[(0,l.jsx)("div",{className:"w-16 h-16 rounded-full bg-gray-100 animate-pulse"}),(0,l.jsx)("div",{className:"w-12 h-2.5 rounded-full bg-gray-100 animate-pulse"})]},t))})}):r.length?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("section",{className:"w-full bg-[#F5F6F8] px-3 lg:px-6 py-4 lg:py-7 border-b border-gray-100",children:(0,l.jsxs)("div",{className:"lg:max-w-6xl lg:mx-auto",children:[(0,l.jsxs)("div",{className:"hidden lg:flex items-end justify-between mb-4",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("h2",{className:"text-[20px] font-extrabold text-neutral-900 leading-tight",children:"Real Stories, Real Stays"}),(0,l.jsx)("p",{className:"text-[13px] text-neutral-500 mt-1",children:"Hear it straight from guests who booked through BookMyFarm"})]}),(0,l.jsxs)("div",{className:"flex items-center gap-1.5 px-3 py-1.5 rounded-full",style:{background:"rgba(23,174,125,0.08)",border:"1px solid rgba(23,174,125,0.25)"},children:[(0,l.jsx)(i,{size:14,style:{color:f}}),(0,l.jsx)("span",{className:"text-[11.5px] font-semibold",style:{color:f},children:"100% Verified Guest Stays"})]})]}),(0,l.jsxs)("div",{ref:w,onPointerDown:e=>{if("mouse"!==e.pointerType)return;let t=w.current;t&&(j.current.isDown=!0,j.current.moved=!1,j.current.startX=e.pageX-t.offsetLeft,j.current.scrollLeft=t.scrollLeft,j.current.pointerId=e.pointerId)},onPointerMove:e=>{if(!j.current.isDown)return;let t=w.current;if(!t)return;let r=e.pageX-t.offsetLeft-j.current.startX;Math.abs(r)>4&&!j.current.moved&&(j.current.moved=!0,t.setPointerCapture(j.current.pointerId)),j.current.moved&&(t.scrollLeft=j.current.scrollLeft-r)},onPointerUp:y,onPointerLeave:y,onPointerCancel:y,className:"flex items-center gap-4 lg:gap-6 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden cursor-grab active:cursor-grabbing select-none",children:[(0,l.jsxs)("div",{className:"flex-shrink-0 w-[110px] lg:hidden",children:[(0,l.jsxs)("h2",{className:"text-[15px] font-extrabold leading-tight",style:{color:f},children:["HAPPY",(0,l.jsx)("br",{}),"CUSTOMERS"]}),(0,l.jsx)("p",{className:"text-[11px] text-[#676d7b] mt-1 leading-snug",children:"Real experiences from real guests."})]}),r.map((e,t)=>(0,l.jsxs)("button",{onClick:()=>k(t),className:"flex-shrink-0 flex flex-col items-center gap-1.5 w-[76px] lg:w-[84px] bg-transparent border-none cursor-pointer group",children:[(0,l.jsx)("div",{className:"w-16 h-16 lg:w-[70px] lg:h-[70px] rounded-full p-[2.5px] transition-transform duration-200 lg:group-hover:scale-105",style:{background:"linear-gradient(135deg, "+f+", "+p+")",boxShadow:"0 6px 18px rgba(23,174,125,0.18)"},children:(0,l.jsx)("div",{className:"w-full h-full rounded-full bg-white p-[2px]",children:(0,l.jsx)(n.default,{src:e.thumb_img_url,alt:"",width:70,height:70,draggable:!1,className:"w-full h-full rounded-full object-cover"})})}),(0,l.jsx)("span",{className:"text-[11px] lg:text-[13px] font-medium text-gray-600 lg:text-neutral-800 whitespace-nowrap max-w-full overflow-hidden text-ellipsis",children:e.customer_name})]},e.id))]})]})}),null!==x&&(0,l.jsx)(v,{stories:r,activeIndex:x,setActiveIndex:m,onClose:()=>m(null),markViewed:e=>u(t=>new Set(t).add(e))})]}):null}function v(e){let{stories:t,activeIndex:r,setActiveIndex:n,onClose:a,markViewed:h}=e,g=(0,s.useRef)({}

1),[b,v]=(0,s.useState)(0),[w,j]=(0,s.useState)(!1),y=(0,s.useCallback)(()=>{if(v(0),r<t.length-1){let e=r+1;n(e),h(t[e].id)}else a()},[r,t,n,a,h]),k=(0,s.useCallback)(()=>{v(0),r>0&&n(r-1)},[r,n]);(0,s.useEffect)(()=>{let e=g.current[r];if(!e)return;let t=()=>{e.duration&&v(e.currentTime/e.duration*100)},l=()=>y(),s=()=>y();return e.addEventListener("timeupdate",t),e.addEventListener("ended",l),e.addEventListener("error",s),e.currentTime=0,v(0),e.play().catch(()=>{}),()=>{e.removeEventListener("timeupdate",t),e.removeEventListener("ended",l),e.removeEventListener("error",s)}},[r,y]),(0,s.useEffect)(()=>{let e=e=>{"Escape"===e.key&&a(),"ArrowRight"===e.key&&y(),"ArrowLeft"===e.key&&k()};return window.addEventListener("keydown",e),document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",e),document.body.style.overflow=""}},[a,y,k]);let N=(0,s.useRef)({startX:0,startY:0,startTime:0,holdTimer:null,isHolding:!1}),[_,T]=(0,s.useState)(!1),z=()=>{let e=g.current[r];e&&!e.paused&&e.pause(),T(!0)},L=()=>{let e=g.current[r];e&&e.play().catch(()=>{}),T(!1)},S=e=>{clearTimeout(N.current.holdTimer),N.current.holdTimer=null;let t=N.current.isHolding;if(N.current.isHolding=!1,t){L();return}let r=e.currentTarget.getBoundingClientRect(),l=e.clientX-r.left,s=l-N.current.startX,n=Date.now()-N.current.startTime;if(Math.abs(s)>60&&n<600){s<0?y():k();return}l<.35*r.width?k():l>.65*r.width&&y()},C=[r-1,r,r+1].filter(e=>e>=0&&e<t.length),M=t[r];return(0,l.jsxs)("div",{className:"fixed inset-0 z-[99999] bg-black lg:bg-neutral-950 flex items-center justify-center overflow-hidden",children:[(0,l.jsx)("div",{className:"hidden lg:block absolute inset-0",style:{backgroundImage:"url("+M.thumb_img_url+")",backgroundSize:"cover",backgroundPosition:"center",filter:"blur(90px) brightness(0.35) saturate(1.1)",transform:"scale(1.3)"}}),(0,l.jsx)("div",{className:"hidden lg:block absolute inset-0 bg-black/40"}),(0,l.jsxs)("div",{className:"relative z-10 flex items-center justify-center gap-5 w-full h-full",children:[(0,l.jsx)("button",{onClick:e=>{e.stopPropagation(),k()},disabled:0===r,className:"hidden lg:flex items-center justify-center w-12 h-12 rounded-full bg-white/10 hover:bg-white/20 border border-white/20 text-white transition-colors disabled:opacity-0 disabled:pointer-events-none",children:(0,l.jsx)(o.Z,{size:22})}),(0,l.jsxs)("div",{className:"relative w-full h-full sm:w-[420px] sm:h-[90vh] lg:h-[85vh] sm:rou

1nded-2xl lg:rounded-[28px] overflow-hidden bg-black shadow-2xl",onPointerDown:e=>{let t=e.currentTarget.getBoundingClientRect();N.current.startX=e.clientX-t.left,N.current.startY=e.clientY-t.top,N.current.startTime=Date.now(),N.current.isHolding=!1,N.current.holdTimer=setTimeout(()=>{N.current.isHolding=!0,z()},200)},onPointerMove:e=>{if(!N.current.holdTimer&&!N.current.isHolding)return;let t=e.currentTarget.getBoundingClientRect(),r=Math.abs(e.clientX-t.left-N.current.startX),l=Math.abs(e.clientY-t.top-N.current.startY);!N.current.isHolding&&(r>10||l>10)&&(clearTimeout(N.current.holdTimer),N.current.holdTimer=null)},onPointerUp:S,onPointerCancel:S,style:{touchAction:"pan-y"},children:[(0,l.jsx)("div",{className:"absolute top-3 left-3 right-3 z-50 h-[3px] rounded-full overflow-hidden bg-white/30",children:(0,l.jsx)("div",{className:"h-full rounded-full transition-[width] ease-linear",style:{width:b+"%",background:"linear-gradient(90deg, "+f+", "+p+")",transitionDuration:"120ms"}})}),(0,l.jsxs)("div",{className:"absolute top-7 left-3 right-3 z-50 flex items-center justify-between",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2.5 min-w-0",children:[(0,l.jsx)("div",{className:"w-8 h-8 rounded-full p-[1.5px] flex-shrink-0",style:{background:"linear-gradient(135deg, "+f+", "+p+")"},children:(0,l.jsx)("img",{src:M.thumb_img_url,alt:M.customer_name,className:"w-full h-full rounded-full object-cover border border-black/40"})}),(0,l.jsxs)("div",{className:"min-w-0",children:[(0,l.jsxs)("div",{className:"flex items-center gap-1",children:[(0,l.jsx)("span",{className:"text-white text-[13px] font-semibold truncate",children:M.customer_name}),(0,l.jsx)(i,{size:13,style:{color:f},className:"flex-shrink-0"})]}),(0,l.jsx)("span",{className:"text-white/60 text-[11px] truncate block",children:M.city})]})]}),(0,l.jsxs)("div",{className:"flex items-center gap-3 flex-shrink-0",children:[(0,l.jsx)("div",{className:"hidden sm:flex items-center gap-1 px-2 py-0.5 rounded-full",style:{background:"rgba(23,174,125,0.18)",border:"1px solid "+f},children:(0,l.jsx)("span",{className:"text-[11px] font-bold",style:{color:f},children:"BookMyFarm"})}),(0,l.jsx)("button",{onClick:e=>{e.stopPropagation(),j(e=>!e)},className:"text-white bg-transparent border-none cursor-pointer",children:w?(0,l.jsx)(d.Z,{size:19}):(0,l.jsx)(c.Z,{size:19})}),(0,l.jsx)("button",{onClick:e=>{e.stopPropagation(),a()},className:"text-white bg-transparent border-none cursor-pointer",children:(0,l.jsx)(u.Z,{size:22})})]})]}),C.map(e=>{let s=t[e],n=e-r,a=0===n,i="",o=10,d=1,c="visible";return 0===n?(i="translateX(0%) scale(1)",o=30,c="visible"):1===n?(i="translateX(88%) rotateY(-32deg) scale(0.9)",o=20,c="hidden"):-1===n?(i="translateX(-88%) rotateY(32deg) scale(0.9)",o=20,c="hidden"):d=0,(0,l.jsxs)("div",{className:"absolute inset-0",style:{transform:i,zIndex:o,opacity:d,transformOrigin:n>0?"left center":n<0?"right center":"center",transition:"transform 320ms ease-out, opacity 320ms ease-out",backfaceVisibility:c,boxShadow:a?"none":"0 0 40px rgba(0,0,0,0.5)",perspective:a?"none":"1200px",willChange:a?"auto":"transform"},children:[a?(0,l.jsx)("video",{ref:t=>g.current[e]=t,src:s.video_url,poster:s.thumb_img_url,title:"Guest story from ".concat(s.customer_name||"a BookMyFarm guest"),"aria-label":"Guest story video from ".concat(s.customer_name||"a BookMyFarm guest"),muted:w,playsInline:!0,className:"w-full h-full object-cover bg-black",style:{filter:"brightness(1.001)",transform:"scale(1.0001)",WebkitTransform:"scale(1.0001)"}}):(0,l.jsx)("img",{src:s.thumb_img_url,alt:s.customer_name,className:"w-full h-full object-cover bg-black"}),(0,l.jsxs)("div",{className:"lg:hidden absolute bottom-0 left-0 right-0 z-20 px-5 pt-16 pb-8",style:{background:"linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.55) 55%, transparent 100%)"},children:[(0,l.jsx)("div",{className:"inline-flex items-center gap-1 px-2.5 py-1 rounded-full mb-2",style:{background:"rgba(23,174,125,0.2)",border:"1px solid "+f},children:(0,l.jsx)("span",{className:"text-[11px] font-bold",style:{color:f},children:"Verified Stay"})}),(0,l.jsxs)("p",{className:"text-white text-[19px] font-semibold",children:[s.customer_name,(0,l.jsxs)("span",{className:"text-white/60 font-normal text-[14px] ml-2",children:["from ",s.city]})]}),(0,l.jsx)("p",{className:"text-[17px] font-bold mt-2",style:{color:p},children:s.title}),(0,l.jsx)("p",{className:"text-white/90 text-[13px] mt-1.5 leading-relaxed",children:s.description})]})]},s.id)})]}),(0,l.jsxs)("div",{className:"hidden lg:flex flex-col justify-between w-[360px] h-[85vh] bg-white rounded-[28px] p-9 shadow-2xl",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(x,{size:30,style:{color:p},className:"mb-5"}),(0,l.jsxs)("div",{className:"inline-flex items-center gap-1 px-2.5 py-1 rounded-full mb-4",style:{background:"rgba(23,174,125,0.1

1)",border:"1px solid rgba(23,174,125,0.3)"},children:[(0,l.jsx)(i,{size:13,style:{color:f}}),(0,l.jsx)("span",{className:"text-[11px] font-bold",style:{color:f},children:"Verified Stay"})]}),(0,l.jsx)("p",{className:"text-[17px] font-bold text-neutral-900 mb-3 leading-snug",children:M.title}),(0,l.jsx)("p",{className:"text-neutral-600 text-[14.5px] leading-relaxed",children:M.description})]}),(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:"flex items-center gap-3 pt-6 border-t border-neutral-100",children:[(0,l.jsx)("div",{className:"w-11 h-11 rounded-full p-[2px] flex-shrink-0",style:{background:"linear-gradient(135deg, "+f+", "+p+")"},children:(0,l.jsx)("img",{src:M.thumb_img_url,alt:M.customer_name,className:"w-full h-full rounded-full object-cover border-2 border-white"})}),(0,l.jsxs)("div",{children:[(0,l.jsx)("span",{className:"block font-semibold text-neutral-900 text-[14px]",children:M.customer_name}),(0,l.jsx)("span",{className:"block text-neutral-500 text-[12px]",children:M.city})]})]}),(0,l.jsx)("a",{href:"/",className:"mt-6 w-full inline-flex items-center justify-center gap-2 py-3.5 rounded-2xl text-white font-semibold text-[14px] transition-transform hover:scale-[1.02]",style:{background:"linear-gradient(135deg, "+f+", #0d8f66)"},children:"Explore Farms Like This"})]})]}),(0,l.jsx)("button",{onClick:e=>{e.stopPropagation(),y()},className:"hidden lg:flex items-center justify-center w-12 h-12 rounded-full bg-white/10 hover:bg-white/20 border border-white/20 text-white transition-colors",children:(0,l.jsx)(m.Z,{size:22})})]})]})}}}]);