{"version":3,"file":"static/chunks/pages/climate-change-e5a9bcae7383e664.js","mappings":"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","sources":["webpack://_N_E/?cb9a","webpack://_N_E/./src/components/pages/initiatives/divider.js","webpack://_N_E/./src/components/ui/carousel/slick.js","webpack://_N_E/./src/components/pages/cri/case-stories.js","webpack://_N_E/./src/components/ui/logistics.js","webpack://_N_E/./src/pages/climate-change.js"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/climate-change\",\n      function () {\n        return require(\"private-next-pages/climate-change.js\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/climate-change\"])\n      });\n    }\n  ","import React from \"react\";\nimport Image from \"next/image\";\nexport default function Divider({ description }) {\n  return (\n    <div className=\"w-full relative mt-20 flex flex-col items-center justify-center\">\n      <div className=\"relative w-full lg:h-[80vh] md:h-[50vh] h-[400px] \">\n        <Image\n          src=\"/images/pwac/content-bg-new.webp\"\n          alt=\"Address issue\"\n          fill\n          className=\"object-cover object-center\"\n          sizes=\"(max-width: 479px) 479px,(max-width: 768px) 768px, (max-width: 1200px) 1200px,(max-width: 1920px) 1920px, 1000px\"\n        />\n      </div>\n\n      <div className=\"bg-black/20 absolute top-0 left-0 w-full h-full flex flex-col items-center justify-center lg:px-24 md:px-12 px-6 py-12\">\n        <p className=\"lg:text-lg text-white text-center lg:max-w-[800px] mx-auto\">\n          {description}\n        </p>\n      </div>\n    </div>\n  );\n}\n","import React, { useState } from \"react\";\nimport Slider from \"react-slick\";\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\nimport Image from \"next/image\";\nexport default function Slick({\n  children,\n  slidesToScroll = 1,\n  slidesToShow = 3,\n  dots = false,\n  infinite = true,\n  responsive,\n  navigation = true,\n  fade = false,\n  autoplay = true,\n  onSlideChange,\n}) {\n  let nextButtonClassName =\n    \"w-8 h-8 text-base lg:text-lg text-white flex items-center justify-center rounded-full bg-lightBlue shrink-0 transition duration-250 hover:bg-gray-300 hover:text-white focus:outline-none transform shadow-navigation\";\n\n  let prevButtonClassName =\n    \"w-8 h-8 text-base lg:text-lg text-white flex items-center justify-center rounded-full bg-lightBlue shrink-0 transition duration-250 hover:bg-gray-300 hover:text-white focus:outline-none transform shadow-navigation\";\n\n  const NextButton = ({ onClick }) => {\n    return (\n      <button\n        // ref={nextRef}\n        onClick={onClick}\n        className={nextButtonClassName}\n        aria-label=\"next-button\"\n      >\n        <div className=\"w-5 h-5 relative transition duration-300 ease-in-out transform group-hover:-rotate-180\">\n          <Image\n            src={\"/images/icons/chevron-right.svg\"}\n            alt={\"email icon\"}\n            fill\n            className=\"chevron 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        {/* <IoIosArrowForward /> */}\n      </button>\n    );\n  };\n  const PrevButton = ({ onClick }) => {\n    return (\n      <button\n        // ref={prevRef}\n        className={prevButtonClassName}\n        aria-label=\"prev-button\"\n        onClick={onClick}\n      >\n        <div className=\"w-5 h-5 relative transition duration-300 ease-in-out transform group-hover:-rotate-180\">\n          <Image\n            src={\"/images/icons/chevron-left.svg\"}\n            alt={\"email icon\"}\n            fill\n            className=\"chevron 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      </button>\n    );\n  };\n  const [slideIndex, setSlideIndex] = useState(0);\n  var settings = {\n    dots: dots,\n    infinite: infinite,\n    speed: 500,\n    slidesToShow: slidesToShow,\n    slidesToScroll: slidesToScroll,\n    nextArrow: navigation ? <NextButton /> : false,\n    prevArrow: navigation ? <PrevButton /> : false,\n    responsive: responsive,\n    lazyLoad: true,\n    dotsClass: \"slick-dots slick-thumb\",\n    swipeToSlide: true,\n    fade: fade,\n    autoplay: autoplay,\n    autoplaySpeed: 6000,\n    draggable: true,\n    accessibility: true,\n    beforeChange: (current, next) => {\n      setSlideIndex(next);\n      if (onSlideChange) onSlideChange(next); // Call the callback here\n    },\n    // cssEase: \"linear\",\n  };\n\n  return (\n    <div className=\"w-full\">\n      <Slider {...settings}>{children}</Slider>\n    </div>\n  );\n}\n","import Section from \"@/components/ui/section\";\nimport React from \"react\";\nimport Image from \"next/image\";\nimport Slick from \"@/components/ui/carousel/slick\";\nexport default function CaseStories() {\n  const data = [\n    {\n      title: \"Lorem ipsum dolor sit amet\",\n      image: \"/images/home/home_banner_02.webp\",\n      description:\n        \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum odio id bibendum sollicitudin. Nulla finibus sed ante non semper. Aliquam in enim euismod, sollicitudin sem facilisis, vestibulum velit. Quisque tellus sem\",\n    },\n    {\n      title: \"Lorem ipsum dolor sit amet\",\n      image: \"/images/home/home_banner_02.webp\",\n      description:\n        \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum odio id bibendum sollicitudin. Nulla finibus sed ante non semper. Aliquam in enim euismod, sollicitudin sem facilisis, vestibulum velit. Quisque tellus sem\",\n    },\n    {\n      title: \"Lorem ipsum dolor sit amet\",\n      image: \"/images/home/home_banner_02.webp\",\n      description:\n        \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum odio id bibendum sollicitudin. Nulla finibus sed ante non semper. Aliquam in enim euismod, sollicitudin sem facilisis, vestibulum velit. Quisque tellus sem\",\n    },\n  ];\n  var responsive = [\n    {\n      breakpoint: 1280,\n      settings: {\n        slidesToShow: 1,\n      },\n    },\n    {\n      breakpoint: 991,\n      settings: {\n        slidesToShow: 1,\n      },\n    },\n    {\n      breakpoint: 768,\n      settings: {\n        slidesToShow: 1,\n      },\n    },\n    {\n      breakpoint: 479,\n      settings: {\n        slidesToShow: 1,\n      },\n    },\n  ];\n\n  return (\n    <Section className=\"mb-12\">\n      <h2 className=\"text-blue text-center lg:mb-12 mb-8\">\n        Stories of people we serve\n      </h2>\n      <Slick\n        responsive={responsive}\n        autoplay={false}\n        slidesToShow={1}\n        slidesToScroll={1}\n      >\n        {data?.map((row, key) => (\n          <Block data={row} key={\"report\" + key} />\n        ))}\n      </Slick>\n    </Section>\n  );\n}\nconst Block = ({ data }) => {\n  const { title, image, description } = data;\n  return (\n    <div className=\"flex md:flex-row flex-col w-full h-auto gap-6 lg:gap-12 lg:px-8 px-4\">\n      <div className=\"shrink-0 group flex justify-start items-start relative overflow-hidden lg:w-[300px] lg:h-[300px] md:w-[200px] w-full h-[200px] rounded\">\n        <Image\n          src={image}\n          alt={title}\n          fill\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      <div className=\"flex flex-col items-start justify-start w-full h-full\">\n        <p className=\"text-darkBlue mb-2 md:text-[20px] text-base text-left font-medium\">\n          {title}\n        </p>\n        <p className=\"md:text-base text-sm lg:!leading-normal text-left\">\n          {description}\n        </p>\n\n        {/* <KnowMore\n          target=\"_blank\"\n          path={link}\n          text={\"Read More\"}\n          variant=\"darkBlue\"\n          className=\"mt-auto\"\n        /> */}\n      </div>\n    </div>\n  );\n};\n","import React from \"react\";\nimport Image from \"next/image\";\nimport { logisticsData } from \"@/data/logistics\";\nexport default function Logistics() {\n  return (\n    <div className=\"grid md:grid-cols-3 grid-cols-1 auto-rows-auto lg:gap-12 md:gap-4 gap-4 lg:mb-20 mb-12\">\n      {logisticsData?.map((row, key) => (\n        <div\n          className=\"flex lg:flex-row flex-col lg:items-center gap-4 shadow-artist p-4 rounded-2xl border-[1px] border-grey-200\"\n          key={\"logistic\" + key}\n        >\n          <div className=\"relative md:h-[60px] md:w-[60px] h-[50px] w-[50px] shrink-0 rounded\">\n            <Image\n              src={row?.icon}\n              alt={row?.title}\n              fill\n              className=\"object-cover object-left w-full rounded-lg p-2\"\n              sizes=\"(max-width: 479px) 479px,(max-width: 768px) 768px, (max-width: 1200px) 1200px,(max-width: 1920px) 1920px, 1000px\"\n            />\n          </div>\n          <div className=\"flex flex-col items-start justify-start gap-1\">\n            <p className=\"text-blue font-medium\">{row?.title}</p>\n            <div\n              className=\"md:text-base text-sm !leading-tight\"\n              dangerouslySetInnerHTML={{\n                __html: `${row?.description}`,\n              }}\n            />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n","import React from \"react\";\nimport Seo from \"@/utils/seo\";\nimport BannerCard from \"@/components/ui/banner-card\";\nimport Problem from \"@/components/pages/initiatives/problem\";\nimport Solution from \"@/components/pages/initiatives/solution\";\nimport SolutionGrid from \"@/components/pages/initiatives/solution-grid\";\nimport Divider from \"@/components/pages/initiatives/divider\";\nimport Head from \"next/head\";\nimport CaseStories from \"@/components/pages/cri/case-stories\";\nimport Section from \"@/components/ui/section\";\nimport Image from \"next/image\";\nimport Logistics from \"@/components/ui/logistics\";\nexport default function ClimateChange() {\n  const seo = {\n    slug: \"/climate-change\",\n    metaTitle: \"Climate Change | People’s Courage International, USA\",\n    metaDescription:\n      \"The mission of our initiative is to build the resilience of climate-affected informal workers by ensuring their access to climate-responsive social protection and adaptation supports.\",\n  };\n  const jsonLd = {\n    \"@context\": \"http://www.schema.org\",\n    \"@type\": \"Organization\",\n    name: \"Climate Change | People’s Courage International, USA\",\n    description:\n      \"The mission of our initiative is to build the resilience of climate-affected informal workers by ensuring their access to climate-responsive social protection and adaptation supports.\",\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      {/* <BannerCard\n        banner={{\n          title: \"Climate Week (New York)\",\n          image: \"/images/cli/pexels-pixabay-60013.jpg\",\n        }}\n        isActive={true}\n        variant=\"single\"\n      /> */}\n      <Problem\n        title=\"What will we do\"\n        image=\"/images/cli/What will we do - Climate change micro page.webp\"\n        descriptionOne=\"We will be presenting our learnings and experiences from a <strong>multi-country research focused on the impact of climate change on migrant communities, conducted in conversation with over 23,915 migrant workers across five countries in South and Southeast Asia</strong>. In this convening community leaders and civil society representatives will share about the impact of climate change on migrants, workers and affected communities and why we need all hands on the deck to center workers and communities in the climate conversation.\"\n      />\n\n      <SolutionGrid\n        sectionTitle=\"Agenda\"\n        columns={3}\n        titleHeight=\"lg:h-12 h-8\"\n        data={[\n          {\n            title: \"Panel discussion 1\",\n            heading:\n              \"Innovation for resilience of internal migrants and informal workers\",\n            image: \"/images/icons/forum.png\",\n            description: `Discussions on the roadmap for grassroots efforts to participate and contribute to global advocacy on needs of informal workers and migrant communities, particularly in the context of climate change. The session will reflect on the models beyond philanthropy-funded ones to deliver on the social protection needs of the communities.  <br/><br/><strong>Date</strong>: 24 September, 2024<br/><strong>Time</strong>: 11.00 am to 12.00 PM`,\n          },\n          {\n            title: \"Panel discussion 2\",\n            heading: \"Ramping up grassroots efforts\",\n            image: \"/images/icons/forum.png\",\n            description: `Discussion between practitioners working at the grassroots across South Asia and Southeast Asia on how they are responding to the impact of climate change on communities, and what is required from them and other actors to drive greater action <br/><br/><strong>Date</strong>: 25 September, 2024<br/><strong>Time</strong>: 2.45pm to 3.30pm`,\n          },\n          {\n            title: \"Panel discussion 3\",\n            heading:\n              \"Communities, Climate Impacts and Systems Change: Linking Global and Local Efforts\",\n            image: \"/images/icons/forum.png\",\n            description: `Discussion between actors across philanthropy, practitioners, climate advocacy organizations on how and what evidence, stories, demonstrations, and communications are needed to drive action, including how to break silos across climate and labour rights, and how to make collaborations across both. <br/><br/><strong>Date</strong>: 25 September, 2024<br/><strong>Time</strong>: 3.30pm-4.15pm`,\n          },\n        ]}\n      />\n      <Solution\n        image=\"/images/cli/Who Will Participate - climate micro page.webp\"\n        description=\"Grassroot civil society organizations, philanthropies, government\n            representatives, multilateral organizations, intermediaries and NGO\n            collaboratives from across the world will participate in this\n            discussion. <br/><br/>Around 100 people. ~50% from grassroots organizations\n            from the global south. ~50% philanthropies, researchers,\n            multilaterals, and other types of practitioners.\"\n        heading=\"Who will participate\"\n        showLocation={true}\n      />\n      {/* <Section variant=\"flat\">\n        <Logistics />\n      </Section> */}\n    </>\n  );\n}\n"],"names":["window","__NEXT_P","push","__webpack_require__","Divider","param","description","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsxs","div","className","jsx","Image","src","alt","fill","sizes","p","Slick","children","slidesToScroll","slidesToShow","dots","infinite","responsive","navigation","fade","autoplay","onSlideChange","slideIndex","setSlideIndex","useState","settings","speed","nextArrow","onClick","button","aria-label","quality","priority","NextButton","prevArrow","PrevButton","lazyLoad","dotsClass","swipeToSlide","autoplaySpeed","draggable","accessibility","beforeChange","current","next","Slider","ClimateChange","jsx_runtime","Fragment","Seo","seo","slug","metaTitle","metaDescription","Head","script","type","dangerouslySetInnerHTML","__html","JSON","stringify","name","address","streetAddress","addressLocality","postalCode","addressCountry","contactPoint","telephone","contactType","Problem","title","image","descriptionOne","SolutionGrid","sectionTitle","columns","titleHeight","data","heading","Solution","showLocation"],"sourceRoot":""}