{"version":3,"file":"static/chunks/pages/get-involved-77396d1664c0e020.js","mappings":"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","sources":["webpack://_N_E/?cae5","webpack://_N_E/./src/components/ui/input.js","webpack://_N_E/./src/components/ui/submit-button.js","webpack://_N_E/./src/components/pages/contact/contact-form.js","webpack://_N_E/./src/pages/get-involved.js","webpack://_N_E/./src/utils/seo.js"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/get-involved\",\n      function () {\n        return require(\"private-next-pages/get-involved.js\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/get-involved\"])\n      });\n    }\n  ","import React from \"react\";\n\nconst Input = React.forwardRef(\n  (\n    {\n      className = \"block w-full\",\n      labelKey,\n      name,\n      errorKey,\n      placeholderKey,\n      variant = \"normal\",\n      shadow = false,\n      type = \"text\",\n      inputClassName,\n      setError,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <div className=\"w-full\">\n        {labelKey && (\n          <label\n            htmlFor={name}\n            className={`block text-body font-roboto font-normal text-sm leading-none mb-2`}\n          >\n            {labelKey}\n          </label>\n        )}\n        <input\n          id={name}\n          name={name}\n          type={type}\n          ref={ref}\n          // @ts-ignore\n          placeholder={placeholderKey}\n          className={\n            \"w-full shrink-0 lg:py-3 py-2 placeholder:text-body text-sm focus:outline-none outline-none text-body border-b-[1.5px] border-body\"\n          }\n          autoComplete=\"off\"\n          spellCheck=\"false\"\n          aria-invalid={errorKey ? \"true\" : \"false\"}\n          {...rest}\n        />\n        {errorKey && <p className=\"my-2 text-xs text-red-500\">{errorKey}</p>}\n      </div>\n    );\n  }\n);\nInput.displayName = \"Input\";\nexport default Input;\n","import React from \"react\";\nimport cn from \"classnames\";\nimport Image from \"next/image\";\nexport default function SubmitButton({\n  className,\n  icon = true,\n  variant = \"blue\",\n  text = \"Read More\",\n  link = \"#\",\n  anchor = false,\n  type = \"button\",\n}) {\n  return (\n    <button type=\"submit\" className={`relative w-fit group ${className}`}>\n      <div\n        className={cn(\n          {\n            \"border-darkBlue bg-darkBlue hover:bg-lightBlue hover:border-lightBlue\":\n              variant == \"blue\",\n            \"border-white bg-teal\": variant == \"white\",\n            \"border-white bg-body\": variant == \"whiteBody\",\n            \"border-body bg-yellow\": variant == \"body\",\n          },\n          `rounded-full w-fit px-11 py-3 flex items-center justify-center gap-2 z-[1] relative border-[1px] transition-all duration-300 ease`\n        )}\n      >\n        <p\n          className={cn(\n            {\n              \"text-white\":\n                variant == \"blue\" ||\n                variant == \"white\" ||\n                variant == \"whiteBody\",\n              \"text-body\": variant == \"body\",\n            },\n            \"text-[14px] font-roboto font-medium\"\n          )}\n        >\n          {text}\n        </p>\n        {icon && (\n          <div className=\"w-4 h-4 relative\">\n            <Image\n              src={\"/images/icons/right-arrow.svg\"}\n              alt={\"email icon\"}\n              fill\n              className=\"object-contain object-left\"\n              quality={100}\n              priority={true}\n              sizes=\"(max-width: 479px) 100px,(max-width: 768px) 100px, (max-width: 1200px) 100px,(max-width: 1920px) 100px, 100px\"\n            />\n          </div>\n        )}\n      </div>\n    </button>\n  );\n}\n","import { useForm } from \"react-hook-form\";\nimport Input from \"@/components/ui/input\";\nimport SubmitButton from \"@/components/ui/submit-button\";\nimport MailchimpSubscribe from \"react-mailchimp-subscribe\";\nimport { useEffect, useState } from \"react\";\nimport Image from \"next/image\";\nconst ContactForm = ({ status, message, onValidated }) => {\n  const [show, setShow] = useState(false);\n  const [processing, setProcessing] = useState(false);\n  const {\n    register,\n    handleSubmit,\n    formState: { errors },\n    setValue,\n    reset,\n  } = useForm();\n  function onSubmit(data) {\n    setProcessing(true);\n    data.email &&\n      data.name &&\n      data.email.indexOf(\"@\") > -1 &&\n      onValidated({\n        MERGE0: data.email,\n        MERGE1: data.name,\n        MERGE2: data.nationality,\n        MERGE3: data.organisation,\n        MERGE5: data.designation,\n        MERGE6: data.message,\n      });\n  }\n\n  useEffect(() => {\n    if (status === \"success\") {\n      clearFields();\n      setProcessing(false);\n    } else {\n      setProcessing(false);\n    }\n  }, [status]);\n\n  const clearFields = () => {\n    reset();\n  };\n  return (\n    <div className=\"flex flex-col w-full bg-white\">\n      <h2 className=\"text-blue\">Get Involved</h2>\n      {/* <div className=\"grid grid-cols-1 lg:grid-cols-2 auto-rows-auto w-full mt-4 gap-4\">\n        <IconBox icon=\"/images/icons/location.svg\">\n          <p className=\"text-sm\">3206 10th Street NE, Washington, DC 20017</p>\n        </IconBox>\n        <IconBox icon=\"/images/icons/email.svg\">\n          <a\n            className=\"text-sm hover:text-blue hover:underline transition-all duration-300 ease\"\n            href=\"mailto:info@peoplescourageinternational.org\"\n          >\n            info@peoplescourageinternational.org\n          </a>\n        </IconBox>\n      </div> */}\n      <form\n        className=\"flex md:flex-row flex-col w-full lg:mt-0 mt-8\"\n        onSubmit={handleSubmit(onSubmit)}\n        noValidate\n      >\n        <div className=\"w-full flex flex-col h-full justify-start shrink-0\">\n          {status === \"error\" && (\n            <div\n              className=\"rounded md:p-12 px-4 py-8 md:text-base font-medium text-center text-red-500 text-red text-sm w-full mt-8 border-dashed border-[1px] border-red-500\"\n              dangerouslySetInnerHTML={{ __html: message }}\n            />\n          )}\n          {status === \"success\" && (\n            <div\n              className=\"text-center text-darkBlue text-sm w-full border-dashed border-[1px] border-darkBlue mt-8 rounded md:p-12 px-4 py-8 md:text-base font-medium\"\n              dangerouslySetInnerHTML={{\n                __html: \"Thank you for reaching out!\",\n              }}\n            />\n          )}\n          {status !== \"success\" && status !== \"error\" && (\n            <>\n              <div className=\"w-full flex md:flex-row flex-col lg:gap-6 md:gap-8 gap-6 my-3\">\n                <Input\n                  placeholder=\"Name*\"\n                  type=\"text\"\n                  variant=\"solid\"\n                  {...register(\"name\", {\n                    required: \"Please provide your full name.\",\n                  })}\n                  errorKey={errors.name?.message}\n                />\n                <Input\n                  placeholder=\"Email*\"\n                  type=\"email\"\n                  variant=\"solid\"\n                  className=\"mb-4\"\n                  {...register(\"email\", {\n                    required: `${\"Please provide your email address\"}`,\n                    pattern: {\n                      value:\n                        /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/,\n                      message: \"Please provide a valid email address\",\n                    },\n                  })}\n                  errorKey={errors.email?.message}\n                />\n              </div>\n              <div className=\"w-full flex md:flex-row flex-col lg:gap-6 md:gap-8 gap-6 my-3\">\n                <Input\n                  placeholder=\"Nationality*\"\n                  type=\"text\"\n                  variant=\"solid\"\n                  {...register(\"nationality\", {\n                    required: `${\"Please provide your nationality\"}`,\n                  })}\n                  errorKey={errors.nationality?.message}\n                />\n                <Input\n                  placeholder=\"Organisation*\"\n                  type=\"text\"\n                  variant=\"solid\"\n                  {...register(\"organisation\", {\n                    required: \"Please provide your organisation name.\",\n                  })}\n                  errorKey={errors.organisation?.message}\n                />\n              </div>\n              <div className=\"w-full flex md:flex-row flex-col lg:gap-6 md:gap-8 gap-6 my-3\">\n                <Input\n                  placeholder=\"Designation*\"\n                  type=\"text\"\n                  variant=\"solid\"\n                  {...register(\"designation\", {\n                    required: \"Please provide your designation.\",\n                  })}\n                  errorKey={errors.designation?.message}\n                />\n                <Input\n                  placeholder=\"Message*\"\n                  type=\"text\"\n                  variant=\"solid\"\n                  {...register(\"message\", {\n                    required: \"Please provide your message.\",\n                  })}\n                  errorKey={errors.message?.message}\n                />\n              </div>\n\n              <SubmitButton\n                variant=\"blue\"\n                text={status === \"sending\" ? \"Sending...\" : `Submit`}\n                className={\"mt-5 mx-auto\"}\n                icon={false}\n              />\n            </>\n          )}\n        </div>\n      </form>\n    </div>\n  );\n};\nconst ContactUs = (props) => {\n  const url = `https://peoplescourageinternational.us8.list-manage.com/subscribe/post?u=91a80e0587f7135ac1a8f6055&id=ea161fdd64`;\n\n  return (\n    <div className=\"w-full z-[1] \">\n      <MailchimpSubscribe\n        url={url}\n        render={({ subscribe, status, message }) => (\n          <ContactForm\n            status={status}\n            message={message}\n            onValidated={(formData) => subscribe(formData)}\n          />\n        )}\n      />\n    </div>\n  );\n};\nconst IconBox = ({ children, icon }) => {\n  return (\n    <div className=\"flex flex-row items-center w-full gap-2\">\n      <div className=\"h-20 w-20 rounded-2xl flex flex-row shrink-0 justify-center items-center bg-[#F4F9FF] border-[#F4F9FF] transition-all duration-300 ease relative\">\n        <Image\n          src={icon}\n          alt={\"icon\"}\n          fill\n          className=\"object-contain object-center w-full p-6\"\n          sizes=\"(max-width: 479px) 200px,(max-width: 768px) 200px, (max-width: 1200px) 200px,(max-width: 1920px) 200px, 200px \"\n        />\n      </div>\n      {children}\n    </div>\n  );\n};\n\nexport default ContactUs;\n","import React from \"react\";\nimport Image from \"next/image\";\nimport ContactUs from \"@/components/pages/contact/contact-form\";\nimport Section from \"@/components/ui/section\";\nimport Seo from \"@/utils/seo\";\nimport Head from \"next/head\";\n\nimport LottiePlayerLight from \"react-lottie-player/dist/LottiePlayerLight\";\nimport ContactAnimation from \"../../public/animations/Animation - 1723883806646.json\";\n\nexport default function ContactUsPage() {\n  const seo = {\n    slug: \"/get-involved\",\n    metaTitle:\n      \"Charity Organization in USA | Contact Us | People’s Courage International\",\n    metaDescription:\n      \"We'd love to hear from you! Contact us to learn how you can be a part of our community and support our mission.\",\n  };\n  const jsonLd = {\n    \"@context\": \"http://www.schema.org\",\n    \"@type\": \"Organization\",\n    name: \"People’s Courage International\",\n    description:\n      \"People’s Courage International is a USA-based not-for-profit organization. Join our charity and help us provide critical support to those in need around the world.\",\n    address: {\n      \"@type\": \"PostalAddress\",\n      streetAddress: \"3206 10th Street NE, Washington\",\n      addressLocality: \"DC\",\n      postalCode: \"20017\",\n      addressCountry: \"USA\",\n    },\n    contactPoint: {\n      \"@type\": \"ContactPoint\",\n      telephone: \"+1202-573-8727\",\n      contactType: \"customer support\",\n    },\n  };\n\n  return (\n    <>\n      <Seo seo={seo} />\n      <Head>\n        <script\n          type=\"application/ld+json\"\n          dangerouslySetInnerHTML={{\n            __html: JSON.stringify(jsonLd),\n          }}\n        />\n      </Head>\n      <Section variant=\"flat\" className=\"min-h-[calc(100vh-136px)]\">\n        <div className=\"flex lg:flex-row flex-col lg:gap-12 gap-6 w-full lg:py-12\">\n          <div className=\"relative lg:w-[400px] lg:h-[400px] md:w-full md:h-[250px] w-full h-[200px] shrink-0 rounded-2xl overflow-hidden\">\n            <Image\n              src={\"/images/contact/GET INVOLVED.webp\"}\n              alt={\"contact-banner\"}\n              fill\n              priority={true}\n              className=\"object-cover object-center w-full\"\n              sizes=\"(max-width: 479px) 479px,(max-width: 768px) 768px, (max-width: 1200px) 1200px,(max-width: 1920px) 1920px, 1000px\"\n            />\n          </div>\n\n          <ContactUs />\n        </div>\n      </Section>\n      {/* <Section className=\"bg-[#F5F5F5] overflow-hidden\" variant=\"flat\">\n        <div className=\"flex md:flex-row flex-col-reverse items-center w-full justify-between lg:max-w-[1200px] mx-auto\">\n          <div className=\"flex flex-col w-fit gap-8 shrink-0 md:pb-0 pb-8\">\n            <div className=\"flex flex-col items-start justfify-start gap-2\">\n              <p className=\"text-body lg:text-[20px] text-base font-medium\">\n                Address\n              </p>\n              <p className=\"text-text\">\n                3206 10th Street NE, Washington, DC 20017\n              </p>\n            </div>\n            <div className=\"flex flex-col items-start justfify-start gap-2\">\n              <p className=\"text-body lg:text-[20px] text-base font-medium\">\n                Email\n              </p>\n              <a\n                className=\"text-text\"\n                href=\"mailto:info@peoplescourageinternational.org\"\n              >\n                info@peoplescourageinternational.org\n              </a>\n            </div>\n          </div>\n          <div className=\"shrink-0 group flex justify-start items-start relative overflow-hidden lg:h-[350px] md:h-[200px] h-[200px] lg:w-[600px] md:w-[400px] w-full\">\n            <LottiePlayerLight loop animationData={ContactAnimation} play />\n          </div>\n        </div>\n      </Section> */}\n    </>\n  );\n}\n","import React from \"react\";\nimport { NextSeo } from \"next-seo\";\nexport default function Seo({ seo }) {\n  const {\n    slug,\n    metaTitle = \"People’s Courage International | Non-Profit Charity Organizations in USA\",\n    metaDescription = \"People’s Courage International is a USA-based not-for-profit organization. Join our charity and help us provide critical support to those in need around the world.\",\n    metaImage = \"https://peoplescourageinternational.org/images/pci-logo-512x512.webp\",\n  } = seo;\n  return (\n    <NextSeo\n      title={metaTitle}\n      description={metaDescription}\n      url={`https://peoplescourageinternational.org/${slug}`}\n      canonical={`https://peoplescourageinternational.org/${slug}`}\n      openGraph={{\n        type: \"website\",\n        locale: \"en_IE\",\n        site_name: \"People’s Courage International\",\n        url: `https://peoplescourageinternational.org/${slug}`,\n        title: metaTitle,\n        description: metaDescription,\n        images: [\n          {\n            url: metaImage,\n            width: 140,\n            height: 140,\n            alt: \"People’s Courage International\",\n          },\n        ],\n      }}\n    />\n  );\n}\n"],"names":["window","__NEXT_P","push","__webpack_require__","Input","React","param","ref","className","labelKey","name","errorKey","placeholderKey","variant","shadow","type","inputClassName","setError","rest","jsx_runtime","jsxs","div","jsx","label","htmlFor","input","id","placeholder","autoComplete","spellCheck","aria-invalid","p","displayName","SubmitButton","icon","text","link","anchor","button","concat","cn","Image","src","alt","fill","quality","priority","sizes","ContactForm","errors","status","message","onValidated","show","setShow","useState","processing","setProcessing","register","handleSubmit","formState","setValue","reset","useForm","useEffect","clearFields","h2","form","onSubmit","data","email","indexOf","MERGE0","MERGE1","MERGE2","nationality","MERGE3","organisation","MERGE5","designation","MERGE6","noValidate","dangerouslySetInnerHTML","__html","Fragment","required","pattern","value","contact_form","MailchimpSubscribe","url","render","subscribe","formData","ContactUsPage","Seo","seo","slug","metaTitle","metaDescription","Head","script","JSON","stringify","description","address","streetAddress","addressLocality","postalCode","addressCountry","contactPoint","telephone","contactType","Section","ContactUs","metaImage","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","NextSeo","title","canonical","openGraph","locale","site_name","images","width","height"],"sourceRoot":""}