{"version":3,"file":"js/home_page-c995b143d2225736b58f.js","mappings":"6HA+BA,IA1BeA,EAAGC,WAAUC,OAAO,GAAIC,YAAY,GAAIC,YAAW,EAAOC,UAAUA,aAC/E,MAAOC,EAAgBC,GAAeC,EAAAA,UAAe,GAKrD,OAJAA,EAAAA,WAAgB,KACZD,EAAYH,EAAS,GACtB,CAACA,IAGAI,EAAAA,cAAAA,EAAAA,SAAA,KACIA,EAAAA,cAAA,UACIL,UAAY,UAASA,KAAaD,KAAQI,GAAkB,aAC5DD,QAASA,GAERJ,GAEN,C,+CCMX,IApBkBQ,EAAGC,OAAMC,UAASV,cAE5BO,EAAAA,cAAA,OAAKL,UAAU,cACXK,EAAAA,cAACI,EAAAA,EAAO,CAACT,UAAU,aACnBK,EAAAA,cAAA,OAAKL,UAAU,mBACXK,EAAAA,cAAA,MAAIL,UAAU,aAAaU,IAAKF,GAC3BD,GAEJT,G,yHCHjB,MANaa,EAAGX,eAAgBK,EAAAA,cAAA,OAAKO,IAAKC,EAAMb,UAAWA,EAAWU,IAAI,Q,6HCK1E,MANgBD,EAAGT,eAAgBK,EAAAA,cAAA,OAAKO,IAAKE,EAASd,UAAWA,EAAWU,IAAI,Q,8ECuFhF,MArFeK,KACX,MAOOC,EAAaC,IAAkBC,EAAAA,EAAAA,UAAS,CAC3ClB,UAAW,GACXmB,SAAS,KAENC,EAAcC,IAAaH,EAAAA,EAAAA,UAAS,GACrCI,GAAWC,EAAAA,EAAAA,QAAO,OAEjBC,EAAWC,IAAgBP,EAAAA,EAAAA,UAAS,CACvClB,UAAW,GACX0B,QAAQ,KAGZC,EAAAA,EAAAA,YAAU,KACNN,EAAUC,EAASM,QAAQC,aAAa,GACzC,IAEH,MAAMC,EAAeA,KACjB,IAAIX,EAAUY,OAAOC,QAAUZ,EAC/BH,EAAe,CAAEjB,UAAWmB,EAAU,WAAa,GAAIA,QAASA,GAAU,EAiB9E,OARAQ,EAAAA,EAAAA,YAAU,KACNF,EAAa,IAAKD,EAAWxB,UAAWwB,EAAUE,OAAS,uBAAyB,IAAK,GAE1F,CAACF,EAAUE,UAGdC,EAAAA,EAAAA,YAZwBM,KACpBF,OAAOG,iBAAiB,SAAUJ,GAE3B,IAAMC,OAAOI,oBAAoB,SAAUL,KAS3B,IAGvBzB,EAAAA,cAAA,UAAQL,UAAY,GAAEgB,EAAYhB,YAAYwB,EAAUxB,YAAaoC,IAAKd,GACtEjB,EAAAA,cAAA,OAAKL,UAAU,UACXK,EAAAA,cAAA,OAAKL,UAAU,SACXK,EAAAA,cAAA,OAAKL,UAAU,QACXK,EAAAA,cAAA,KAAGgC,KAAK,IAAI3B,IAAI,SAAS,aAAW,uBAChCL,EAAAA,cAACM,EAAAA,EAAI,CAACX,UAAU,eAGxBK,EAAAA,cAAA,OAAKL,UAAY,MAAKwB,EAAUxB,aAC5BK,EAAAA,cAAA,OAAKL,UAAU,QACXK,EAAAA,cAAA,UArDV,CACV,CAAEiC,GAAI,EAAG/B,KAAM,SAAU8B,KAAM,YAC/B,CAAEC,GAAI,EAAG/B,KAAM,SAAU8B,KAAM,6CAC/B,CAAEC,GAAI,EAAG/B,KAAM,aAAc8B,KAAM,eACnC,CAAEC,GAAI,EAAG/B,KAAM,OAAQ8B,KAAM,aAkDEE,KAAKC,GACRnC,EAAAA,cAAA,MACIoC,IAAM,QAAOD,EAAIF,KACjBtC,UACI0C,SAASC,SAAWD,SAASE,SAAWJ,EAAIH,KACtC,iBACAQ,GAGVxC,EAAAA,cAAA,KAAGgC,KAAMG,EAAIH,MAAOG,EAAIjC,aAOhDF,EAAAA,cAAA,UACIL,UAAY,YAAWwB,EAAUxB,YACjC,aAAW,OACXD,KAAK,SACLG,QAASA,IAAMuB,EAAa,IAAKD,EAAWE,QAASF,EAAUE,UAE/DrB,EAAAA,cAAA,QAAML,UAAU,QAChBK,EAAAA,cAAA,QAAML,UAAU,QAChBK,EAAAA,cAAA,QAAML,UAAU,UAGnB,E,oEC6CjB,MA/He8C,IACXzC,EAAAA,cAAA,cACIA,EAAAA,cAAA,OAAKL,UAAU,UACXK,EAAAA,cAAA,OAAKL,UAAU,aACXK,EAAAA,cAAA,OAAKL,UAAU,eACXK,EAAAA,cAAA,OAAKO,IAAKmC,EAAYrC,IAAI,iBAE9BL,EAAAA,cAAA,OAAKL,UAAU,QACXK,EAAAA,cAACR,EAAAA,EAAM,CAACE,KAAK,WACTM,EAAAA,cAAA,KACIgC,KAAK,+BACL,aAAW,QACXW,OAAO,SACPC,IAAI,uBACP,wCAKL5C,EAAAA,cAAA,KAAGgC,KAAK,YACJhC,EAAAA,cAACR,EAAAA,EAAM,CAACE,KAAK,WAAU,kBAKnCM,EAAAA,cAAA,OAAKL,UAAU,cACXK,EAAAA,cAAA,OAAKL,UAAU,eACXK,EAAAA,cAAA,OAAKL,UAAU,cACXK,EAAAA,cAAA,KAAGL,UAAU,8CAA6C,gBAC1DK,EAAAA,cAAA,KAAGL,UAAU,kBAAkBqC,KAAK,YAAW,eAG/ChC,EAAAA,cAAA,KAAGL,UAAU,kBAAkBqC,KAAK,eAAc,cAGlDhC,EAAAA,cAAA,KACIL,UAAU,kBACVqC,KAAK,6CACR,WAILhC,EAAAA,cAAA,OAAKL,UAAU,cACXK,EAAAA,cAAA,KAAGL,UAAU,8CAA6C,wBAG1DK,EAAAA,cAAA,KACIL,UAAU,kBACVqC,KAAK,iCACLW,OAAO,SACPC,IAAI,uBACP,mBAGD5C,EAAAA,cAAA,KACIL,UAAU,kBACVqC,KAAK,8CACLW,OAAO,SACPC,IAAI,uBACP,qBAIL5C,EAAAA,cAAA,OAAKL,UAAU,cACXK,EAAAA,cAAA,KAAGL,UAAU,8CAA6C,aAC1DK,EAAAA,cAAA,KAAGL,UAAU,kBAAkBqC,KAAK,YAAW,aAMvDhC,EAAAA,cAAA,OAAKL,UAAU,gBACXK,EAAAA,cAAA,OAAKL,UAAU,gBACXK,EAAAA,cAAA,KACIgC,KAAK,+BACL,aAAW,QACXW,OAAO,SACPC,IAAI,uBAEJ5C,EAAAA,cAAA,KAAGL,UAAU,yBAEjBK,EAAAA,cAAA,KACIgC,KAAK,8BACL,aAAW,WACXW,OAAO,SACPC,IAAI,uBAEJ5C,EAAAA,cAAA,KAAGL,UAAU,oBAEjBK,EAAAA,cAAA,KACIgC,KAAK,2BACL,aAAW,SACXW,OAAO,SACPC,IAAI,uBAEJ5C,EAAAA,cAAA,KAAGL,UAAU,kBAEjBK,EAAAA,cAAA,KACIgC,KAAK,0CACL,aAAW,WACXW,OAAO,SACPC,IAAI,uBAEJ5C,EAAAA,cAAA,KAAGL,UAAU,qBAGrBK,EAAAA,cAAA,SACIA,EAAAA,cAAA,YAAM,gBACNA,EAAAA,cAAA,KACIgC,KAAK,8BACLa,MAAO,CAAEC,eAAgB,cAC5B,aAIL9C,EAAAA,cAAA,KAAGL,UAAU,kBAAiB,YAChB,IACVK,EAAAA,cAAA,QAAM+C,KAAK,MAAM,aAAW,SAAQ,gBAE5B,IAAI,oCC3GpC,MAZqBC,EAAGvD,cACpBO,EAAAA,cAAA,OAAKL,UAAU,wBACXK,EAAAA,cAACU,EAAM,MACPV,EAAAA,cAAA,QAAML,UAAU,UAAUF,GAC1BO,EAAAA,cAACyC,EAAM,M,kRCsBf,MArByBQ,EAAGtD,eACxBK,EAAAA,cAAA,OAAKL,UAAY,0BAAyBA,KACtCK,EAAAA,cAAA,OAAKL,UAAU,uDACXK,EAAAA,cAAA,OAAKO,IAAK2C,EAAK7C,IAAI,IAAIV,UAAU,gCAErCK,EAAAA,cAAA,OAAKL,UAAU,uDACXK,EAAAA,cAAA,OAAKO,IAAK4C,EAAK9C,IAAI,IAAIV,UAAU,gCAErCK,EAAAA,cAAA,OAAKL,UAAU,uDACXK,EAAAA,cAAA,OAAKO,IAAK6C,EAAQ/C,IAAI,IAAIV,UAAU,gCAExCK,EAAAA,cAAA,OAAKL,UAAU,uDACXK,EAAAA,cAAA,OAAKO,IAAK8C,EAAOhD,IAAI,IAAIV,UAAU,iC,6ZCN/C,MAdyC2D,IAEjCtD,EAAAA,cAAA,SAAG,yNAGuC,IACtCA,EAAAA,cAAA,KAAGgC,KAAK,iCAAiCW,OAAO,SAASC,IAAI,uBAAsB,mBAE9E,IAAI,uDCErB,MAV2CW,IAEnCvD,EAAAA,cAAA,SAAG,4TCQX,MAV2BwD,IAEnBxD,EAAAA,cAAA,SAAG,6R,6JCyDX,MAxDkByD,IAEVzD,EAAAA,cAAAA,EAAAA,SAAA,KACIA,EAAAA,cAAA,OAAKL,UAAU,oBACXK,EAAAA,cAAA,OAAKL,UAAU,aACXK,EAAAA,cAAA,OAAKO,IAAKmD,EAAMrD,IAAI,aACpBL,EAAAA,cAAA,MAAIL,UAAU,mDAAkD,WAChEK,EAAAA,cAAA,KAAGL,UAAU,QACTK,EAAAA,cAAA,SAAG,eAAe,4DAA0D,IAC5EA,EAAAA,cAAA,KACIgC,KAAK,qDACLW,OAAO,SACPC,IAAI,uBACP,sBAEI,IACL5C,EAAAA,cAAA,KAAGL,UAAU,6BAA+B,mNAGH,IACzCK,EAAAA,cAAA,KACIgC,KAAK,WACLrC,UAAU,4DACb,yBAEI,IAAI,iHAMjBK,EAAAA,cAAA,OAAKL,UAAU,cACXK,EAAAA,cAAA,OAAKO,IAAKoD,EAAOtD,IAAI,UACrBL,EAAAA,cAAA,MAAIL,UAAU,mDAAkD,2BAG9D,mXAIFK,EAAAA,cAAA,KACIgC,KAAK,sGACLrC,UAAU,2DACVgD,OAAO,SACPC,IAAI,uBACP,0BAEI,IACL5C,EAAAA,cAAA,KAAGL,UAAU,6BAA+B,2BAAyB,IACrEK,EAAAA,cAAA,SAAG,kBAAkB,gD,oDCzBzC,MAxBa4D,IAEL5D,EAAAA,cAAA,OAAKL,UAAU,eACXK,EAAAA,cAAA,OAAKL,UAAU,4CACXK,EAAAA,cAAA,OAAKL,UAAU,WAAWY,IAAKsD,EAAMxD,IAAI,qBACzCL,EAAAA,cAAA,MAAIL,UAAU,0CAAyC,oBACvDK,EAAAA,cAAA,KAAGL,UAAU,iCAAgC,6GAI7CK,EAAAA,cAACR,EAAAA,EAAM,CACHE,KAAK,UACLC,UAAU,YACVE,QAASA,KACL6B,OAAOoC,KAAK,0BAA2B,SAAU,sBAAsB,GAE9E,gB,8GCyBjB,MAzCiBC,IAET/D,EAAAA,cAAA,OAAKL,UAAU,YACXK,EAAAA,cAAA,UAAI,6BACJA,EAAAA,cAAA,SAAG,qUAOHA,EAAAA,cAAA,OAAKL,UAAU,WACXK,EAAAA,cAAA,OAAKL,UAAU,aACXK,EAAAA,cAAA,OAAKO,IAAKyD,EAAM3D,IAAI,OAAOV,UAAU,kBAErCK,EAAAA,cAAA,KACIgC,KAAK,0BACLrC,UAAU,OACVgD,OAAO,SACPC,IAAI,uBAEJ5C,EAAAA,cAAA,MAAIL,UAAU,uDAAsD,mBAM5EK,EAAAA,cAAA,OAAKL,UAAU,aACXK,EAAAA,cAAA,KACIgC,KAAK,qBACLrC,UAAU,OACVgD,OAAO,SACPC,IAAI,uBAEJ5C,EAAAA,cAAA,OAAKO,IAAK0D,EAAO5D,IAAI,aAAaV,UAAU,sBCsHpE,MAnIauE,KACT,MAAOC,EAAQC,IAAavD,EAAAA,EAAAA,UAAS,YACrCS,EAAAA,EAAAA,YAAU,KACN,MAAM+C,EAAeA,KACb3C,OAAO4C,YAAc,IACrBF,EAAU,UACH1C,OAAO4C,WAAa,KAAO5C,OAAO4C,YAAc,KACvDF,EAAU,UAEVA,EAAU,UACd,EAIJ,OAFA1C,OAAOG,iBAAiB,SAAUwC,GAClCA,IACO,IAAM3C,OAAOI,oBAAoB,SAAUuC,EAAa,GAChE,IACH,MAAME,EAAe,CACjB,CACIC,MAAO,+BACPC,QAASzE,EAAAA,cAACsD,EAAgC,MAC1CoB,gBAAiB,cAErB,CACIF,MAAO,qCACPC,QAASzE,EAAAA,cAACwD,EAAkB,MAC5BkB,gBAAiB,cAErB,CACIF,MAAO,iCACPC,QAASzE,EAAAA,cAACuD,EAAkC,MAC5CmB,gBAAiB,cAGrB,CACIC,MAAkB,WAAXR,EAAsBS,EAAoB,WAAXT,EAAsBU,EAAQC,GAExE,CACIH,MAAkB,WAAXR,EAAsBY,EAAwB,WAAXZ,EAAsBa,EAAQC,IAGhF,OACIjF,EAAAA,cAAAA,EAAAA,SAAA,KACIA,EAAAA,cAACkF,EAAAA,GAAM,KACHlF,EAAAA,cAAA,aAAO,kEAGXA,EAAAA,cAACgD,EAAAA,EAAY,KACThD,EAAAA,cAAA,WAASL,UAAU,0BACfK,EAAAA,cAAA,OAAKL,UAAU,oBACXK,EAAAA,cAAA,MAAIL,UAAU,+CAA8C,0DAG5DK,EAAAA,cAAA,KAAGL,UAAU,yBAAwB,sFAKzCK,EAAAA,cAAA,OAAKL,UAAU,QACXK,EAAAA,cAAA,OAAKL,UAAU,qBACXK,EAAAA,cAACiD,EAAgB,CAACtD,UAAU,YAEhCK,EAAAA,cAACC,EAAAA,EAAS,CAACC,KAAK,SAASC,QAAQ,iCAC7BH,EAAAA,cAAA,KAAGL,UAAU,0CAAyC,wDAItDK,EAAAA,cAAA,KAAGgC,KAAK,YACJhC,EAAAA,cAACR,EAAAA,EAAM,CAACE,KAAK,UAAUC,UAAU,mBAAkB,mBAQnEK,EAAAA,cAAA,OAAKL,UAAU,QACXK,EAAAA,cAAA,WAASL,UAAU,eACfK,EAAAA,cAAA,OAAKO,IAAK4E,EAAMxF,UAAU,OAAOU,IAAI,oBACrCL,EAAAA,cAAA,OAAKL,UAAU,6BACV4E,EAAarC,KAAI,CAACkD,EAAMC,IAEjBrF,EAAAA,cAAA,OACIoC,IAAKiD,EACL1F,UAAY,aACRyF,EAAKV,gBAAkBU,EAAKV,gBAAkB,MAGjDU,EAAKZ,OAASY,EAAKX,SAChBzE,EAAAA,cAAAA,EAAAA,SAAA,KACIA,EAAAA,cAAA,MAAIL,UAAU,+BACTyF,EAAKZ,OAEVxE,EAAAA,cAAA,OAAKL,UAAU,uBACVyF,EAAKX,UAKjBW,EAAKT,OACF3E,EAAAA,cAAA,OACIO,IAAK6E,EAAKT,MACVtE,IAAM,QAAOgF,EAAQ,IACrB1F,UAAY,oBACE,IAAV0F,EAAc,oBAAsB,WASpErF,EAAAA,cAAA,OAAKO,IAAK+E,EAAO3F,UAAU,QAAQU,IAAI,qBAG3CL,EAAAA,cAAA,WAASL,UAAU,aACfK,EAAAA,cAACyD,EAAS,OAGdzD,EAAAA,cAAA,eACIA,EAAAA,cAAC4D,EAAI,OAGT5D,EAAAA,cAAA,eACIA,EAAAA,cAAC+D,EAAQ,QAGlB,ECpJXwB,SAAS1D,iBAAiB,oBAAoB,KAC1C,MAAM2D,EAAYD,SAASE,eAAe,SAC7BC,EAAAA,EAAAA,GAAWF,GAEnBG,OACD3F,EAAAA,cAAC4F,EAAAA,GAAc,KACX5F,EAAAA,cAACkE,EAAI,OAEZ,G","sources":["webpack://wnb-rb-site/./app/javascript/components/Button.jsx","webpack://wnb-rb-site/./app/javascript/components/PageTitle.jsx","webpack://wnb-rb-site/./app/javascript/components/icons/Logo.jsx","webpack://wnb-rb-site/./app/javascript/components/icons/NewLogo.jsx","webpack://wnb-rb-site/./app/javascript/components/layout/Header.jsx","webpack://wnb-rb-site/./app/javascript/components/layout/Footer.jsx","webpack://wnb-rb-site/./app/javascript/components/layout/SharedLayout.jsx","webpack://wnb-rb-site/./app/javascript/components/icons/SplashBackground.jsx","webpack://wnb-rb-site/./app/javascript/components/home/JoinOurWelcomingCommunitySection.jsx","webpack://wnb-rb-site/./app/javascript/components/home/ExceedYourProfessionalGoalsSection.jsx","webpack://wnb-rb-site/./app/javascript/components/home/GiveSupportSection.jsx","webpack://wnb-rb-site/./app/javascript/components/MeetSpeak.jsx","webpack://wnb-rb-site/./app/javascript/components/Hire.jsx","webpack://wnb-rb-site/./app/javascript/components/Thankyou.jsx","webpack://wnb-rb-site/./app/javascript/components/pages/Home.jsx","webpack://wnb-rb-site/./app/javascript/packs/home_page.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport 'stylesheets/button';\n\nconst Button = ({ children, type = '', className = '', disabled = false, onClick = () => {} }) => {\n    const [buttonDisabled, setDisabled] = React.useState(false);\n    React.useEffect(() => {\n        setDisabled(disabled);\n    }, [disabled]);\n\n    return (\n        <>\n            <button\n                className={`button ${className} ${type} ${buttonDisabled && 'disabled'}`}\n                onClick={onClick}\n            >\n                {children}\n            </button>\n        </>\n    );\n};\n\nButton.propTypes = {\n    children: PropTypes.node,\n    type: PropTypes.string,\n    className: PropTypes.string,\n    disabled: PropTypes.bool,\n    onClick: PropTypes.func,\n};\n\nexport default Button;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport NewLogo from 'components/icons/NewLogo';\nimport 'stylesheets/page-title';\n\nconst PageTitle = ({ text, altText, children }) => {\n    return (\n        <div className=\"page-title\">\n            <NewLogo className=\"new-logo\" />\n            <div className=\"title-container\">\n                <h1 className=\"title-text\" alt={altText}>\n                    {text}\n                </h1>\n                {children}\n            </div>\n        </div>\n    );\n};\n\nPageTitle.propTypes = {\n    children: PropTypes.node,\n    text: PropTypes.string,\n    altText: PropTypes.string,\n};\n\nexport default PageTitle;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport logo from '../../../assets/images/logo.svg';\n\nconst Logo = ({ className }) => <img src={logo} className={className} alt=\"Logo\" />;\n\nLogo.propTypes = {\n    className: PropTypes.string,\n};\n\nexport default Logo;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport newlogo from '../../../assets/images/new logo.svg';\nconst NewLogo = ({ className }) => <img src={newlogo} className={className} alt=\"Logo\" />;\n\nNewLogo.propTypes = {\n    className: PropTypes.string,\n};\n\nexport default NewLogo;\n","import React, { useState, useRef, useEffect } from 'react';\nimport Logo from 'components/icons/Logo';\n\nimport 'stylesheets/header.scss';\n\nconst Header = () => {\n    const links = [\n        { id: 1, text: 'Events', href: '/meetups' },\n        { id: 2, text: 'Donate', href: 'https://buy.stripe.com/6oE7t874ReRc7gA9AN' },\n        { id: 3, text: 'Support us', href: '/sponsor-us' },\n        { id: 4, text: 'Join', href: '/join-us' },\n    ];\n\n    const [headerState, setHeaderState] = useState({\n        className: '',\n        isFixed: false,\n    });\n    const [heightHeader, setHeight] = useState(0);\n    const headerEl = useRef(null);\n\n    const [menuState, setMenuState] = useState({\n        className: '',\n        isOpen: false,\n    });\n\n    useEffect(() => {\n        setHeight(headerEl.current.clientHeight);\n    }, []);\n\n    const handleScroll = () => {\n        let isFixed = window.scrollY > heightHeader;\n        setHeaderState({ className: isFixed ? 'is-fixed' : '', isFixed: isFixed });\n    };\n\n    const setHandleScroll = () => {\n        window.addEventListener('scroll', handleScroll);\n\n        return () => window.removeEventListener('scroll', handleScroll);\n    };\n\n    useEffect(() => {\n        setMenuState({ ...menuState, className: menuState.isOpen ? ' is-mobile-menu-open' : '' });\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [menuState.isOpen]);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(setHandleScroll, []);\n\n    return (\n        <header className={`${headerState.className}${menuState.className}`} ref={headerEl}>\n            <div className=\"header\">\n                <div className=\"inner\">\n                    <div className=\"logo\">\n                        <a href=\"/\" alt=\"WNB-RB\" aria-label=\"return to home page\">\n                            <Logo className=\"wnb-logo\" />\n                        </a>\n                    </div>\n                    <nav className={`nav${menuState.className}`}>\n                        <div className=\"menu\">\n                            <ul>\n                                {links.map((val) => (\n                                    <li\n                                        key={`link-${val.id}`}\n                                        className={\n                                            location.pathname + location.search === val.href\n                                                ? 'is-active'\n                                                : undefined\n                                        }\n                                    >\n                                        <a href={val.href}>{val.text}</a>\n                                    </li>\n                                ))}\n                            </ul>\n                        </div>\n                    </nav>\n                </div>\n                <button\n                    className={`hamburger${menuState.className}`}\n                    aria-label=\"Menu\"\n                    type=\"button\"\n                    onClick={() => setMenuState({ ...menuState, isOpen: !menuState.isOpen })}\n                >\n                    <span className=\"bar\" />\n                    <span className=\"bar\" />\n                    <span className=\"bar\" />\n                </button>\n            </div>\n        </header>\n    );\n};\nexport default Header;\n","import React from 'react';\nimport Button from 'components/Button';\nimport 'stylesheets/footer.scss';\nimport footerlogo from '../../../assets/images/footerlogo.svg';\n\nconst Footer = () => (\n    <footer>\n        <div className=\"footer\">\n            <div className=\"first-div\">\n                <div className=\"footer-logo\">\n                    <img src={footerlogo} alt=\"footer-logo\" />\n                </div>\n                <div className=\"btns\">\n                    <Button type=\"primary\">\n                        <a\n                            href=\"mailto:organizers@wnb-rb.dev\"\n                            aria-label=\"Email\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                        >\n                            Want to know more? Send us an email\n                        </a>\n                    </Button>\n\n                    <a href=\"/join-us\">\n                        <Button type=\"primary\">Join WNB.rb</Button>\n                    </a>\n                </div>\n            </div>\n\n            <div className=\"second-div\">\n                <div className=\"footer-left\">\n                    <div className=\"footer-col\">\n                        <p className=\"footer-col-item footer-col-title font-syne\">Get Involved</p>\n                        <a className=\"footer-col-item\" href=\"/join-us\">\n                            Join WNB.rb\n                        </a>\n                        <a className=\"footer-col-item\" href=\"/sponsor-us\">\n                            Sponsor Us\n                        </a>\n                        <a\n                            className=\"footer-col-item\"\n                            href=\"https://buy.stripe.com/6oE7t874ReRc7gA9AN\"\n                        >\n                            Donate\n                        </a>\n                    </div>\n                    <div className=\"footer-col\">\n                        <p className=\"footer-col-item footer-col-title font-syne\">\n                            Community Guidelines\n                        </p>\n                        <a\n                            className=\"footer-col-item\"\n                            href=\"https://tinyurl.com/wnb-rb-coc\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                        >\n                            Code of Conduct\n                        </a>\n                        <a\n                            className=\"footer-col-item\"\n                            href=\"https://tinyurl.com/wnb-rb-slack-guidelines\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                        >\n                            Slack Guidelines\n                        </a>\n                    </div>\n                    <div className=\"footer-col\">\n                        <p className=\"footer-col-item footer-col-title font-syne\">Resources</p>\n                        <a className=\"footer-col-item\" href=\"/meetups\">\n                            Meetups\n                        </a>\n                    </div>\n                </div>\n\n                <div className=\"footer-right\">\n                    <div className=\"social-links\">\n                        <a\n                            href=\"mailto:organizers@wnb-rb.dev\"\n                            aria-label=\"Email\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                        >\n                            <i className=\"bi bi-envelope-fill\"></i>\n                        </a>\n                        <a\n                            href=\"https://ruby.social/@wnb_rb\"\n                            aria-label=\"Mastodon\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                        >\n                            <i className=\"bi bi-mastodon\"></i>\n                        </a>\n                        <a\n                            href=\"https://github.com/wnbrb\"\n                            aria-label=\"Github\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                        >\n                            <i className=\"bi bi-github\"></i>\n                        </a>\n                        <a\n                            href=\"https://www.linkedin.com/company/wnb-rb\"\n                            aria-label=\"LinkedIn\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                        >\n                            <i className=\"bi bi-linkedin\"></i>\n                        </a>\n                    </div>\n                    <p>\n                        <span>Designed by </span>\n                        <a\n                            href=\"https://www.beflagrant.com/\"\n                            style={{ textDecoration: 'underline' }}\n                        >\n                            Flagrant\n                        </a>\n                    </p>\n                    <p className=\"made-with-love\">\n                        Made with{' '}\n                        <span role=\"img\" aria-label=\"heart\">\n                            ❤️\n                        </span>{' '}\n                        by WNB.rb community members.\n                    </p>\n                </div>\n            </div>\n        </div>\n    </footer>\n);\nexport default Footer;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from 'components/layout/Header';\nimport Footer from 'components/layout/Footer';\n\nconst SharedLayout = ({ children }) => (\n    <div className=\"flex flex-col h-full\">\n        <Header />\n        <main className=\"flex-1\">{children}</main>\n        <Footer />\n    </div>\n);\n\nSharedLayout.propTypes = {\n    children: PropTypes.node,\n};\n\nexport default SharedLayout;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport pin from '../../../assets/images/pin.svg';\n\nimport colors from '../../../assets/images/colors.svg';\n\nimport two from '../../../assets/images/two.jpg';\nimport three from '../../../assets/images/three.jpg';\n\nconst SplashBackground = ({ className }) => (\n    <div className={`grid grid-cols-2 gap-0 ${className}`}>\n        <div className=\"w-full bg-gray-200 flex items-center justify-center\">\n            <img src={two} alt=\"1\" className=\"object-cover w-full h-full\" />\n        </div>\n        <div className=\"w-full bg-gray-200 flex items-center justify-center\">\n            <img src={pin} alt=\"2\" className=\"object-cover w-full h-full\" />\n        </div>\n        <div className=\"w-full bg-gray-200 flex items-center justify-center\">\n            <img src={colors} alt=\"3\" className=\"object-cover w-full h-full\" />\n        </div>\n        <div className=\"w-full bg-gray-200 flex items-center justify-center\">\n            <img src={three} alt=\"4\" className=\"object-cover w-full h-full\" />\n        </div>\n    </div>\n);\n\nSplashBackground.propTypes = {\n    className: PropTypes.string,\n};\n\nexport default SplashBackground;\n","import React from 'react';\n\nconst JoinOurWelcomingCommunitySection = () => {\n    return (\n        <p>\n            Attend our monthly meetup or start up a conversation in Slack to begin interacting with\n            our community of over 800 women and non-binary Rubyists. Here at WNB.rb, we value safety\n            above all else; that is why we have a{' '}\n            <a href=\"https://tinyurl.com/wnb-rb-coc\" target=\"_blank\" rel=\"noopener noreferrer\">\n                code of conduct\n            </a>{' '}\n            to prevent gatekeeping and other unsavory behavior.\n        </p>\n    );\n};\n\nexport default JoinOurWelcomingCommunitySection;\n","import React from 'react';\n\nconst ExceedYourProfessionalGoalsSection = () => {\n    return (\n        <p>\n            Use our #jobs channel on Slack to find your next opportunity. Join our CFP working group\n            to have experienced speakers review your conference proposal. Learn new technical skills\n            at our meetup, and level up in your career. With support from the WNB.rb community, you\n            can set more ambitious goals than ever before!\n        </p>\n    );\n};\nexport default ExceedYourProfessionalGoalsSection;\n","import React from 'react';\n\nconst GiveSupportSection = () => {\n    return (\n        <p>\n            Whether you’re looking to mentor others or be mentored yourself, WNB.rb is ready for\n            you! Post in our #advice channel to get the perspective of someone who’s been in your\n            shoes, or jump into the #ruby-questions channel to help someone struggling with a\n            technical problem.\n        </p>\n    );\n};\nexport default GiveSupportSection;\n","import React from 'react';\nimport speak from '../../assets/images/speak.png';\nimport meet from '../../assets/images/meet.png';\nimport 'stylesheets/meetup';\n\nconst Meetspeak = () => {\n    return (\n        <>\n            <div className=\"meetspeak-layout\">\n                <div className=\"meet-card\">\n                    <img src={meet} alt=\"location\" />\n                    <h3 className=\"font-besley text-2xl font-bold mb-4 text-center\">Meetups</h3>\n                    <p className=\"mb-2\">\n                        <b>Our meetups</b> are held virtually on the last Tuesday of every month at{' '}\n                        <a\n                            href=\"https://dateful.com/convert/eastern-time-et?t=12pm\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                        >\n                            12 pm Eastern Time\n                        </a>{' '}\n                        <i className=\"bi bi-box-arrow-up-right\"></i>. The content is typically\n                        focused on Ruby or career-related topics, with 1-2 talks presented in a\n                        lecture-style format. Anyone who identifies as a woman or non-binary\n                        individual is welcome to attend. Fill in{' '}\n                        <a\n                            href=\"/join-us\"\n                            className=\"whitespace-nowrap font-medium hover:text-wnbrb-blue-navy\"\n                        >\n                            the Subscription form\n                        </a>{' '}\n                        to receive an invitation to the Google Group, which will opt you into\n                        calendar invites for upcoming meetups.\n                    </p>\n                </div>\n\n                <div className=\"speak-card\">\n                    <img src={speak} alt=\"speak\" />\n                    <h3 className=\"font-besley text-2xl font-bold mb-4 text-center\">\n                        Interested in speaking?\n                    </h3>\n                    {` We're constantly on the lookout for presenters, whether you're an experienced speaker or if this is\n                        your first time. Speaking at a WNB.rb meetup is an excellent opportunity to\n                        enhance your public speaking abilities. If you're interested in giving a\n                        talk, please provide your talk details via `}\n                    <a\n                        href=\"https://docs.google.com/forms/d/e/1FAIpQLSdmOJxLdSdy74mXYxsr6ZRRhTN95Yxnq2B6n5mhUoGkVmDUGA/viewform\"\n                        className=\"whitespace-nowrap font-medium hover:text-wnbrb-blue-navy\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                    >\n                        the Talk Proposal form\n                    </a>{' '}\n                    <i className=\"bi bi-box-arrow-up-right\"></i> or feel free to contact{' '}\n                    <i>Adrianna Chang</i> on the WNB.rb Slack for more information.\n                </div>\n            </div>\n        </>\n    );\n};\n\nexport default Meetspeak;\n","import React from 'react';\nimport Button from 'components/Button';\nimport four from '../../assets/images/four.jpg';\nimport 'stylesheets/hire';\n\nconst Hire = () => {\n    return (\n        <div className=\"hire-layout\">\n            <div className=\"hire w-100 md:w-1/2 flex-1 flex flex-col\">\n                <img className=\"hire-img\" src={four} alt=\"Hire-from-wnb-rb\" />\n                <h2 className=\"font-syne text-2xl font-bold mb-2 pt-4\">Hire from WNB.rb</h2>\n                <p className=\"font-noto text-base mb-8 grow\">\n                    Even if you aren&apos;t a sponsor, you can hire from our community by posting\n                    your open jobs on our job board.\n                </p>\n                <Button\n                    type=\"primary\"\n                    className=\"font-bold\"\n                    onClick={() => {\n                        window.open('mailto:sarah@wnb-rb.dev', '_blank', 'noopener noreferrer');\n                    }}\n                >\n                    Post a job\n                </Button>\n            </div>\n        </div>\n    );\n};\n\nexport default Hire;\n","import React from 'react';\nimport 'stylesheets/thankyou';\nimport mike from '../../assets/images/mike.png';\nimport Gusto from '../../assets/images/Gusto-logo.png';\n\nconst Thankyou = () => {\n    return (\n        <div className=\"thankyou\">\n            <h2>Thank you to our Sponsors</h2>\n            <p>\n                We are immensely grateful to our sponsors for their generous support and commitment.\n                Their invaluable contributions have been instrumental in helping us achieve our\n                goals and make a meaningful impact. Together, we are creating opportunities and\n                driving change, and we couldn’t have done it without their partnership.\n            </p>\n\n            <div className=\"sponsor\">\n                <div className=\"sponsor-1\">\n                    <img src={mike} alt=\"mike\" className=\"sponsor-image\" />\n\n                    <a\n                        href=\"https://mike.daless.io/\"\n                        className=\"link\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                    >\n                        <h1 className=\"font-bold font-besley text-2xl text-wnbrb-blue-navy\">\n                            Mike Dalessio\n                        </h1>\n                    </a>\n                </div>\n\n                <div className=\"sponsor-2\">\n                    <a\n                        href=\"https://gusto.com/\"\n                        className=\"link\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                    >\n                        <img src={Gusto} alt=\"Gusto-logo\" className=\"sponsor-image\" />\n                    </a>\n                </div>\n            </div>\n        </div>\n    );\n};\nexport default Thankyou;\n","import React from 'react';\nimport { Helmet } from 'react-helmet-async';\nimport { useState, useEffect } from 'react';\nimport SharedLayout from 'components/layout/SharedLayout';\nimport SplashBackground from 'components/icons/SplashBackground';\nimport Button from 'components/Button';\nimport PageTitle from 'components/PageTitle';\n\nimport fifth from '../../../assets/images/fifth.jpeg';\nimport Euruko2022 from '../../../assets/images/Euruko2022.jpeg';\nimport Berlin from '../../../assets/images/Berlin2023.jpeg';\n\nimport kaigi from '../../../assets/images/kaigi.jpeg';\nimport London2023 from '../../../assets/images/London2023.jpeg';\nimport Fatuma from '../../../assets/images/Fatuma1.jpg';\n\nimport line2 from '../../../assets/images/line2.svg';\nimport 'stylesheets/home';\nimport JoinOurWelcomingCommunitySection from '../home/JoinOurWelcomingCommunitySection';\nimport ExceedYourProfessionalGoalsSection from '../home/ExceedYourProfessionalGoalsSection';\nimport GiveSupportSection from '../home/GiveSupportSection';\nimport line from '../../../assets/images/line.svg';\nimport Meetspeak from '../MeetSpeak';\nimport Hire from '../Hire';\nimport Thankyou from '../Thankyou';\n\nconst Home = () => {\n    const [device, setDevice] = useState('desktop');\n    useEffect(() => {\n        const updateDevice = () => {\n            if (window.innerWidth <= 767) {\n                setDevice('mobile');\n            } else if (window.innerWidth > 767 && window.innerWidth <= 1023) {\n                setDevice('tablet');\n            } else {\n                setDevice('desktop');\n            }\n        };\n        window.addEventListener('resize', updateDevice);\n        updateDevice();\n        return () => window.removeEventListener('resize', updateDevice);\n    }, []);\n    const infoCardData = [\n        {\n            title: 'Join our welcoming community',\n            section: <JoinOurWelcomingCommunitySection />,\n            backgroundColor: 'bg-color-1',\n        },\n        {\n            title: 'Give support, and get it in return',\n            section: <GiveSupportSection />,\n            backgroundColor: 'bg-color-3',\n        },\n        {\n            title: 'Exceed your professional goals',\n            section: <ExceedYourProfessionalGoalsSection />,\n            backgroundColor: 'bg-color-2',\n        },\n\n        {\n            image: device === 'mobile' ? Fatuma : device === 'tablet' ? fifth : Euruko2022,\n        },\n        {\n            image: device === 'mobile' ? London2023 : device === 'tablet' ? kaigi : Berlin,\n        },\n    ];\n    return (\n        <>\n            <Helmet>\n                <title>WNB.rb: A Virtual Community for Women and Non-Binary Rubyists</title>\n            </Helmet>\n\n            <SharedLayout>\n                <section className=\"hero-container mt-2rem\">\n                    <div className=\"work-in-progress\">\n                        <h1 className=\"font-besley text-base md:text-lg lg:text-lg\">\n                            🚧 Website Redesign in Progress 🚧\n                        </h1>\n                        <p className=\"font-besley text-base\">\n                            You might spot old branding, broken links, or other inconsistencies.\n                            We&apos;re on it!\n                        </p>\n                    </div>\n                    <div className=\"hero\">\n                        <div className=\"splash-background\">\n                            <SplashBackground className=\"w-full\" />\n                        </div>\n                        <PageTitle text=\"Wnb.rb\" altText=\"Women and Non-Binary Rubyists\">\n                            <p className=\"mt-8 font-syne text-base font-semibold\">\n                                A virtual community for women & non-binary Rubyists.\n                            </p>\n\n                            <a href=\"/join-us\">\n                                <Button type=\"primary\" className=\"mt-3  font-bold\">\n                                    Join WNB.rb\n                                </Button>\n                            </a>\n                        </PageTitle>\n                    </div>\n                </section>\n\n                <div className=\"info\">\n                    <section className=\"info-layout\">\n                        <img src={line} className=\"line\" alt=\"horizontal line\" />\n                        <div className=\"info-card-section layout \">\n                            {infoCardData.map((card, index) => {\n                                return (\n                                    <div\n                                        key={index}\n                                        className={`info-card ${\n                                            card.backgroundColor ? card.backgroundColor : ''\n                                        }`}\n                                    >\n                                        {card.title && card.section && (\n                                            <>\n                                                <h2 className=\"text-xl font-bold font-syne\">\n                                                    {card.title}\n                                                </h2>\n                                                <div className=\"font-noto text-base\">\n                                                    {card.section}\n                                                </div>\n                                            </>\n                                        )}\n\n                                        {card.image && (\n                                            <img\n                                                src={card.image}\n                                                alt={`Card ${index + 1}`}\n                                                className={`info-card-image ${\n                                                    index === 1 ? 'second-card-image' : ''\n                                                }`}\n                                            />\n                                        )}\n                                    </div>\n                                );\n                            })}\n                        </div>\n                    </section>\n                    <img src={line2} className=\"line2\" alt=\"horizontal line\" />\n                </div>\n\n                <section className=\"meetspeak\">\n                    <Meetspeak />\n                </section>\n\n                <section>\n                    <Hire />\n                </section>\n\n                <section>\n                    <Thankyou />\n                </section>\n            </SharedLayout>\n        </>\n    );\n};\n\nexport default Home;\n","import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { HelmetProvider } from 'react-helmet-async';\nimport Home from 'components/pages/Home';\n\ndocument.addEventListener('DOMContentLoaded', () => {\n    const container = document.getElementById('root');\n    const root = createRoot(container);\n\n    root.render(\n        <HelmetProvider>\n            <Home />\n        </HelmetProvider>,\n    );\n});\n"],"names":["Button","children","type","className","disabled","onClick","buttonDisabled","setDisabled","React","PageTitle","text","altText","NewLogo","alt","Logo","src","logo","newlogo","Header","headerState","setHeaderState","useState","isFixed","heightHeader","setHeight","headerEl","useRef","menuState","setMenuState","isOpen","useEffect","current","clientHeight","handleScroll","window","scrollY","setHandleScroll","addEventListener","removeEventListener","ref","href","id","map","val","key","location","pathname","search","undefined","Footer","footerlogo","target","rel","style","textDecoration","role","SharedLayout","SplashBackground","two","pin","colors","three","JoinOurWelcomingCommunitySection","ExceedYourProfessionalGoalsSection","GiveSupportSection","Meetspeak","meet","speak","Hire","four","open","Thankyou","mike","Gusto","Home","device","setDevice","updateDevice","innerWidth","infoCardData","title","section","backgroundColor","image","Fatuma","fifth","Euruko2022","London2023","kaigi","Berlin","Helmet","line","card","index","line2","document","container","getElementById","createRoot","render","HelmetProvider"],"sourceRoot":""}