https://ncrponline.org/assets/Contact-8gxy5BWF.js

1import{d as o,j as e,a as C,b as v,R as k}from"./index-CL5CXY0i.js";import{r as h}from"./react-CryvJVFI.js";import{H as $}from"./index-m2R28i_a.js";import{d as u}from"./heroSectionData-BW6B5Abm.js";import{S as E,C as L,a as y,b as R,c as x,d as w,e as f,f as _,g as z,L as F,$ as I,h as M,i as D,j as H,k as T}from"./module-BxYvgsYw.js";import{b as U,s as g}from"./index-DNaSW-Dx.js";import{Q as A}from"./react-toastify.esm-BcQ5eTVB.js";import{F as Q}from"./index-Ckvylm4c.js";import"./index-DngTBLDh.js";import"./lodashUtils-EZhUIFFV.js";import"./lodash-Bqp7oCxX.js";const W=o.div`
2  height: auto;
3  width: 100%;
4  margin: 0 auto;
5`,B=o.div`
6  height: auto;
7  width: 100%;
8  display: flex;
9  flex-direction: row;
10  justify-content: space-around;
11  padding: 6% 12% 5% 3%;
12  //   background: yellow;
13   @media only screen and (min-width:641px) and (max-width:1079px){
14    flex-direction: column-reverse;
15    justify-content: center;
16    align-items: center;
17  }
18    @media only screen and (min-width:320px) and (max-width:640px){
19    flex-direction: column-reverse;
20    justify-content: center;
21    align-items: center;
22    padding: 20% 12% 20% 3%;
23  }
24`,N=o.div`
25  display: flex;
26  flex-direction: column;
27  gap: 4%;
28  justify-content: center;
29  width: 30%;
30  @media only screen and (min-width:641px) and (max-width:1079px){
31   width: 80%;
32   align-items: center;
33   gap: 10%;
34   margin-top: 5%;
35  }
36   @media only screen and (min-width:320px) and (max-width:640px){
37    width: 80%;
38   align-items: center;
39   gap: 10%;
40   margin-top: 5%;
41  }
42`,P=o.div`
43  display: flex;
44  flex-direction: row;
45  gap: 3%;
46  align-items: start;
47   @media only screen and (min-width:641px) and (max-width:1079px){
48    flex-direction: column;
49    align-items: center;
50     gap: 8%;
51  }
52     @media only screen and (min-width:320px) and (max-width:640px){
53   flex-direction: column;
54    align-items: center;
55     gap: 8%;
56  }
57`,q=o.h3`
58  color: #000;
59  font-family: "Montserrat";
60  font-size: 35px;
61  font-style: normal;
62  font-weight: 700;
63  line-height: 1.5;
64  margin-bottom: 4%;
65  @media only screen and (min-width:1080px) and (max-width:1281px){
66    font-size: 34px;
67  }
68     @media only screen and (min-width:641px) and (max-width:1079px){
69    font-size: 34px;
70  }
71    @media only screen and (min-width:320px) and (max-width:640px){
72   font-size: 24px;
73  }
74`,O=o.p`
75  color: #292929;
76  font-family: "Montserrat";
77  font-size: 16px;
78  font-style: normal;
79  font-weight: 400;
80  line-height: 152%; /* 24.32px */
81  letter-spacing: 0.16px;
82  @media only screen and (min-width:1080px) and (max-width:1281px){
83    font-size: 14px;
84  }
85    @media only screen and (min-width:641px) and (max-width:1079px){
86    font-size: 14px;
87    text-align: center;
88  }
89    @media only screen and (min-width:320px) and (max-width:640px){
90  font-size: 14px;
91    text-align: center;
92  }
93`,Y=o.img`
94display: flex;
95width: 26px;
96height: 26px;
97justify-content: center;
98align-items: center;
99@media only screen and (min-width:1080px) and (max-width:1281px){
100   width: 24px;
101height: 24px;
102  }
103@media only screen and (min-width:641px) and (max-width:1079px){
104 width: 24px;
105height: 24px;
106  }
107@media only screen and (min-width:320px) and (max-width:640px){
108  width: 24px;
109height: 24px;
110  }
111`,G=o.img`
112width: 50%;
113@media only screen and (min-width:641px) and (max-width:1079px){
114   width: 80%;
115  }
116   @media only screen and (min-width:320px) and (max-width:640px){
117width: 80%;
118  }
119`,X=()=>{const i=[{icon:"/contact/iconLocation.png",details:"7910 Woodmont Avenue, Suite 905, Bethesda, MD 20814-3046"},{icon:"/contact/iconCall.png",details:"(301) 657-2652"},{icon:"/contact/iconSms.png",details:"[email protected]"}];return e.jsxs(B,{children:[e.jsxs(N,{children:[e.jsx(q,{children:"Get in touch"}),i.map((a,s)=>e.jsxs(P,{children:[e.jsx(Y,{src:a.icon,alt:"icon"}),e.jsx(O,{children:a.details})]},s))]}),e.jsx(G,{src:"/contact/bgContact.png",alt:"map"})]})},Z=()=>{const{token:i}=C(),[a,s]=h.useState(!1),[t,r]=h.useState(null);return{sendEmail:async p=>{s(!0);try{const n=window.location.href;new Headers().append("Current-URL",n);const c=await v.post(`${k}/api/send-email`,p,{headers:{Authorization:`Bearer ${i}`}});return c.data.status==="success"?(U(c.data.message),{success:!0}):(g("Failed to send email"),{success:!1})}catch(n){return console.error("Error sending email:",n),g(n.message),r(n.message),{success:!1}}finally{s(!1)}},loading:a,error:t}},m=({label:i,type:a="text",value:s,name:t,onChange:r})=>e.jsxs(w,{children:[e.jsx(f,{children:i}),e.jsx(T,{type:a,placeholder:i,value:s,name:t,onChange:r})]}),J=()=>{const{sendEmail:i,loading:a}=Z(),s=[{src:"/contact/message.png",alt:"Messenger",link:"mailto:[email protected]"},{src:"/contact/youtube.png",alt:"YouTube",link:"https://www.youtube.com/channel/UCdDER8FkZYQToU9pmL9MT5Q"}

119,{src:"/linkedin2.png",alt:"Linkedin",link:"https://www.linkedin.com/company/ncrp/"},{src:"/contact/x.png",alt:"X",link:"https://x.com/NCRP_USA"}],[t,r]=h.useState({name:"",company:"",phone:"",email:"",message_content:""}),d=n=>{const{name:l,value:c}=n.target;r({...t,[l]:c})},p=async n=>{n.preventDefault();const{name:l,company:c,phone:j,email:S,message_content:b}=t;if(!l||!c||!j||!S||!b){g("Please fill in all required fields.");return}(await i(t)).success&&r({name:"",company:"",phone:"",email:"",message_content:""})};return e.jsxs(E,{children:[e.jsxs(L,{className:a?"loading-overlay":"",children:[e.jsx(y,{children:"Send us your query"}),e.jsxs(R,{onSubmit:p,children:[e.jsxs(x,{children:[e.jsx(m,{label:"Name",name:"name",value:t.name,onChange:d}),e.jsx(m,{label:"Company",name:"company",value:t.company,onChange:d})]}),e.jsxs(x,{children:[e.jsx(m,{label:"Phone",name:"phone",value:t.phone,onChange:d}),e.jsx(m,{label:"Email",name:"email",value:t.email,onChange:d})]}),e.jsx(x,{children:e.jsxs(w,{children:[e.jsx(f,{children:"Message"}),e.jsx(_,{name:"message_content",value:t.message_content,onChange:d,placeholder:"Message"})]})}),e.jsx(z,{type:"submit",children:"Submit"})]}),a&&e.jsx(F,{children:e.jsx(I,{strokeColor:"grey",strokeWidth:"5",width:"60",visible:!0})})]}),e.jsx(A,{}),e.jsxs(M,{children:[e.jsx(y,{children:"Follow our Social Media"}),e.jsx(D,{children:s.map((n,l)=>e.jsx("a",{href:n.link,target:"_blank",rel:"noopener noreferrer",children:n.svg?e.jsx("div",{dangerouslySetInnerHTML:{__html:n.svg},alt:n.alt}):e.jsx(H,{src:n.src,alt:n.alt})},`${n.alt}-${l}`))})]})]})},ce=()=>e.jsxs(W,{children:[e.jsx($,{backgroundImage:u.backgroundImage,mainHeading:u.mainHeading}),e.jsx(X,{}),e.jsx(J,{}),e.jsx(Q,{})]});export{ce as default};