https://www.jansuraaj.org/_next/static/chunks/app/(public)/contact/page-a780613f64928aeb.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6344],{977:(e,t,a)=>{Promise.resolve().then(a.bind(a,88910))},88910:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>f});var s=a(95155),i=a(12115),r=a(35634),l=a(26497),n=a(59007),o=a(10639),c=a(89679),d=a(74955),x=a(30451),h=a(29253);let m=["14","37","8","33","29","6","12","26","38","10","24","9","4","3","15","5","25","17","1","19","35","20","7","32","34","22","36","30","23","11","18","31","21","16","2","28","27","13"],p=()=>{let[e,t]=(0,i.useState)(0),[a,n]=(0,i.useState)(!1),[o,c]=(0,i.useState)(!1);(0,i.useEffect)(()=>{let e=()=>c(window.innerWidth<1024);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let d=(0,i.useMemo)(()=>{let e={};Object.entries(h).forEach(t=>{let[a,s]=t;return e[a]=(e=>{let t=[],a=[],s=e.split(/(?=[MmLlHhVvCcSsQqTtAa])/),i=0,r=0;return(s.forEach(e=>{let s=e[0],l=e.slice(1).trim().split(/[\s,]+/).map(parseFloat).filter(e=>!isNaN(e));if("M"===s||"L"===s)for(let e=0;e<l.length;e+=2)void 0!==l[e+1]&&(i=l[e],r=l[e+1],t.push(i),a.push(r));else if("H"===s)l.forEach(e=>{i=e,t.push(i),a.push(r)});else if("V"===s)l.forEach(e=>{r=e,t.push(i),a.push(r)});else if("C"===s)for(let e=0;e<l.length;e+=6)void 0!==l[e+5]&&(i=l[e+4],r=l[e+5],t.push(i),a.push(r))}),0===t.length)?{x:500,y:300}:{x:(Math.min(...t)+Math.max(...t))/2,y:(Math.min(...a)+Math.max(...a))/2}})(s.path)});let t=m.map(t=>{var a;return{id:t,name:(null==(a=h[t])?void 0:a.name)||"",...e[t]}}).filter(e=>0!==e.x);return{centers:e,points:t}},[]),x=d.points[e];return(0,i.useEffect)(()=>{if(o)return void n(!0);if(a)return;let s=setTimeout(()=>{e<d.points.length-1?t(e=>e+1):n(!0)},1500);return()=>clearTimeout(s)},[e,a,o]),(0,s.jsx)("div",{className:"relative w-full h-full flex items-center justify-center overflow-hidden bg-amber-200",children:(0,s.jsx)(r.P.div,{className:"relative z-10 w-full h-full p-4 flex items-center justify-center",animate:o?{y:[0,-15,0],scale:1.2,rotateX:0,rotateZ:0}:{scale:a?.9:1.1,rotateX:20*!a},transition:o?{y:{duration:4,repeat:1/0,ease:"easeInOut"},scale:{duration:0},rotateX:{duration:0}}:{duration:2,ease:"easeInOut"},style:{perspective:"1000px"},children:(0,s.jsxs)("svg",{viewBox:"0 0 1122 655",className:"w-full h-auto max-h-[140%] overflow-visible",children:[(0,s.jsx)("defs",{children:(0,s.jsxs)("filter",{id:"subtleShadow",children:[(0,s.jsx)("feGaussianBlur",{stdDeviation:"2",result:"blur"}),(0,s.jsx)("feOffset",{in:"blur",dx:"0",dy:"2",result:"offsetBlur"}),(0,s.jsxs)("feMerge",{children:[(0,s.jsx)("feMergeNode",{in:"offsetBlur"}),(0,s.jsx)("feMergeNode",{in:"SourceGraphic"})]})]})}),Object.entries(h).map(t=>{let[a,i]=t,l=(null==x?void 0:x.id)===a,n=d.points.findIndex(e=>e.id===a);return(0,s.jsx)(r.P.path,{d:i.path,initial:o?{fill:"hsla(45, 92%, 63%, 0.9)",stroke:"#451a03",strokeWidth:.5}:{fill:"rgba(217, 119, 6, 0.05)",stroke:"#451a03",strokeWidth:.5},animate:{fill:((e,t,a)=>o?"#fcd34d":t||a?"hsla(45, 92%, 63%, ".concat(t?1:.8,")"):"rgba(217, 119, 6, 0.05)")(0,l,-1!==n&&n<=e),stroke:"#451a03",strokeWidth:l&&!o?1.5:.5},transition:{duration:.8*!o}},a)}),(0,s.jsx)(l.N,{children:!o&&!a&&e>0&&(0,s.jsx)(r.P.path,{d:"M ".concat(d.points[e-1].x," ").concat(d.points[e-1].y," \n                    Q ").concat((d.points[e-1].x+d.points[e].x)/2," \n                      ").concat(Math.min(d.points[e-1].y,d.points[e].y)-180," \n                      ").concat(d.points[e].x," ").concat(d.points[e].y),fill:"none",stroke:"#451a03",strokeWidth:"3",strokeDasharray:"1,10",strokeLinecap:"round",initial:{pathLength:0,opacity:0},animate:{pathLength:1,opacity:1},exit:{opacity:0},transition:{duration:1,ease:"linear"}},"arc-".concat(e))}),!o&&!a&&x&&(0,s.jsxs)(r.P.g,{animate:{x:x.x,y:x.y},transition:{duration:.8,ease:"easeInOut"},children:[(0,s.jsx)(l.N,{mode:"wait",children:(0,s.jsxs)(r.P.g,{initial:{opacity:0,y:-20},animate:{opacity:1,y:-45},exit:{opacity:0,y:-30},className:"pointer-events-none",children:[(0,s.jsx)("rect",{x:"-40",y:"-15",width:"80",height:"24",rx:"12",fill:"#fff",className:"drop-shadow-sm"}),(0,s.jsx)("text",{textAnchor:"middle",y:"2",fill:"#451a03",className:"text-[11px] font-bold tracking-tight",style:{fontStyle:"normal"},children:x.name})]},"name-".concat(x.id))}),(0,s.jsx)(r.P.circle,{r:"15",fill:"rgba(69, 26, 3, 0.15)",animate:{scale:[1,1.4,1]},transition:{repeat:1/0,duration:2}}),(0,s.jsx)(r.P.g,{y:-16,x:-12,scale:.7,children:(0,s.jsx)("path",{d:"M12 0C5.37258 0 0 5.37258 0 12C0 21 12 32 

112 32C12 32 24 21 24 12C24 5.37258 18.6274 0 12 0ZM12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12C16 14.2091 14.2091 16 12 16Z",fill:"#451a03",className:"drop-shadow-md"})})]})]})})})};var u=a(60246),b=a.n(u);let f=()=>{let{lang:e}=(0,x.o)(),[t,a]=(0,i.useState)("30"),m={30:"Patna",14:"West Champaran",13:"East Champaran",22:"Muzaffarpur",10:"Gaya",4:"Banka",1:"Araria",19:"Madhepura",34:"Sheohar",2:"Begusarai",3:"Bhagalpur",5:"Bhojpur",6:"Buxar",7:"Darbhanga",8:"Gopalganj",9:"Jamui",11:"Jehanabad",12:"Kaimur",15:"Katihar",16:"Khagaria",17:"Kishanganj",18:"Lakhisarai",20:"Madhubani",21:"Munger",23:"Nalanda",24:"Nawada",25:"Purnia",26:"Rohtas",27:"Saharsa",28:"Samastipur",29:"Saran",31:"Sheikhpura",32:"Sitamarhi",33:"Siwan",35:"Supaul",36:"Vaishali",37:"West Champaran",38:"Aurangabad"},u=t=>{var a,s;return"hi"===e?(null==(a=h[t])?void 0:a.name)||"ज़िला":m[t]||(null==(s=h[t])?void 0:s.name)||"District"},f=(0,i.useMemo)(()=>Object.keys(h).sort((e,t)=>u(e).localeCompare(u(t))),[e]),g={hi:{title:"संपर्क",titleHighlight:"केंद्र",subtitle:"बिहार के हर एक ज़िले में आपकी आवाज़ सुनने के लिए हम तैयार हैं।",selectDistrict:"अपना ज़िला चुनें",office:"कार्यालय"},en:{title:"Contact",titleHighlight:"Hub",subtitle:"We are ready to hear your voice in every single district of Bihar.",selectDistrict:"Select District",office:"Office"}}[e],j="30"===t?"hi"===e?"मकान संख्या 27, पाटलिपुत्र कॉलोनी,\nपटना, बिहार - 800013":"House No. 27, Pataliputra Colony,\nPatna, Bihar - 800013":"hi"===e?"".concat(u(t),", मुख्य बाजार क्षेत्र,\nजिला मुख्यालय के पास, बिहार"):"".concat(u(t),", Main Market Area,\nNear District HQ, Bihar");return(0,s.jsxs)("div",{className:"min-h-screen bg-[#050b1f] flex flex-col font-sans overflow-x-hidden selection:bg-amber-200 selection:text-amber-950",children:[(0,s.jsxs)("section",{className:"relative h-[100vh] flex flex-col items-center justify-center overflow-hidden bg-amber-200",children:[(0,s.jsx)("div",{className:"absolute inset-x-0 inset-y-0 z-0 opacity-100 scale-100",children:(0,s.jsx)(p,{})}),(0,s.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-amber-300/30 via-transparent to-transparent z-10"}),(0,s.jsx)("div",{className:"relative z-20 container mx-auto px-6 md:px-12 lg:px-20",children:(0,s.jsxs)(r.P.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:1},className:"text-center md:text-left",children:[(0,s.jsxs)("h1",{className:"text-3xl sm:text-4xl md:text-6xl lg:text-[8rem] font-black tracking-tighter leading-none ".concat(b().className),children:[(0,s.jsx)("span",{className:"text-amber-950",children:g.title})," ",(0,s.jsx)("span",{className:"text-amber-950",children:g.titleHighlight})]}),(0,s.jsx)("p",{className:"text-amber-900 text-lg md:text-xl font-bold mt-6 md:mt-8 max-w-2xl mx-auto md:mx-0 leading-relaxed border-b-4 md:border-b-0 md:border-l-4 border-amber-600 pb-4 md:pb-0 md:pl-6 inline-block",children:g.subtitle})]})})]}),(0,s.jsxs)("section",{className:"relative h-[85vh] bg-[#050b1f] overflow-hidden",children:[(0,s.jsx)("div",{className:"absolute inset-0 z-0",children:(0,s.jsx)("iframe",{src:"https://maps.google.com/maps?q=".concat(u(t),",Bihar&t=k&z=13&ie=UTF8&iwloc=&output=embed"),className:"w-full h-full opacity-100 contrast-[1.1] grayscale-[0.05]",frameBorder:"0",title:"Satellite Map"})}),(0,s.jsx)("div",{className:"absolute top-12 left-4 sm:top-24 sm:left-10 z-[60] pointer-events-auto",children:(0,s.jsxs)("div",{className:"bg-[#050b1f]/95 backdrop-blur-3xl border border-amber-400/30 rounded-xl sm:rounded-2xl p-1.5 sm:p-2 w-44 sm:w-64 shadow-[0_20px_50px_rgba(0,0,0,0.8)]",children:[(0,s.jsx)("p",{className:"text-[8px] sm:text-[9px] font-black text-amber-400 uppercase tracking-widest mb-0.5 sm:mb-1 px-3 sm:px-4 italic",children:g.selectDistrict}),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("select",{value:t,onChange:e=>a(e.target.value),className:"w-full appearance-none bg-transparent text-amber-100 text-xs sm:text-base font-bold sm:font-black px-3 py-2 sm:px-4 sm:py-3 outline-none cursor-pointer pr-10 uppercase tracking-tight relative z-[70]",children:f.map(e=>(0,s.jsx)("option",{value:e,className:"bg-[#050b1f] text-white",children:u(e)},e))}),(0,s.jsx)(n.A,{className:"absolute right-4 top-1/2 -translate-y-1/2 text-amber-400/50 pointer-events-none",size:18})]})]})}),(0,s.jsx)("div",{className:"absolute inset-0 z-10 pointer-events-none flex items-center justify-center p-4",children:(0,s.jsx)(l.N,{mode:"wait",children:(0,s.jsx)(r.P.div,{initial:{opacity:0,y:15,scale:.95}

1,animate:{opacity:1,y:0,scale:1},exit:{opacity:0,scale:.95},className:"pointer-events-auto",children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("div",{className:"bg-white rounded-[2rem] p-5 sm:p-6 shadow-[0_40px_80px_rgba(0,0,0,0.7)] border-[3px] border-amber-400 w-[270px] sm:w-[320px]",children:(0,s.jsxs)("div",{className:"space-y-4",children:[(0,s.jsxs)("div",{className:"flex items-start gap-4",children:[(0,s.jsx)("div",{className:"w-9 h-9 sm:w-10 sm:h-10 rounded-xl bg-amber-400 flex items-center justify-center shrink-0 shadow-lg shadow-amber-500/30",children:(0,s.jsx)(o.A,{size:18,className:"text-black"})}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("h4",{className:"text-[8px] sm:text-[9px] font-black text-amber-600 uppercase tracking-[0.2em] mb-0.5 sm:mb-1",children:[u(t)," ",g.office]}),(0,s.jsx)("p",{className:"text-[13px] sm:text-[14px] font-black text-zinc-900 leading-tight whitespace-pre-line tracking-tight",children:j})]})]}),(0,s.jsxs)("div",{className:"pt-3 sm:pt-4 border-t border-zinc-100 flex items-center justify-between",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)(c.A,{size:14,className:"text-zinc-400"}),(0,s.jsx)("span",{className:"text-base sm:text-lg font-black text-zinc-950 tracking-tighter",children:"91216 91216"})]}),(0,s.jsx)(r.P.button,{whileHover:{scale:1.1},whileTap:{scale:.9},onClick:()=>window.open("https://www.google.com/maps/search/?api=1&query=Jan+Suraaj+Office+".concat(u(t),"+Bihar"),"_blank"),className:"w-9 h-9 sm:w-10 sm:h-10 rounded-full bg-amber-400 flex items-center justify-center text-[#050b1f] shadow-lg shadow-amber-500/40",children:(0,s.jsx)(d.A,{size:15,className:"fill-[#050b1f]"})})]})]})}),(0,s.jsxs)("div",{className:"absolute -bottom-5 left-1/2 -translate-x-1/2 flex flex-col items-center",children:[(0,s.jsx)("div",{className:"w-0 h-0 border-l-[15px] border-l-transparent border-r-[15px] border-r-transparent border-t-[15px] border-t-amber-400"}),(0,s.jsx)("div",{className:"w-3 h-3 bg-amber-500 rounded-full mt-2 animate-ping shadow-[0_0_15px_rgba(251,191,36,0.8)]"})]})]})},t)})})]}),(0,s.jsx)("section",{className:"bg-[#050b1f] py-16 px-6",children:(0,s.jsxs)(r.P.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.7},viewport:{once:!0},className:"max-w-2xl mx-auto text-center",children:[(0,s.jsx)("p",{className:"text-amber-400 text-xs font-black uppercase tracking-[0.3em] mb-4",children:"hi"===e?"हमसे जुड़ें":"Get In Touch"}),(0,s.jsx)("h2",{className:"text-3xl sm:text-4xl md:text-5xl font-black text-white leading-tight mb-6 ".concat(b().className),children:"hi"===e?"कोई सवाल? हमें लिखें":"Any Questions? Write to Us"}),(0,s.jsx)("p",{className:"text-zinc-400 text-base sm:text-lg mb-10 leading-relaxed",children:"hi"===e?"हमारी टीम आपकी हर बात सुनने के लिए तैयार है। नीचे दिए गए ईमेल पर हमसे संपर्क करें।":"Our team is ready to hear from you. Reach out to us at the email below."}),(0,s.jsxs)(r.P.a,{href:"mailto:[email protected]",whileHover:{scale:1.04,boxShadow:"0 0 40px rgba(251,191,36,0.35)"},whileTap:{scale:.97},className:"inline-flex items-center gap-3 bg-amber-400 hover:bg-amber-300 text-amber-950 font-black text-lg sm:text-xl px-10 py-5 rounded-2xl transition-colors shadow-[0_10px_30px_rgba(251,191,36,0.25)]",children:[(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,s.jsx)("rect",{width:"20",height:"16",x:"2",y:"4",rx:"2"}),(0,s.jsx)("path",{d:"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"})]}),"[email protected]"]})]})})]})}}},e=>{e.O(0,[2420,6370,5634,6532,451,9253,8441,1255,7358],()=>e(e.s=977)),_N_E=e.O()}]);