https://leadsflyer.com/_next/static/chunks/pages/real-estate/pass/%5Btoken%5D-60fb4bae15d3eb3f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9785],{2380:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/real-estate/pass/[token]",function(){return i(5438)}])},5438:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return d}});var n=i(5893),s=i(9008),r=i.n(s),o=i(1163),a=i(7294),l=i(1508);function d(){let e=(0,o.useRouter)(),{token:t}=e.query,[i,s]=(0,a.useState)(null),[d,c]=(0,a.useState)(!0),[f,p]=(0,a.useState)(!1),g=(0,a.useRef)(null);(0,a.useEffect)(()=>{e.isReady&&(c(!0),setTimeout(()=>{s({passNumber:"RE-VP-2026-8841",visitorName:"Rajesh Kulkarni",phone:"+91 98200 45678",email:"[email protected]",project:"Skyline Heights Luxury Residences",tower:"Tower A (Skyline Heights)",unitInterests:["A-1402 (3 BHK)","A-1502 (3 BHK)"],scheduledDate:"2026-09-22",scheduledTime:"11:30 AM",assignedExecutive:{name:"Vikram Malhotra",role:"Senior Property Advisor",phone:"+91 98765 43210"},siteAddress:"Plot 42, Palm Beach Boulevard, Sector 18, Navi Mumbai - 400705",gatePassCode:"GATE-9021",amenities:["Sample Flat 3BHK Ready","Sky Lounge Walkthrough","VR Experience Center","Dedicated Valet Parking"],status:"CONFIRMED_VIP"}),c(!1)},400))},[e.isReady,t]);let h=async()=>window.html2canvas?window.html2canvas:new Promise((e,t)=>{if("undefined"==typeof document)return t(Error("No document"));let i=document.querySelector('script[src*="html2canvas"]');if(i)return window.html2canvas?e(window.html2canvas):(i.addEventListener("load",()=>e(window.html2canvas)),void i.addEventListener("error",t));let n=document.createElement("script");n.src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js",n.async=!0,n.onload=()=>e(window.html2canvas),n.onerror=t,document.head.appendChild(n)}),x=async()=>{if(g.current&&!f)try{p(!0);let e=await h(),t=(await e(g.current,{scale:3,useCORS:!0,allowTaint:!0,backgroundColor:"#082f49",logging:!1})).toDataURL("image/jpeg",.96),n=((null==i?void 0:i.visitorName)||"Visitor").trim().replace(/[^a-zA-Z0-9_-]/g,"_"),s=document.createElement("a");s.href=t,s.download="".concat(n,"_RealEstate_Site_Pass.jpg"),document.body.appendChild(s),s.click(),document.body.removeChild(s)}catch(e){console.error("Failed to generate JPG pass:",e),alert("Could not download JPG image automatically. Please take a quick screenshot of this pass.")}finally{p(!1)}};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(r(),{children:[(0,n.jsx)("title",{children:i?"VIP Site Visit Pass - ".concat(i.visitorName," | LeadsFlyer Real Estate"):"Site Visit Pass"}),(0,n.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"}),(0,n.jsx)("link",{rel:"preconnect",href:"https://fonts.googleapis.com"}),(0,n.jsx)("link",{rel:"preconnect",href:"https://fonts.gstatic.com",crossOrigin:"anonymous"}),(0,n.jsx)("link",{href:"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap",rel:"stylesheet"}),(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n          * { box-sizing: border-box; }\n          body { margin: 0; background: #03131e; color: #f8fafc; font-family: 'Plus Jakarta Sans', \"Segoe UI\", Tahoma, sans-serif; -webkit-font-smoothing: antialiased; }\n          @keyframes pulseGlow {\n            0%, 100% { box-shadow: 0 0 25px rgba(15, 118, 110, 0.4); }\n            50% { box-shadow: 0 0 45px rgba(20, 184, 166, 0.7); }\n          }\n          @keyframes spin { to { transform: rotate(360deg); } }\n        "}})]}),(0,n.jsx)("div",{style:{minHeight:"100vh",background:"radial-gradient(circle at 50% 10%, #0f766e22 0%, #03131e 70%)",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"24px 16px 40px"},children:d?(0,n.jsxs)("div",{style:{textAlign:"center",padding:"60px 20px"},children:[(0,n.jsx)("div",{style:{width:50,height:50,border:"4px solid rgba(255,255,255,0.1)",borderTopColor:"#14b8a6",borderRadius:"50%",animation:"spin 0.8s linear infinite",margin:"0 auto 20px"}}),(0,n.jsx)("h3",{style:{fontSize:18,color:"#cbd5e1",fontWeight:700},children:"Generating Official Gate Pass..."})]}):(0,n.jsxs)("div",{style:{width:"100%",maxWidth:440,display:"flex",flexDirection:"column",gap:16},children:[(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"0 4px"},children:[(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(0,n.jsx)("div",{style:{width:10,height:10,borderRadius:"50%",background:"#10b981",boxShadow:"0 0 10px #10b981"}}),(0,n.jsx)("span",{style:{fontSize:12,fontWeight:800,letterSpacing:"1px",color:"#14b8a6",textTransform:"uppercase"},children:"Official RERA Verified Pass"})]}),(0,n.jsx)("span",{style:{fontSize:11,color:"#94a3b8",fontWeight:600},children:i.passNumber})]}),(0,n.jsxs)("div",{ref:g,style:{background:"linear-gradient(165deg, #0b253a 0%, #061826 100%)",borderRadius:24,border:"1px solid rgba(20, 184, 166, 0.35)",overflow:"hidden",boxShadow:"0 25px 60px -15px rgba(0, 0, 0, 0.7)",position:"relative"},children:[(0,n.jsx)("div",{style:{background:"linear-gradient(90deg, #0f766e, #14b8a6, #f59e0b)",height:6,width:"100%"}}),(0,n.jsxs)("div",{style:{padding:"24px 22px"},children:[(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:18},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("span",{style:{fontSize:10,textTransform:"uppercase",letterSpacing:"1.5px",color:"#f59e0b",fontWeight:800},children:"EXCLUSIVE SITE EXPERIENCE"}),(0,n.jsx)("h1",{style:{fontSize:20,fontWeight:900,color:"#ffffff",margin:"4px 0 2px",lineHeight:1.2},children:i.project}),(0,n.jsx)("p",{style:{fontSize:12,color:"#94a3b8",margin:0},children:"Tower & Unit Tour • Model Flat Preview"})]}),(0,n.jsxs)("div",{style:{background:"rgba(20, 184, 166, 0.15)",border:"1px solid rgba(20, 184, 166, 0.4)",borderRadius:12,padding:"6px 10px",textAlign:"center"},children:[(0,n.jsx)("div",{style:{fontSize:9,color:"#5eead4",fontWeight:800,textTransform:"uppercase"},children:"GATE CODE"}),(0,n.jsx)("div",{style:{fontSize:13,color:"#ffffff",fontWeight:900,letterSpacing:"0.5px"},children:i.gatePassCode})]})]}),(0,n.jsxs)("div",{style:{background:"rgba(15, 23, 42, 0.6)",border:"1px solid rgba(255, 255, 255, 0.08)",borderRadius:16,padding:"16px",marginBottom:18},children:[(0,n.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:12,marginBottom:12},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{style:{fontSize:10,

1color:"#64748b",textTransform:"uppercase",fontWeight:700},children:"VIP VISITOR"}),(0,n.jsx)("div",{style:{fontSize:15,fontWeight:800,color:"#f8fafc",marginTop:2},children:i.visitorName}),(0,n.jsx)("div",{style:{fontSize:11,color:"#94a3b8"},children:i.phone})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{style:{fontSize:10,color:"#64748b",textTransform:"uppercase",fontWeight:700},children:"TOUR DATE & TIME"}),(0,n.jsx)("div",{style:{fontSize:15,fontWeight:800,color:"#38bdf8",marginTop:2},children:i.scheduledDate}),(0,n.jsx)("div",{style:{fontSize:12,color:"#e2e8f0",fontWeight:700},children:i.scheduledTime})]})]}),(0,n.jsxs)("div",{style:{borderTop:"1px dashed rgba(255, 255, 255, 0.1)",paddingTop:10,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{style:{fontSize:10,color:"#64748b",textTransform:"uppercase",fontWeight:700},children:"UNITS TO VISIT"}),(0,n.jsx)("div",{style:{fontSize:12,color:"#fef08a",fontWeight:700,marginTop:2},children:i.unitInterests.join(" • ")})]}),(0,n.jsx)("div",{style:{background:"#10b98122",color:"#34d399",border:"1px solid #10b98144",padding:"3px 8px",borderRadius:20,fontSize:10,fontWeight:800},children:"VIP FAST TRACK"})]})]}),(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:16,background:"#ffffff",borderRadius:16,padding:"16px",color:"#0f172a",marginBottom:18},children:[(0,n.jsx)("div",{style:{background:"#ffffff",padding:4,borderRadius:8},children:(0,n.jsx)(l.Q,{value:"https://leadsflyer.com/real-estate/verify/".concat(t||"sample"),size:96,level:"H",includeMargin:!1})}),(0,n.jsxs)("div",{style:{flex:1},children:[(0,n.jsx)("div",{style:{fontSize:11,color:"#0f766e",fontWeight:800,textTransform:"uppercase",letterSpacing:"0.5px"},children:"Security Gate QR"}),(0,n.jsx)("div",{style:{fontSize:13,fontWeight:800,color:"#0f172a",marginTop:2},children:"Scan at Security Desk"}),(0,n.jsx)("div",{style:{fontSize:11,color:"#64748b",marginTop:4,lineHeight:1.4},children:"Present at gate entrance for instant valet parking & priority flat tour escort."})]})]}),(0,n.jsxs)("div",{style:{background:"rgba(15, 118, 110, 0.12)",border:"1px solid rgba(20, 184, 166, 0.25)",borderRadius:14,padding:"12px 14px",display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:14},children:[(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10},children:[(0,n.jsx)("div",{style:{width:38,height:38,borderRadius:"50%",background:"#0f766e",color:"#ffffff",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:900,fontSize:14},children:"VM"}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{style:{fontSize:10,color:"#5eead4",fontWeight:800,textTransform:"uppercase"},children:"Dedicated Relationship Manager"}),(0,n.jsx)("div",{style:{fontSize:13,fontWeight:800,color:"#ffffff"},children:i.assignedExecutive.name}),(0,n.jsx)("div",{style:{fontSize:11,color:"#94a3b8"},children:i.assignedExecutive.phone})]})]}),(0,n.jsx)("button",{onClick:()=>{var e;(null==i?void 0:null===(e=i.assignedExecutive)||void 0===e?void 0:e.phone)&&(window.location.href="tel:".concat(i.assignedExecutive.phone))},style:{background:"#14b8a6",color:"#042f2e",border:"none",borderRadius:10,padding:"8px 12px",fontSize:11,fontWeight:800,cursor:"pointer",display:"flex",alignItems:"center",gap:4},children:"\uD83D\uDCDE Call Host"})]}),(0,n.jsxs)("div",{style:{fontSize:11,color:"#94a3b8",lineHeight:1.4,textAlign:"center",padding:"0 6px"},children:["\uD83D\uDCCD ",i.siteAddress]})]}),(0,n.jsxs)("div",{style:{background:"rgba(0, 0, 0, 0.3)",padding:"8px 16px",borderTop:"1px solid rgba(255, 255, 255, 0.05)",display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:10,color:"#64748b"},children:[(0,n.jsx)("span",{children:"LeadsFlyer Real Estate CRM"}),(0,n.jsx)("span",{children:"Valid for Single Tour Entry"})]})]}),(0,n.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:10},children:[(0,n.jsx)("button",{onClick:x,disabled:f,style:{background:"linear-gradient(135deg, #0f766e, #0d9488)",color:"#ffffff",border:"none",borderRadius:14,padding:"14px",fontSize:13,fontWeight:800,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",gap:8,boxShadow:"0 10px 20px -5px rgba(15, 118, 110, 0.5)",transition:"all 0.2s ease"},children:f?"⏳ Saving JPG...":"\uD83D\uDCE5 Download Pass (JPG)"}),(0,n.jsx)("button",{onClick:()=>{let e=(null==i?void 0:i.siteAddress)||"Skyline Heights Luxury Residences";window.open("https://www.google.com/maps/search/?api=1&query=".concat(encodeURIComponent(e)),"_blank")},style:{background:"#1e293b",color:"#38bdf8",border:"1px solid rgba(56, 189, 248, 0.3)",borderRadius:14,padding:"14px",fontSize:13,fontWeight:800,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",gap:8,transition:"all 0.2s ease"},children:"\uD83D\uDDFA️ Google Maps Directions"})]}),(0,n.jsxs)("div",{style:{background:"rgba(15, 23, 42, 0.4)",borderRadius:16,border:"1px solid rgba(255, 255, 255, 0.06)",padding:"14px 16px"},children:[(0,n.jsx)("div",{style:{fontSize:11,fontWeight:800,color:"#cbd5e1",textTransform:"uppercase",marginBottom:8,letterSpacing:"0.5px"},children:"Included With Your VIP Visit:"}),(0,n.jsx)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:8},children:i.amenities.map((e,t)=>(0,n.jsxs)("div",{style:{fontSize:11,color:"#94a3b8",display:"flex",alignItems:"center",gap:6},children:[(0,n.jsx)("span",{style:{color:"#10b981",fontSize:12},children:"✓"}),(0,n.jsx)("span",{children:e})]},t))})]})]})})]})}}},function(e){e.O(0,[1508,2888,9774,179],function(){return e(e.s=2380)}),_N_E=e.O()}]);