{"version":3,"sources":["webpack:///./src/components/shared/CenterTextSection/CenterTextSection.tsx","webpack:///./src/components/shared/HeroSection/HeroSection.tsx","webpack:///./src/templates/VolunteerPage.tsx","webpack:///./src/components/shared/JoinUs/JoinUs.tsx"],"names":["CenterTextSection","props","className","Lines","rehypePlugins","rehypeRaw","centerTextSectionTitle","centerTextSectionContent","centerTextSectionButtonLink","href","target","rel","Button","children","centerTextSectionButtonText","centerTextSectionButtonLinkSecond","to","centerTextSectionButtonTextSecond","HeroSection","heroTitle","heroSubtitle","heroBackgroundImage","heroBackgroundImageDesktop","heroBackgroundImageAlt","heroButtonText","heroButtonLink","heroButtonShow","heroLinks","featuredButtonLink","fontMedium","centerContentVertically","BackgroundImage","image","imageDesktop","alt","style","height","classNameChild","lineHeight","map","heroLink","path","key","displayName","SpeakersPageTemplate","background","joinUsTitle","meetUsTitle","joinUsSubtitle","meetUsContent","joinUsImage","meetUsImage","joinUsImageDesktop","meetUsImageDesktop","joinUsGetToKnowOurTeamText","meetUsButtonText","joinUsGetToKnowOurTeamLink","meetUsButtonLink","backgroundColor","variant","NewsletterVariant","white","newsletterTitle","volunteerNewsletterTitle","newsletterMessage2","volunteerNewsletterContent","newsletterBackgroundImage","newsletterBackgroundImageDesktop","VolunteerPage","pageContext","JoinUs","joinUsVolunteerText","joinUsVolunteerLink","joinUsBecomeSpeakerText","joinUsBecomeSpeakerLink","onlyHorizontal","colorRight","ButtonVariant","filledRedWithBG","width","fluid"],"mappings":"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","file":"component---src-templates-volunteer-page-tsx-29556d7a25567e257eb2.js","sourcesContent":["import React from \"react\";\nimport rehypeRaw from \"rehype-raw\";\nimport ReactMarkdown from \"react-markdown\";\nimport {Button, ButtonVariant} from \"../Button\";\nimport \"./CenterTextSection.styled.css\";\nimport { Link } from \"gatsby\";\nimport {Lines} from \"../../Lines/Lines\";\n\nexport interface CenterTextSectionProps {\n    centerTextSectionTitle: string;\n    centerTextSectionContent: string;\n    centerTextSectionButtonLink: string;\n    centerTextSectionButtonText: string;\n    centerTextSectionButtonLinkSecond?: string;\n    centerTextSectionButtonTextSecond?: string;\n    background?: string;\n}\n\nexport const CenterTextSection = (props : CenterTextSectionProps) => {\n    return <div className=\"main-grid-full-span bg-customLightGrey relative\">\n        <Lines />\n        <div className=\"main-grid centerTextSection pt-14 pb-14\">\n            <ReactMarkdown rehypePlugins={[rehypeRaw]} className=\"mt-10 centerText text-2xl md:text-3xl font-bold z-10\">\n                {props.centerTextSectionTitle}\n            </ReactMarkdown>\n            <ReactMarkdown rehypePlugins={[rehypeRaw]} className=\"mt-6 centerText-70 z-10\">\n                {props.centerTextSectionContent}\n            </ReactMarkdown>\n            {props.centerTextSectionButtonLink &&\n                <div className=\"col-start-3 col-end-6\">text-2xl md:text-3xl\n                    <a href={props.centerTextSectionButtonLink} target=\"_blank\" rel=\"noopener noreferrer\">\n                        <Button children={<span>{props.centerTextSectionButtonText}</span>} className=\"mt-10 hover:bg-white hover:text-customRed\"/>\n                    </a>\n                    {props.centerTextSectionButtonLinkSecond &&\n                    <Link to={props.centerTextSectionButtonLinkSecond} className=\"text-customRed font-bold hover:opacity-50 mt-5 ml-10\">\n                      <span className=\"my-auto\">\n                          {props.centerTextSectionButtonTextSecond}\n                      </span>\n                    </Link>}\n                </div>\n            }\n        </div>\n    </div>\n};\n","import React from \"react\";\nimport { HeroSectionProps } from \"./HeroSection.types\";\nimport { BackgroundImage } from \"@/components/shared/BackgroundImage\";\nimport { Button } from \"@/components/shared/Button\";\nimport { HiMenuAlt2 } from \"react-icons/hi\";\nimport { Link } from \"gatsby\";\nimport rehypeRaw from \"rehype-raw\";\nimport ReactMarkdown from \"react-markdown\";\n\nexport const HeroSection = ({\n  heroTitle,\n  heroSubtitle,\n  heroBackgroundImage,\n  heroBackgroundImageDesktop,\n  heroBackgroundImageAlt,\n  heroButtonText,\n  heroButtonLink,\n  heroButtonShow,\n  heroLinks,\n  featuredButtonLink,\n  fontMedium,\n  centerContentVertically,\n}: HeroSectionProps) => {\n  return (\n    <div className=\"main-grid-full-span\">\n      <BackgroundImage\n        image={heroBackgroundImage}\n        imageDesktop={heroBackgroundImageDesktop}\n        alt={heroBackgroundImageAlt}\n        style={{ height: \"40rem\" }}\n        classNameChild={`left-gradient flex flex-col ${\n          centerContentVertically ? \"justify-center\" : \"justify-end\"\n        } justify-end md:justify-center`}\n      >\n        <div className=\"main-grid\">\n          <div className=\"flex flex-col\">\n            <div\n              className={`text-white  text-3xl  mb-7 w-4/5 md:w-1/2 ${\n                fontMedium ? \"\" : \"md:text-5xl font-bold\"\n              }`}\n            >\n              <ReactMarkdown rehypePlugins={[rehypeRaw]}>\n                {heroTitle}\n              </ReactMarkdown>\n            </div>\n            {heroSubtitle && (\n              <p\n                className=\"text-white text-sm md:text-lg md:font-light mb-10 md:mb-7 w-4/5 md:w-1/2\"\n                style={{ lineHeight: \"30px\" }}\n              >\n                {heroSubtitle}\n              </p>\n            )}\n\n            <div className=\"flex flex-col md:flex-row md:align-center md:space-x-5\">\n              {heroButtonText && (heroButtonShow ?? true) && (\n                <Link to={heroButtonLink} className=\"mb-5 md:mb-0\">\n                  <Button className={\"hover:bg-white hover:text-customRed\"}>\n                    {heroButtonText}\n                  </Button>\n                </Link>\n              )}\n              {heroLinks?.map((heroLink) => (\n                <a\n                  href={heroLink.path}\n                  className=\"text-white flex hover:opacity-50 mb-10 md:mb-0 items-center\"\n                  key={heroLink.displayName}\n                >\n                  <span className=\"my-auto flex items-center\">\n                    {heroLink.displayName + \" ->\"}\n                  </span>\n                </a>\n              ))}\n              {featuredButtonLink && (\n                <div className=\"text-customRed font-medium flex flex-row items-center hover:text-white mb-10 md:mb-0\">\n                  <Link to={featuredButtonLink}>\n                    <span>\n                      Read more <HiMenuAlt2 className=\"inline w-6 h-6\" />\n                    </span>\n                  </Link>\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </BackgroundImage>\n    </div>\n  );\n};\n","import React from \"react\";\nimport { Page } from \"./Page\";\nimport { FluidObject } from \"gatsby-image\";\nimport { HeroSection } from \"@/components/shared/HeroSection\";\nimport {\n  CenterTextSection,\n  CenterTextSectionProps,\n} from \"../components/shared/CenterTextSection\";\nimport {\n  Newsletter,\n  NewsletterProps,\n  NewsletterVariant,\n} from \"../components/shared/Newsletter\";\nimport { JoinUs } from \"../components/shared/JoinUs\";\n\ninterface Props extends CenterTextSectionProps, NewsletterProps {\n  heroTitle: string;\n  heroBackgroundImage: FluidObject;\n  heroBackgroundImageDesktop: FluidObject;\n  heroBackgroundImageAlt: string;\n  volunteerNewsletterTitle: string;\n  volunteerNewsletterContent: string;\n  meetUsTitle: string;\n  meetUsContent: string;\n  meetUsImage: FluidObject;\n  meetUsImageDesktop: FluidObject;\n  meetUsImageAlt: string;\n  meetUsButtonText: string;\n  meetUsButtonLink: string;\n}\n\nexport const SpeakersPageTemplate = (props: Props) => (\n  <Page>\n    <HeroSection\n      heroTitle={props.heroTitle}\n      heroBackgroundImage={props.heroBackgroundImage}\n      heroBackgroundImageDesktop={props.heroBackgroundImageDesktop}\n      heroBackgroundImageAlt={props.heroBackgroundImageAlt}\n      centerContentVertically={true}\n    />\n    <CenterTextSection\n      centerTextSectionTitle={props.centerTextSectionTitle}\n      centerTextSectionContent={props.centerTextSectionContent}\n      centerTextSectionButtonLink={props.centerTextSectionButtonLink}\n      centerTextSectionButtonText={props.centerTextSectionButtonText}\n      background=\"grey\"\n    />\n    <JoinUs\n      joinUsTitle={props.meetUsTitle}\n      joinUsSubtitle={props.meetUsContent}\n      joinUsImage={props.meetUsImage}\n      joinUsImageDesktop={props.meetUsImageDesktop}\n      joinUsGetToKnowOurTeamText={props.meetUsButtonText}\n      joinUsGetToKnowOurTeamLink={props.meetUsButtonLink}\n      backgroundColor={\"bg-customWhite\"}\n    />\n    <Newsletter\n      variant={NewsletterVariant.white}\n      newsletterTitle={props.volunteerNewsletterTitle}\n      newsletterMessage2={props.volunteerNewsletterContent}\n      newsletterBackgroundImage={props.newsletterBackgroundImage}\n      newsletterBackgroundImageDesktop={props.newsletterBackgroundImageDesktop}\n    />\n  </Page>\n);\n\nconst VolunteerPage = ({ pageContext }) => {\n  return <SpeakersPageTemplate {...pageContext.props} />;\n};\n\nexport default VolunteerPage;\n","import React from \"react\";\nimport Img, { FluidObject } from \"gatsby-image\";\nimport \"./JoinUs.styled.css\";\nimport { Button, ButtonVariant } from \"@/components/shared/Button\";\nimport { Link } from \"gatsby\";\nimport rehypeRaw from \"rehype-raw\";\nimport ReactMarkdown from \"react-markdown\";\nimport {Lines} from \"../../Lines/Lines\";\nexport interface JoinUsProps {\n  joinUsTitle: string;\n  joinUsSubtitle: string;\n  joinUsImage: FluidObject;\n  joinUsImageDesktop: FluidObject;\n  joinUsVolunteerText?: string;\n  joinUsVolunteerLink?: string;\n  joinUsGetToKnowOurTeamText?: string;\n  joinUsGetToKnowOurTeamLink?: string;\n  joinUsBecomeSpeakerText?: string;\n  joinUsBecomeSpeakerLink?: string;\n  backgroundColor?:string;\n}\n\nexport const JoinUs = ({\n  joinUsTitle,\n  joinUsSubtitle,\n  joinUsImage,\n  joinUsImageDesktop,\n  joinUsVolunteerText,\n  joinUsVolunteerLink,\n  joinUsGetToKnowOurTeamText,\n  joinUsGetToKnowOurTeamLink,\n  joinUsBecomeSpeakerText,\n  joinUsBecomeSpeakerLink,\n  backgroundColor\n}: JoinUsProps) => (\n  <div className={`${backgroundColor ? backgroundColor : 'bg-customLightGrey'} main-grid-full-span relative`}>\n    <Lines onlyHorizontal={true} colorRight={'#ffffff1a'}/>\n    <div className=\"seamless-grid join-us-section-content z-10\">\n      <div className=\"flex items-center join-us-section-left\">\n        <div className=\"pr-20 py-10 z-10\">\n          <h2 className=\"font-medium\"><ReactMarkdown rehypePlugins={[rehypeRaw]}>{joinUsTitle}</ReactMarkdown></h2>\n          <p className=\"my-5\">{joinUsSubtitle}</p>\n          {joinUsVolunteerText && <Link\n            to={joinUsVolunteerLink}\n          >\n            <Button className=\"my-7 hover:bg-white hover:text-customRed\" variant={ButtonVariant.filledRedWithBG}>\n              {joinUsVolunteerText}\n            </Button>\n          </Link>}\n          <Link\n            to={joinUsGetToKnowOurTeamLink}\n            className=\"text-customRed flex hover:opacity-50 items-center mb-5\"\n            style={{ width: \"fit-content\" }}\n          >\n            <span className=\"my-auto flex items-center\">\n              {joinUsGetToKnowOurTeamText}\n            </span>\n          </Link>\n          {joinUsBecomeSpeakerLink && <Link\n            to={joinUsBecomeSpeakerLink}\n            className=\"text-customRed flex hover:opacity-50 items-center\"\n            style={{ width: \"fit-content\" }}\n          >\n            <span className=\"my-auto flex items-center\">\n              {joinUsBecomeSpeakerText}\n            </span>\n          </Link>}\n        </div>\n      </div>\n      <div className=\"join-us-section-right\">\n        <Img\n          className=\"w-full h-full md:hidden\"\n          fluid={joinUsImage}\n          alt=\"Join us image\"\n        />\n        <Img\n          className=\"w-full h-full hidden md:block\"\n          fluid={joinUsImageDesktop}\n          alt=\"Join us image\"\n        />\n      </div>\n    </div>\n  </div>\n);\n"],"sourceRoot":""}