https://www.puente-dr.org/component---src-pages-volunteer-index-js-c54f7cde3a6e52fbce1c.js

1"use strict";(self.webpackChunkpuente_react_gatsby_website=self.webpackChunkpuente_react_gatsby_website||[]).push([[710],{1577:function(e,t,n){n.d(t,{A:function(){return l}});var a=n(6540);function l(e){const t=function(e){const t=(0,a.useRef)(e);return t.current=e,t}(e);(0,a.useEffect)(()=>()=>t.current(),[])}},1544:function(e,t,n){n.r(t),n.d(t,{default:function(){return g}});var a=n(6540),l=n(4810),r=n(3657),o=n(5615),c=n(7909);var s=()=>a.createElement("div",{className:c.kL},a.createElement("h2",null,"Interested in Volunteering?"),a.createElement("a",{className:c.x6,target:"_blank",rel:"noopener noreferrer",href:"https://forms.gle/VHTttkLzUeQY23vy6"},a.createElement(o.A,{className:c.XJ},"Get Started"))),i=n(8429),d=n(6402);var u=e=>a.createElement(i.A,Object.assign({},e,{size:"lg","aria-labelledby":"contained-modal-title-vcenter",centered:!0}),a.createElement(i.A.Header,{closeButton:!0},a.createElement(i.A.Title,{id:"contained-modal-title-vcenter"},"Contact Us!")),a.createElement(i.A.Body,null,a.createElement(d.A,null,a.createElement(d.A.Group,{controlId:"formBasicEmail"},a.createElement(d.A.Label,null,"Name"),a.createElement(d.A.Control,{type:"text",placeholder:"Name..."})),a.createElement(d.A.Group,{controlId:"formBasicPassword"},a.createElement(d.A.Label,null,"Email"),a.createElement(d.A.Control,{type:"email",placeholder:"Email..."})),a.createElement(d.A.Group,{controlId:"formBasicPassword"},a.createElement(d.A.Label,null,"What can we do for you?"),a.createElement(d.A.Control,{as:"textarea",rows:"4",placeholder:"Message..."})),a.createElement(o.A,{variant:"primary",type:"submit"},"Submit"))),a.createElement(i.A.Footer,null,a.createElement(o.A,{onClick:e.onHide},"Close")));var m=()=>{const e=(0,a.useState)(!1),t=e[0],n=e[1];return a.createElement("div",{className:"index-module--container--66c36"},a.createElement("h2",null,"Ready to become a partner?"),a.createElement("div",{className:"index-module--button--53fa7"},a.createElement(o.A,{onClick:()=>n(!0),className:"index-module--button-background--2a882"},"Contact Us"),a.createElement(u,{show:t,onHide:()=>n(!1)})))},f="index-module--section-image--ad18e",E="index-module--section-text--035a0";var g=()=>{const e=(0,l.GR)("856344869");return a.createElement("div",null,a.createElement(r.A,null,a.createElement("div",{className:"index-module--container--e4153"},a.createElement("div",{className:"index-module--banner--2e5fe"},a.createElement("div",{className:"index-module--banner-image--6c9e5"},a.createElement("img",{alt:e.contentfulVolunteerPage.heroImage.title,src:e.contentfulVolunteerPage.heroImage.file.url+"?h=1000",fluid:!0}),a.createElement("div",{className:"index-module--title--3d9de"},a.createElement("h1",null,e.contentfulVolunteerPage.heroText),a.createElement("p",null,e.contentfulVolunteerPage.heroSubText.heroSubText)))),a.createElement("div",{className:"index-module--body--22d6a"},a.createElement("div",{id:"volunteer",className:"index-module--section--f9d02"},a.createElement("div",{className:E},a.createElement("h2",null,e.contentfulVolunteerPage.sectionOneHeader),a.createElement("div",{dangerouslySetInnerHTML:{__html:e.contentfulVolunteerPage.sectionOneParagraph.childMarkdownRemark.html}}

1)),a.createElement("div",{className:f},a.createElement("img",{alt:e.contentfulVolunteerPage.sectionOneImage.title,src:e.contentfulVolunteerPage.sectionOneImage.file.url+"?h=500",fluid:!0}))),a.createElement(s,null),a.createElement("div",{id:"partner",className:"index-module--section-even--f5916"},a.createElement("div",{className:E},a.createElement("h2",null,e.contentfulVolunteerPage.sectionTwoHeader),a.createElement("p",null,e.contentfulVolunteerPage.sectionTwoParagraph.sectionTwoParagraph)),a.createElement("div",{className:f},a.createElement("img",{alt:e.contentfulVolunteerPage.sectionTwoImage.title,src:e.contentfulVolunteerPage.sectionTwoImage.file.url+"?h=500",fluid:!0}))),a.createElement(m,null)))))}},7909:function(e,t,n){n.d(t,{XJ:function(){return l},kL:function(){return r},x6:function(){return a}});var a="index-module--button--d4f3f",l="index-module--button-background--ccb51",r="index-module--container--c0fd1"},8429:function(e,t,n){n.d(t,{A:function(){return U}});var a,l=n(6942),r=n.n(l),o=n(8394),c=n(7828),s=n(4006),i=n(5019);function d(e){if((!a&&0!==a||e)&&c.A){var t=document.createElement("div");t.style.position="absolute",t.style.top="-9999px",t.style.width="50px",t.style.height="50px",t.style.overflow="scroll",document.body.appendChild(t),a=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return a}var u=n(6540);var m=n(7895),f=n(3804),E=n(1577),g=n(5797),b=n(3782),v=n(1525),h=n(7285),p=n(6519),x=n(4848);const N=u.forwardRef(({className:e,bsPrefix:t,as:n="div",...a},l)=>(t=(0,p.oU)(t,"modal-body"),(0,x.jsx)(n,{ref:l,className:r()(e,t),...a})));N.displayName="ModalBody";var A=N,y=n(7011);const w=u.forwardRef(({bsPrefix:e,className:t,contentClassName:n,centered:a,size:l,fullscreen:o,children:c,scrollable:s,...i},d)=>{const u=`${e=(0,p.oU)(e,"modal")}-dialog`,m="string"==typeof o?`${e}-fullscreen-${o}`:`${e}-fullscreen`;return(0,x.jsx)("div",{...i,ref:d,className:r()(u,t,l&&`${e}-${l}`,a&&`${u}-centered`,s&&`${u}-scrollable`,o&&m),children:(0,x.jsx)("div",{className:r()(`${e}-content`,n),children:c})})});w.displayName="ModalDialog";var k=w;const P=u.forwardRef(({className:e,bsPrefix:t,as:n="div",...a},l)=>(t=(0,p.oU)(t,"modal-footer"),(0,x.jsx)(n,{ref:l,className:r()(e,t),...a})));P.displayName="ModalFooter";var T=P,C=n(3447);const R=u.forwardRef(({bsPrefix:e,className:t,closeLabel:n="Close",closeButton:a=!1,...l},o)=>(e=(0,p.oU)(e,"modal-header"),(0,x.jsx)(C.A,{ref:o,...l,className:r()(t,e),closeLabel:n,closeButton:a})));R.displayName="ModalHeader";var I=R;const j=(0,n(4373).A)("h4"),H=u.forwardRef(({className:e,bsPrefix:t,as:n=j,...a},l)=>(t=(0,p.oU)(t,"modal-title"),(0,x.jsx)(n,{ref:l,className:r()(e,t),...a})));H.displayName="ModalTitle";var S=H;function V(e){return(0,x.jsx)(h.A,{...e,timeout:null})}function O(e){return(0,x.jsx)(h.A,{...e,timeout:null})}const M=u.forwardRef(({bsPrefix:e,className:t,style:n,dialogClassName:a,contentClassName:l,children:h,dialogAs:N=k,"aria-labelledby":A,"aria-describedby":w,"aria-label":P,show:T=!1,animation:C=!0,backdrop:R=!0,keyboard:I=!0,onEscapeKeyDown:j,onShow:H,onHide:S,container:M,autoFocus:U=!0,enforceFocus:_=!0,restoreFocus:B=!0,restoreFocusOptions:F,onEntered:L,onExit:$,onExiting:D,onEnter:z,onEntering:G,onExited:W,backdropClassName:K,manager:J,...X},Q)=>{const[Y,q]=(0,u.useState)({}),[Z,ee]=(0,u.useState)(!1),te=(0,u.useRef)(!1),ne=(0,u.useRef)(!1),ae=(0,u.useRef)(null),[le,re]=(0,u.useState)(null),oe=(0,f.A)(Q,re),ce=(0,m.A)(S),se=(0,p.Wz)();e=(0,p.oU)(e,"modal");const ie=(0,u.useMemo)(()=>({onHide:ce}),[ce]);function de(){return J||(0,v.R)({isRTL:se})}function ue(e){if(!c.A)return;const t=de().getScrollbarWidth()>0,n=e.scrollHeight>(0,s.A)(e).documentElement.clientHeight;q({paddingRight:t&&!n?d():void 0,paddingLeft:!t&&n?d():void 0})}const me=(0,m.A)(()=>{le&&ue(le.dialog)});(0,E.A)(()=>{(0,i.A)(window,"resize",me),null==ae.current||ae.current()});const fe=()=>{te.current=!0},Ee=e=>{te.current&&le&&e.target===le.dialog&&(ne.current=!0),te.current=!1},ge=()=>{ee(!0),ae.current=(0,g.A)(le.dialog,()=>{ee(!1)})},be=e=>{"static"!==R?ne.current||e.target!==e.currentTarget?ne.current=!1:null==S||S():(e=>{e.target===e.currentTarget&&ge()})(e)},ve=(0,u.useCallback)(t=>(0,x.jsx)("div",{...t,className:r()(`${e}-backdrop`,K,!C&&"show")}),[C,K,e]),he={...n,...Y};he.display="block";return(0,x.jsx)(y.A.Provider,{value:ie,children:(0,x.jsx)(b.A,{show:T,ref:oe,backdrop:R,container:M,keyboard:!0,autoFocus:U,enforceFocus:_,restoreFocus:B,restoreFocusOptions:F,onEscapeKeyDown:e=>{I?null==j||j(e):(e.preventDefault(),"static"===R&&ge())},onShow:H,onHide:S,onEnter:(e,t)=>{e&&ue(e),null==z||z(e,t)},onEntering:(e,t)=>

1{null==G||G(e,t),(0,o.Ay)(window,"resize",me)},onEntered:L,onExit:e=>{null==ae.current||ae.current(),null==$||$(e)},onExiting:D,onExited:e=>{e&&(e.style.display=""),null==W||W(e),(0,i.A)(window,"resize",me)},manager:de(),transition:C?V:void 0,backdropTransition:C?O:void 0,renderBackdrop:ve,renderDialog:n=>(0,x.jsx)("div",{role:"dialog",...n,style:he,className:r()(t,e,Z&&`${e}-static`,!C&&"show"),onClick:R?be:void 0,onMouseUp:Ee,"aria-label":P,"aria-labelledby":A,"aria-describedby":w,children:(0,x.jsx)(N,{...X,onMouseDown:fe,className:a,contentClassName:l,children:h})})})})});M.displayName="Modal";var U=Object.assign(M,{Body:A,Header:I,Title:S,Footer:T,Dialog:k,TRANSITION_DURATION:300,BACKDROP_TRANSITION_DURATION:150})}}]);
2//# sourceMappingURL=component---src-pages-volunteer-index-js-c54f7cde3a6e52fbce1c.js.map