{"id":5179,"date":"2025-08-29T06:28:57","date_gmt":"2025-08-29T06:28:57","guid":{"rendered":"https:\/\/www.njfuture.org\/?page_id=5179"},"modified":"2025-12-03T10:19:18","modified_gmt":"2025-12-03T10:19:18","slug":"homepage-2","status":"publish","type":"page","link":"https:\/\/www.njfuture.org\/","title":{"rendered":"Homepage"},"content":{"rendered":"\n  <section data-testid=\"homepage-hero-banner\" class=\"relative h-auto\">\n    <div class=\"hero-slider\">\n                        <div class=\"hero-slide active\" data-index=\"0\"\n            data-announcement-id=\"5216\">\n            <div class=\"bg-center bg-no-repeat bg-cover py-10 md:py-16 lg:py-20\">\n                              <img src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/08\/Web-Take-Action-Page-Image-NJDOT-Funds-1.png\"\n                  alt=\"\"\n                  class=\"w-full h-full object-cover absolute inset-0 z-0\" fetchpriority=\"high\" decoding=\"async\">\n                            <div class=\"container z-10 relative\">\n                <div class=\"w-full md:max-w-[62%] sm:max-w-[35rem] lg:max-w-[54.8%]\">\n                  <p class=\"type_title text-white text-p2 mb-2 max-sm:text-center\">Featured Action<\/p>\n                                      <h1 class=\"text-h1 text-white font-medium font-gotham uppercase text-center sm:text-start\">\n                      Tell NJ Legislators: Don\u2019t Cut Safe Streets Funding                    <\/h1>\n                  \n                                      <a href=\"https:\/\/www.njfuture.org\/our-work\/take-action\/\" target=\"_self\" class=\"njf-button group gold-filled-arrow-right-njf-button mt-6 md:mt-10 max-sm:mx-auto\"><span>Learn More<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                                  <\/div>\n              <\/div>\n              <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/08\/green-vector.svg\" alt=\"green-vector\"\n                class=\"max-sm:hidden absolute right-0 bottom-0 object-bottom lg:object-right object-contain w-[45vw] md:w-[50vw] lg:!w-full !h-full !z-[2]\">\n            <\/div>\n          <\/div>\n                  <div class=\"hero-slide \" data-index=\"1\"\n            data-announcement-id=\"5217\">\n            <div class=\"bg-center bg-no-repeat bg-cover py-10 md:py-16 lg:py-20\">\n                              <img src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/05\/alicia-christin-gerald-bV7WI-AeiTA-unsplash-scaled.jpg\"\n                  alt=\"\"\n                  class=\"w-full h-full object-cover absolute inset-0 z-0\" fetchpriority=\"high\" decoding=\"async\">\n                            <div class=\"container z-10 relative\">\n                <div class=\"w-full md:max-w-[62%] sm:max-w-[35rem] lg:max-w-[54.8%]\">\n                  <p class=\"type_title text-white text-p2 mb-2 max-sm:text-center\">Featured Resource<\/p>\n                                      <h1 class=\"text-h1 text-white font-medium font-gotham uppercase text-center sm:text-start\">\n                      Could Your Community be at Risk of Displacing its Residents?                    <\/h1>\n                  \n                                      <a href=\"https:\/\/www.njfuture.org\/news\/could-your-community-be-at-risk-of-displacing-its-residents\/\" target=\"_self\" class=\"njf-button group gold-filled-arrow-right-njf-button mt-6 md:mt-10 max-sm:mx-auto\"><span>Learn More<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                                  <\/div>\n              <\/div>\n              <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/08\/green-vector.svg\" alt=\"green-vector\"\n                class=\"max-sm:hidden absolute right-0 bottom-0 object-bottom lg:object-right object-contain w-[45vw] md:w-[50vw] lg:!w-full !h-full !z-[2]\">\n            <\/div>\n          <\/div>\n                  <div class=\"hero-slide \" data-index=\"2\"\n            data-announcement-id=\"5218\">\n            <div class=\"bg-center bg-no-repeat bg-cover py-10 md:py-16 lg:py-20\">\n                              <img src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/04\/2026-Housing-Press-Conference-Gov-Sherrill.jpeg\"\n                  alt=\"\"\n                  class=\"w-full h-full object-cover absolute inset-0 z-0\" fetchpriority=\"high\" decoding=\"async\">\n                            <div class=\"container z-10 relative\">\n                <div class=\"w-full md:max-w-[62%] sm:max-w-[35rem] lg:max-w-[54.8%]\">\n                  <p class=\"type_title text-white text-p2 mb-2 max-sm:text-center\">Featured News<\/p>\n                                      <h1 class=\"text-h1 text-white font-medium font-gotham uppercase text-center sm:text-start\">\n                      Gov. Sherrill\u2019s Executive Order on Housing                    <\/h1>\n                  \n                                      <a href=\"https:\/\/www.njfuture.org\/news\/statement-from-great-homes-and-neighborhoods-for-all-re-gov-sherrills-executive-order-on-housing\/\" target=\"_self\" class=\"njf-button group gold-filled-arrow-right-njf-button mt-6 md:mt-10 max-sm:mx-auto\"><span>Learn More<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                                  <\/div>\n              <\/div>\n              <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/08\/green-vector.svg\" alt=\"green-vector\"\n                class=\"max-sm:hidden absolute right-0 bottom-0 object-bottom lg:object-right object-contain w-[45vw] md:w-[50vw] lg:!w-full !h-full !z-[2]\">\n            <\/div>\n          <\/div>\n                  <div class=\"hero-slide \" data-index=\"3\"\n            data-announcement-id=\"5219\">\n            <div class=\"bg-center bg-no-repeat bg-cover py-10 md:py-16 lg:py-20\">\n                              <img src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/11\/Woman-walking-dog-scaled.jpg\"\n                  alt=\"\"\n                  class=\"w-full h-full object-cover absolute inset-0 z-0\" fetchpriority=\"high\" decoding=\"async\">\n                            <div class=\"container z-10 relative\">\n                <div class=\"w-full md:max-w-[62%] sm:max-w-[35rem] lg:max-w-[54.8%]\">\n                  <p class=\"type_title text-white text-p2 mb-2 max-sm:text-center\">Featured Issue Area<\/p>\n                                      <h1 class=\"text-h1 text-white font-medium font-gotham uppercase text-center sm:text-start\">\n                      Building Healthier Communities                    <\/h1>\n                  \n                                      <a href=\"https:\/\/www.njfuture.org\/issue_area\/health\/\" target=\"_self\" class=\"njf-button group gold-filled-arrow-right-njf-button mt-6 md:mt-10 max-sm:mx-auto\"><span>Learn More<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                                  <\/div>\n              <\/div>\n              <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/08\/green-vector.svg\" alt=\"green-vector\"\n                class=\"max-sm:hidden absolute right-0 bottom-0 object-bottom lg:object-right object-contain w-[45vw] md:w-[50vw] lg:!w-full !h-full !z-[2]\">\n            <\/div>\n          <\/div>\n                  <\/div>\n  <\/section>\n\n  <section data-testid=\"section-announcement-bar\" class=\"w-full bg-brand-jersey-blue mb-10\">\n    <div class=\"w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 bg-brand-jersey-blue\">\n              <a href=\"https:\/\/www.njfuture.org\/our-work\/take-action\/\" target=\"_self\" data-index=\"0\"\n          data-announcement-id=\"5216\" class=\"announcement-tab block w-full font-tradeGothic p-6 text-p2 font-normal text-white transition-all duration-300 text-center\n                  bg-brand-jersey-blue hover:bg-brand-cerulean-blue focus:bg-brand-cerulean-blue\n                  bg-brand-cerulean-blue opacity-100\"\n          aria-current=\"true\">\n          <div class=\"flex items-center justify-center gap-[1.1875rem]\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/12\/NJF-Global-Icon-Action.svg\" alt=\"Featured Action logo\"\n                class=\"w-[2.375rem] h-[2.375rem] object-contain object-center flex-shrink-0\">\n                        <span class=\"font-tradeGothic font-normal !text-[1.25rem] !leading-[1.875rem]\"\n              style=\"leading-trim: both;text-edge: cap;\">Featured Action<\/span>\n          <\/div>\n        <\/a>\n              <a href=\"https:\/\/www.njfuture.org\/news\/could-your-community-be-at-risk-of-displacing-its-residents\/\" target=\"_self\" data-index=\"1\"\n          data-announcement-id=\"5217\" class=\"announcement-tab block w-full font-tradeGothic p-6 text-p2 font-normal text-white transition-all duration-300 text-center\n                  bg-brand-jersey-blue hover:bg-brand-cerulean-blue focus:bg-brand-cerulean-blue\n                  opacity-70\"\n          aria-current=\"false\">\n          <div class=\"flex items-center justify-center gap-[1.1875rem]\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/08\/big_icons-1.svg\" alt=\"Featured Resource logo\"\n                class=\"w-[2.375rem] h-[2.375rem] object-contain object-center flex-shrink-0\">\n                        <span class=\"font-tradeGothic font-normal !text-[1.25rem] !leading-[1.875rem]\"\n              style=\"leading-trim: both;text-edge: cap;\">Featured Resource<\/span>\n          <\/div>\n        <\/a>\n              <a href=\"https:\/\/www.njfuture.org\/news\/statement-from-great-homes-and-neighborhoods-for-all-re-gov-sherrills-executive-order-on-housing\/\" target=\"_self\" data-index=\"2\"\n          data-announcement-id=\"5218\" class=\"announcement-tab block w-full font-tradeGothic p-6 text-p2 font-normal text-white transition-all duration-300 text-center\n                  bg-brand-jersey-blue hover:bg-brand-cerulean-blue focus:bg-brand-cerulean-blue\n                  opacity-70\"\n          aria-current=\"false\">\n          <div class=\"flex items-center justify-center gap-[1.1875rem]\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/08\/big_icons-2.svg\" alt=\"Featured News logo\"\n                class=\"w-[2.375rem] h-[2.375rem] object-contain object-center flex-shrink-0\">\n                        <span class=\"font-tradeGothic font-normal !text-[1.25rem] !leading-[1.875rem]\"\n              style=\"leading-trim: both;text-edge: cap;\">Featured News<\/span>\n          <\/div>\n        <\/a>\n              <a href=\"https:\/\/www.njfuture.org\/issue_area\/health\/\" target=\"_self\" data-index=\"3\"\n          data-announcement-id=\"5219\" class=\"announcement-tab block w-full font-tradeGothic p-6 text-p2 font-normal text-white transition-all duration-300 text-center\n                  bg-brand-jersey-blue hover:bg-brand-cerulean-blue focus:bg-brand-cerulean-blue\n                  opacity-70\"\n          aria-current=\"false\">\n          <div class=\"flex items-center justify-center gap-[1.1875rem]\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/08\/big_icons-3.svg\" alt=\"Featured Issue Area logo\"\n                class=\"w-[2.375rem] h-[2.375rem] object-contain object-center flex-shrink-0\">\n                        <span class=\"font-tradeGothic font-normal !text-[1.25rem] !leading-[1.875rem]\"\n              style=\"leading-trim: both;text-edge: cap;\">Featured Issue Area<\/span>\n          <\/div>\n        <\/a>\n          <\/div>\n  <\/section>\n\n  <script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      const tabs = document.querySelectorAll('[data-testid=\"section-announcement-bar\"] a[data-index]');\n      const slides = document.querySelectorAll('.hero-slide');\n\n      function switchToSlide(index) {\n        slides.forEach(slide => slide.classList.remove('active'));\n        slides[index]?.classList.add('active');\n\n        tabs.forEach(tab => {\n          tab.classList.remove('bg-brand-cerulean-blue', 'opacity-100');\n          tab.classList.add('bg-brand-jersey-blue', 'opacity-70');\n          tab.setAttribute('aria-current', 'false');\n        });\n\n        const active = tabs[index];\n        if (!active) return;\n\n        active.classList.remove('bg-brand-jersey-blue', 'opacity-70');\n        active.classList.add('bg-brand-cerulean-blue', 'opacity-100');\n        active.setAttribute('aria-current', 'true');\n      }\n\n      switchToSlide(0);\n\n      let slideInterval;\n      const intervalTime = 2000;\n\n      function startAutoSlide() {\n        clearInterval(slideInterval);\n\n        slideInterval = setInterval(() => {\n          const currentSlide = document.querySelector('.hero-slide.active');\n          if (currentSlide) {\n            const currentIndex = parseInt(currentSlide.getAttribute('data-index'));\n            const newIndex = (currentIndex + 1) % slides.length;\n            switchToSlide(newIndex);\n          }\n        }, intervalTime);\n      }\n\n      tabs.forEach(tab => {\n        tab.addEventListener('click', function (e) {\n          e.preventDefault();\n          const index = parseInt(this.getAttribute('data-index'));\n\n          switchToSlide(index);\n\n          if (slides.length > 1) {\n            startAutoSlide();\n          }\n        });\n      });\n\n      if (slides.length > 1) {\n        startAutoSlide();\n        const heroBanner = document.querySelector('[data-testid=\"homepage-hero-banner\"]');\n\n        heroBanner.addEventListener('mouseenter', () => clearInterval(slideInterval));\n        heroBanner.addEventListener('mouseleave', startAutoSlide);\n      }\n    });\n  <\/script>\n\n\n\n\n\n<section data-testid=\"section-our-achievements\" class=\"relative lg:mb-[3.75rem] mb-10 bg-brand-grey py-[4rem] \">\n  <div class=\"w-full overflow-hidden\">\n    <div class=\"container relative\">\n      <div class=\"flex flex-col md:flex-row gap-[3rem] md:gap-[4.1875rem]\">\n        <div class=\"w-full flex flex-col max-md:items-center justify-center gap-6 mt-[0.03125rem]\">\n          <!-- Heading -->\n                      <h2 class=\"text-h2 text-brand-jersey-blue font-gotham font-semibold max-md:text-center\">\n              Driving Change            <\/h2>\n            <div class=\"bg-brand-gold w-full h-[0.125rem]\"><\/div>\n                    <!-- Content -->\n                      <div class=\"htmlBlock !text-p2 text-brand-black !text-center md:!text-left jury_desc achieve_desc\">\n              <p>New Jersey is already the most developed state in the nation \u2014 and with so little land left, every development decision matters. To build a thriving future, we must reinvest in our towns and cities while safeguarding the forests, farms, and shorelines that define our state\u2019s identity. That means making redevelopment not just easier, but fairer and more beneficial for everyone. As we reimagine our communities, we have to ensure that people can move around without relying on a car, breathe clean air, drink safe water, afford to live and work here, and stay protected from climate-driven risks. Our programs and policies are designed to advance all of these priorities together \u2014 strengthening our communities while protecting the people who call New Jersey home.<\/p>\n            <\/div>\n                    <!-- Button -->\n                      <a href=\"\/our-work\/issue-areas\/\" target=\"\" class=\"njf-button group gold-filled-arrow-right-njf-button \"><span>Our Issues<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                  <\/div>\n        <!-- Image -->\n                  <div class=\"md:max-w-[33rem] w-full h-[21.4375rem] md:h-auto max-md:bg-brand-light-green relative z-10\">\n            <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/12\/54854076207_6960b3e388_c.jpg\" alt=\"\"\n              class=\"!h-full w-full object-contain md:object-cover\" \/>\n                      <\/div>\n              <\/div>\n      <div\n        class=\"absolute top-[inherit] max-md:-bottom-[11%] md:top-1\/2 translate-y-[inherit] md:-translate-y-1\/2 right-0 md:-right-[8%]\">\n        <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/achivementWave.svg\" alt=\"\"\n          class=\"object-contain w-full h-auto\">\n      <\/div>\n    <\/div>\n  <\/div>\n  <!-- Achievement Cards -->\n      <div class=\"container grid-three gap-[2.5rem] mt-[3rem]\">\n              <div data-index=\"0\" class=\"parallax-animation-cards gridBox-three w-full flex flex-col justify-start items-center bg-no-repeat\n      \" >\n          <div class=\"relative w-full flex flex-col justify-center items-center\">\n            <div\n              class=\"relative flex justify-center items-center max-w-[17.968rem] w-full h-[17.968rem]\">\n              <div class=\"absolute top-0 rounded-full bg-brand-gold max-w-[17.968rem]  w-full h-[17.968rem] z-[1]\"><\/div>\n              <!-- dynamic image -->\n                              <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/08\/Frame-1261152810.png\" alt=\"\"\n                  class=\"w-full !h-full object-cover p-[1.1903rem] rounded-full relative z-[2]\" \/>\n                                            <!-- static vector-1 image -->\n                              <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/achivementVector1.svg\" alt=\"\"\n                  class=\"absolute bottom-[3.5rem] z-[3]\" \/>\n                          <\/div>\n            <!-- title -->\n                          <div class=\"-mt-[2.5rem] relative z-[5]\" id=\"heading-container\">\n                <div class=\" w-fit px-[1.395rem] rounded-[55.798rem] bg-brand-future-green\">\n                  <h3\n                    class=\"stat-number text-[2.678rem] leading-[3.125rem] text-white font-gotham font-semibold m-0 uppercase text-center\"\n                    data-target=\"$30 BILLION\">\n                    $30 BILLION                  <\/h3>\n                <\/div>\n              <\/div>\n                      <\/div>\n          <!-- text -->\n                      <div class=\"htmlBlock !text-p2 text-brand-black !text-center jury_desc attendee_desc mt-[0.88rem]\">\n              <p>Needs to be invested in New Jersey\u2019s water infrastructure over the next 20 years to replace lead service lines, identify and remove toxic contaminants, and reduce flooding. We are advocating for the funding.<\/p>\n            <\/div>\n                  <\/div>\n              <div data-index=\"1\" class=\"parallax-animation-cards gridBox-three w-full flex flex-col justify-start items-center bg-no-repeat\n      \" >\n          <div class=\"relative w-full flex flex-col justify-center items-center\">\n            <div\n              class=\"relative flex justify-center items-center w-auto h-[17.968rem]\">\n              <div class=\"absolute top-0 rounded-full bg-brand-gold max-w-[17.968rem]  w-full h-[17.968rem] z-[1]\"><\/div>\n              <!-- dynamic image -->\n                              <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/08\/Bus-in-Minneapolis-2.svg\" alt=\"\"\n                  class=\"w-full !h-full object-cover   relative z-[2]\" \/>\n                                            <!-- static vector-1 image -->\n                          <\/div>\n            <!-- title -->\n                          <div class=\"-mt-[2.5rem] relative z-[5]\" id=\"heading-container\">\n                <div class=\" w-fit px-[1.395rem] rounded-[55.798rem] bg-brand-future-green\">\n                  <h3\n                    class=\"stat-number text-[2.678rem] leading-[3.125rem] text-white font-gotham font-semibold m-0 uppercase text-center\"\n                    data-target=\"38 PERCENT\">\n                    38 PERCENT                  <\/h3>\n                <\/div>\n              <\/div>\n                      <\/div>\n          <!-- text -->\n                      <div class=\"htmlBlock !text-p2 text-brand-black !text-center jury_desc attendee_desc mt-[0.88rem]\">\n              <p>Of our emissions come from vehicles, the largest source of greenhouse gases in New Jersey. We research and advocate ways to expand alternative modes of transportation for more vibrant, walkable communities designed for people, not cars.<\/p>\n            <\/div>\n                  <\/div>\n              <div data-index=\"2\" class=\"parallax-animation-cards gridBox-three w-full flex flex-col justify-start items-center bg-no-repeat\n      bg-top bg-[length:100%_50%] lg:bg-[length:100%_46%] xl:bg-[length:100%_50%]\"             style=\"background-image:url(https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/achivementVector2.svg);\"\n          >\n          <div class=\"relative w-full flex flex-col justify-center items-center\">\n            <div\n              class=\"relative flex justify-center items-center max-w-[17.968rem] w-full h-[17.968rem]\">\n              <div class=\"absolute top-0 rounded-full bg-brand-gold max-w-[17.968rem]  w-full h-[17.968rem] z-[1]\"><\/div>\n              <!-- dynamic image -->\n                              <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/08\/Frame-1261152812.png\" alt=\"\"\n                  class=\"w-full !h-full object-cover p-[1.1903rem] rounded-full relative z-[2]\" \/>\n                                            <!-- static vector-1 image -->\n                          <\/div>\n            <!-- title -->\n                          <div class=\"-mt-[2.5rem] relative z-[5]\" id=\"heading-container\">\n                <div class=\" w-fit px-[1.395rem] rounded-[55.798rem] bg-brand-future-green\">\n                  <h3\n                    class=\"stat-number text-[2.678rem] leading-[3.125rem] text-white font-gotham font-semibold m-0 uppercase text-center\"\n                    data-target=\"1,269 PEOPLE\">\n                    1,269 PEOPLE                  <\/h3>\n                <\/div>\n              <\/div>\n                      <\/div>\n          <!-- text -->\n                      <div class=\"htmlBlock !text-p2 text-brand-black !text-center jury_desc attendee_desc mt-[0.88rem]\">\n              <p>Per sq. mi. making New Jersey the most densely populated state in the nation, with a limited supply of available land. We develop innovative policy that centers growth through redevelopment, leaving our open spaces open.<\/p>\n            <\/div>\n                  <\/div>\n              <div data-index=\"3\" class=\"parallax-animation-cards gridBox-three w-full flex flex-col justify-start items-center bg-no-repeat\n      bg-[length:54%_54%] bg-[-2%_10%] [@media(min-width:576px)]:bg-[length:54%_42%] md:bg-[length:54%_36%] [@media(min-width:576px)]:bg-[-8%_10%]\"             style=\"background-image:url(https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/achivementVector3.svg);\"\n          >\n          <div class=\"relative w-full flex flex-col justify-center items-center\">\n            <div\n              class=\"relative flex justify-center items-center max-w-[17.968rem] w-full h-[17.968rem]\">\n              <div class=\"absolute top-0 rounded-full bg-brand-gold max-w-[17.968rem]  w-full h-[17.968rem] z-[1]\"><\/div>\n              <!-- dynamic image -->\n                              <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/12\/340618-e1764630919728.jpg\" alt=\"\"\n                  class=\"w-full !h-full object-cover p-[1.1903rem] rounded-full relative z-[2]\" \/>\n                                            <!-- static vector-1 image -->\n                          <\/div>\n            <!-- title -->\n                          <div class=\"-mt-[2.5rem] relative z-[5]\" id=\"heading-container\">\n                <div class=\" w-fit px-[1.395rem] rounded-[55.798rem] bg-brand-future-green\">\n                  <h3\n                    class=\"stat-number text-[2.678rem] leading-[3.125rem] text-white font-gotham font-semibold m-0 uppercase text-center\"\n                    data-target=\"20 YEARS\">\n                    20 YEARS                  <\/h3>\n                <\/div>\n              <\/div>\n                      <\/div>\n          <!-- text -->\n                      <div class=\"htmlBlock !text-p2 text-brand-black !text-center jury_desc attendee_desc mt-[0.88rem]\">\n              <p>Is the difference in life expectancy between urban Trenton (69 years) and suburban Princeton (89 years), just ten miles away. We campaign for every zip code to be a place where people can live their healthiest lives.<\/p>\n            <\/div>\n                  <\/div>\n              <div data-index=\"4\" class=\"parallax-animation-cards gridBox-three w-full flex flex-col justify-start items-center bg-no-repeat\n      \" >\n          <div class=\"relative w-full flex flex-col justify-center items-center\">\n            <div\n              class=\"relative flex justify-center items-center max-w-[17.968rem] w-full h-[17.968rem]\">\n              <div class=\"absolute top-0 rounded-full bg-brand-gold max-w-[17.968rem]  w-full h-[17.968rem] z-[1]\"><\/div>\n              <!-- dynamic image -->\n                              <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/08\/Group-1261152801.png\" alt=\"\"\n                  class=\"w-full !h-full object-cover  rounded-full relative z-[2]\" \/>\n                                            <!-- static vector-1 image -->\n                          <\/div>\n            <!-- title -->\n                          <div class=\"-mt-[2.5rem] relative z-[5]\" id=\"heading-container\">\n                <div class=\" w-fit px-[1.395rem] rounded-[55.798rem] bg-brand-future-green\">\n                  <h3\n                    class=\"stat-number text-[2.678rem] leading-[3.125rem] text-white font-gotham font-semibold m-0 uppercase text-center\"\n                    data-target=\"4TH RANKED\">\n                    4TH RANKED                  <\/h3>\n                <\/div>\n              <\/div>\n                      <\/div>\n          <!-- text -->\n                      <div class=\"htmlBlock !text-p2 text-brand-black !text-center jury_desc attendee_desc mt-[0.88rem]\">\n              <p>State with the most outflow of residents because too many people cannot find an affordable, stable, and healthy home in a neighborhood that meets their needs. We\u2019re building coalitions to address this crisis.<\/p>\n            <\/div>\n                  <\/div>\n              <div data-index=\"5\" class=\"parallax-animation-cards gridBox-three w-full flex flex-col justify-start items-center bg-no-repeat\n      bg-[length:40%_60%] lg:bg-[length:40%] lg:bg-[left_-4%]\"             style=\"background-image:url(https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/achivementVector4.svg);\"\n          >\n          <div class=\"relative w-full flex flex-col justify-center items-center\">\n            <div\n              class=\"relative flex justify-center items-center max-w-[17.968rem] w-full h-[17.968rem]\">\n              <div class=\"absolute top-0 rounded-full bg-brand-gold max-w-[17.968rem]  w-full h-[17.968rem] z-[1]\"><\/div>\n              <!-- dynamic image -->\n                              <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/08\/Frame-1261152813.png\" alt=\"\"\n                  class=\"w-full !h-full object-cover p-[1.1903rem] rounded-full relative z-[2]\" \/>\n                                            <!-- static vector-1 image -->\n                          <\/div>\n            <!-- title -->\n                          <div class=\"-mt-[2.5rem] relative z-[5]\" id=\"heading-container\">\n                <div class=\" w-fit px-[1.395rem] rounded-[55.798rem] bg-brand-future-green\">\n                  <h3\n                    class=\"stat-number text-[2.678rem] leading-[3.125rem] text-white font-gotham font-semibold m-0 uppercase text-center\"\n                    data-target=\"1.7 MILLON\">\n                    1.7 MILLON                  <\/h3>\n                <\/div>\n              <\/div>\n                      <\/div>\n          <!-- text -->\n                      <div class=\"htmlBlock !text-p2 text-brand-black !text-center jury_desc attendee_desc mt-[0.88rem]\">\n              <p>New Jerseyans live in flood-prone areas at risk from more frequent, severe storms and sea-level rise. We offer strategies for developing climate change adaptation to keep our communities safer and more resilient.<\/p>\n            <\/div>\n                  <\/div>\n          <\/div>\n  <\/section>\n\n\n<section data-testid=\"video-with-content\"\n   class=\"container flex flex-col items-center justify-between gap-10 lg:gap-16 mb-10\">\n   <div class=\"w-full flex flex-col items-center justify-between gap-6\">\n               <h2 class=\"text-h2 text-brand-jersey-blue font-medium font-gotham text-center\">Smart Policies. Strong Communities. Sustainable Future.         <\/h2>\n            <div class=\"w-full h-[0.125rem] bg-brand-gold\"><\/div>\n   <\/div>\n   <div\n      class=\"w-full grid grid-cols-1 md:grid-cols-2  min-h-[18rem] gap-6 md:gap-10 lg:gap-16 h-full\">\n               <div class=\"vwc-video-container relative\">\n            <div id=\"vwc-video-wrapper-block-6a32a96167a43e40c3f45de606c8639a\" class=\"w-full h-full relative vwc-video-trigger cursor-pointer\">\n               <!-- Video Thumbnail -->\n               <div id=\"vwc-video-thumb-block-6a32a96167a43e40c3f45de606c8639a\" class=\"vwc-video-thumbnail\">\n                  <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/1HqIt1lGn8s\/maxresdefault.jpg\"\n                     alt=\"Smart Policies. Strong Communities. Sustainable Future.\"\n                     class=\"w-full h-full object-contain object-center shadow-lg bg-brand-light-green\">\n                  <!-- Play Button Overlay -->\n                  <div id=\"vwc-video-play-block-6a32a96167a43e40c3f45de606c8639a\" class=\"absolute inset-0 flex items-center justify-center\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/08\/Button_-Play.svg\" alt=\"Play video\" aria-label=\"Open video modal\"\n                        class=\"w-16 sm:w-20 h-16 sm:h-20 opacity-90 hover:opacity-100 transition-opacity\">\n                  <\/div>\n               <\/div>\n            <\/div>\n         <\/div>\n            <div class=\"flex flex-col items-start justify-start gap-6\">\n                     <div\n               class=\"htmlBlock text-brand-black htmlBlock-para-style\">\n               <p>Smart growth isn\u2019t just about where we build\u2014 it\u2019s about how we build and who we are building for. For nearly four decades, New Jersey Future has championed smart and equitable growth for the betterment of the Garden State. We are dedicated to protecting our natural resources, expanding transportation options, and ensuring access to affordable, inclusive neighborhoods for people of all ages. Through research, advocacy, coalition building, and direct assistance, we\u2019re proving that environmental sustainability, social equity, and economic prosperity go hand in hand.<\/p>\n            <\/div>\n                              <a href=\"\/about\/mission-vision-principles\/\" target=\"\" class=\"njf-button group gold-filled-arrow-right-njf-button max-md:mx-auto\"><span>Our Mission<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>               <\/div>\n   <\/div>\n\n         <!-- Modal -->\n      <div id=\"vwc-video-modal-block-6a32a96167a43e40c3f45de606c8639a\"\n         class=\"vwc-video-modal hidden inset-0 bg-white bg-opacity-75 z-50 overflow-y-auto flex items-center justify-center\"\n         role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-video-title-block-6a32a96167a43e40c3f45de606c8639a\">\n         <div class=\"w-full h-full pt-[4rem] flex\">\n            <div\n               class=\"w-full h-auto my-auto flex flex-col items-center justify-center max-w-[90%] md:max-w-[70%] transition-[max-width] duration-500 ease-in-out mx-auto\">\n               <div id=\"vwc-modal-content-block-6a32a96167a43e40c3f45de606c8639a\"\n                  class=\"relative bg-brand-colbalt-blue w-full  px-5 md:px-10 lg:px-20 pt-[2.8rem] sm:pt-[3.75rem] pb-5 lg:pb-10 mx-auto \">\n                  <!-- Top-right close button -->\n                  <button class=\"vwc-modal-close absolute top-2 lg:top-4 right-2 lg:right-4 z-10\"\n                     aria-label=\"Close video modal\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/07\/Close-Button.svg\" alt=\"Close modal\"\n                        class=\"object-contain w-[2rem] sm:w-[2.625rem] h-[2rem] sm:h-[2.625rem] golden-icon-contrast\">\n                  <\/button>\n                  <!-- Modal video content -->\n                  <div class=\"vwc-modal-video-container relative bg-black\">\n                     <div id=\"vwc-modal-video-thumb-block-6a32a96167a43e40c3f45de606c8639a\" class=\"absolute inset-0 cursor-pointer z-10\">\n                        <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/1HqIt1lGn8s\/maxresdefault.jpg\"\n                           alt=\"Smart Policies. Strong Communities. Sustainable Future.\" class=\"w-full h-auto\">\n                        <div id=\"vwc-modal-video-play-block-6a32a96167a43e40c3f45de606c8639a\"\n                           class=\"absolute inset-0 flex items-center justify-center\">\n                           <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/08\/Button_-Play.svg\" alt=\"Play video\"\n                              class=\"w-16 sm:w-20 h-16 sm:h-20 opacity-90 hover:opacity-100 transition-opacity\">\n                        <\/div>\n                     <\/div>\n\n                     <!-- Video Iframe always present -->\n                     <div id=\"vwc-modal-video-iframe-block-6a32a96167a43e40c3f45de606c8639a\" class=\"w-full h-full\">\n                                                   <iframe id=\"vwc-youtube-iframe-block-6a32a96167a43e40c3f45de606c8639a\" src=\"\" frameborder=\"0\"\n                              allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                              allowfullscreen class=\"w-full h-full bg-black\">\n                           <\/iframe>\n                                             <\/div>\n                  <\/div>\n               <\/div>\n               <!-- Bottom close button -->\n               <div class=\"flex justify-center items-center w-full h-12 bg-brand-light-green \">\n               <\/div>\n            <\/div>\n         <\/div>\n      <\/div>\n   \n         <script>\n         document.addEventListener('DOMContentLoaded', function () {\n            const trigger = document.getElementById('vwc-video-wrapper-block-6a32a96167a43e40c3f45de606c8639a');\n            const modal = document.getElementById('vwc-video-modal-block-6a32a96167a43e40c3f45de606c8639a');\n            const modalContent = document.getElementById('vwc-modal-content-block-6a32a96167a43e40c3f45de606c8639a');\n            const modalThumb = document.getElementById('vwc-modal-video-thumb-block-6a32a96167a43e40c3f45de606c8639a');\n            const modalPlayBtn = document.getElementById('vwc-modal-video-play-block-6a32a96167a43e40c3f45de606c8639a');\n            const modalIframe = document.getElementById('vwc-modal-video-iframe-block-6a32a96167a43e40c3f45de606c8639a');\n            const youtubeIframe = document.getElementById('vwc-youtube-iframe-block-6a32a96167a43e40c3f45de606c8639a');\n            const closeButtons = document.querySelectorAll('#vwc-video-modal-block-6a32a96167a43e40c3f45de606c8639a .vwc-modal-close');\n\n            \/\/ Function to close the modal\n            const closeModal = function () {\n               modal.classList.add('hidden');\n               document.body.style.overflow = '';\n               if (youtubeIframe && youtubeIframe.src) {\n                  youtubeIframe.src = '';\n               }\n               modalThumb.classList.remove('hidden');\n               modalIframe.classList.add('hidden');\n               trigger.focus();\n            };\n\n            if (trigger && modal && modalContent && modalThumb && modalPlayBtn && modalIframe) {\n               modalIframe.style.width = '100%';\n               modalIframe.style.height = '100%';\n\n               \/\/ Function to start playing video\n               const playVideo = function () {\n                  if (youtubeIframe && '1HqIt1lGn8s') {\n                     const autoplaySrc = 'https:\/\/www.youtube-nocookie.com\/embed\/1HqIt1lGn8s?autoplay=1&rel=0&modestbranding=1&playsinline=1&enablejsapi=1&origin=https%3A%2F%2Fwww.njfuture.org%2F';\n                     youtubeIframe.src = autoplaySrc;\n                  } else if (!youtubeIframe) {\n                     console.log('Non-YouTube video embed triggered');\n                  } else {\n                     modalIframe.innerHTML = '<p class=\"text-white\">Error: Unable to load video.<\/p>';\n                     return;\n                  }\n                  modalThumb.classList.add('hidden');\n                  modalIframe.classList.remove('hidden');\n               };\n\n               trigger.addEventListener('click', () => {\n                  modal.classList.remove('hidden');\n                  document.body.style.overflow = 'hidden';\n                  modal.focus();\n\n                  playVideo();\n               });\n               modalThumb.addEventListener('click', playVideo);\n               modalPlayBtn.addEventListener('click', playVideo);\n\n               \/\/ Close modal on close button click\n               closeButtons.forEach(button => {\n                  button.addEventListener('click', (e) => {\n                     e.stopPropagation();\n                     closeModal();\n                  });\n               });\n\n               \/\/ Close modal when clicking outside the content\n               modal.addEventListener('click', (e) => {\n                  if (!modalContent.contains(e.target)) {\n                     closeModal();\n                  }\n               });\n\n               \/\/ Close modal on Escape key\n               document.addEventListener('keydown', (e) => {\n                  if (e.key === 'Escape' && !modal.classList.contains('hidden')) {\n                     closeModal();\n                  }\n               });\n\n               \/\/ Keyboard support\n               modalThumb.addEventListener('keydown', (e) => {\n                  if (e.key === 'Enter') {\n                     playVideo();\n                  }\n               });\n               modalPlayBtn.addEventListener('keydown', (e) => {\n                  if (e.key === 'Enter') {\n                     playVideo();\n                  }\n               });\n            } else {\n               console.error('Required elements not found:', { trigger, modal, modalContent, modalThumb, modalPlayBtn, modalIframe });\n            }\n         });\n      <\/script>\n\n   <\/section>\n\n\n<section data-testid=\"section-news-slider\" class=\"w-full overflow-hidden mb-10\">\n   <div class=\"container relative\" id=\"news-heading\">\n               <h2 class=\"font-medium text-h2 text-brand-jersey-blue font-gotham mt-0 max-sm:text-center\">\n            Latest News         <\/h2>\n            <button\n         class=\"absolute bottom-[-17rem] z-10 left-0 translate-x-1\/2 prev-news bg-brand-gold rounded-full h-[2.4375rem] w-[2.4375rem] flex justify-center items-center\">\n         <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/ArrowNext.svg\" alt=\"arrow\"\n            class=\"h-[1rem] w-[1rem] rotate-180\" \/>\n      <\/button>\n      <button\n         class=\"absolute bottom-[-17rem] z-10 right-2 sm:right-5 lg:right-10 next-news bg-brand-gold rounded-full h-[2.4375rem] w-[2.4375rem] flex justify-center items-center\">\n         <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/ArrowNext.svg\" alt=\"arrow\"\n            class=\"h-[1rem] w-[1rem]\" \/>\n      <\/button>\n   <\/div>\n\n   <div\n      class=\"w-full select-none relative overflow-visible container !max-w-full xxl:!max-w-full xl:w-[97.2%] [@media(min-width:1300px)]:w-[96.2%] [@media(min-width:1330px)]:w-[95.2%] [@media(min-width:1360px)]:w-[94.2%] [@media(min-width:1390px)]:w-[93.2%] [@media(min-width:1420px)]:w-[92.2%] [@media(min-width:1470px)]:w-[91.2%] [@media(min-width:1490px)]:w-[90.2%] [@media(min-width:1536px)]:w-[92.8%] mr-[inherit] !pl-5 lg:!pl-10 xl:!pl-0 [@media(min-width:1536px)]:!pl-[3.5rem] !pr-0 xl:!pr-0\"\n      id=\"news-slider-layout\">\n      <div class=\"flex gap-4 py-6 overflow-x-auto scroll-smooth w-auto flex-nowrap scroll-container xl2:!pr-[15%] pr-10\"\n         id=\"slider-news\">\n                     <a href=\"https:\/\/www.njfuture.org\/news\/ask-the-experts-turning-data-into-stories-that-shape-new-jerseys-future\/\" target=\"_self\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/05\/Ask-the-Experts-Val-Tim-247x300.jpg\" \n                         alt=\"Resource Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">05\/20\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">Ask the Experts: Turning Data into Stories That Shape New Jersey\u2019s Future                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           Blog                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/insideclimatenews.org\/news\/18052026\/new-jersey-sea-level-rise-housing-developments\/\" target=\"_blank\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/05\/dustincaruso1-nj-4706853-300x225.jpg\" \n                         alt=\"Resource Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">05\/18\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">Sea Level Rise and Sunny-Day Flooding Can\u2019t Stop a Building Boom on the Jersey Shore                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           NJF in the News                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/www.njfuture.org\/news\/could-your-community-be-at-risk-of-displacing-its-residents\/\" target=\"_self\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/05\/alicia-christin-gerald-bV7WI-AeiTA-unsplash-300x200.jpg\" \n                         alt=\"Resource Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">05\/15\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">Could Your Community be at Risk of Displacing its Residents?                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           Blog                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/05\/NJF-Testimony_S1766_051126.pdf\" target=\"_blank\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/05\/NJF-Testimony_S1766_051126-pdf-791x1024.jpg\" \n                         alt=\"PDF Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">05\/11\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">Testimony on S1766 to Convert Underutilized Retail and Office Spaces into Housing                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           Testimonies &amp; Statements                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/05\/NJF-Testimony_S1786_ADU_051126.pdf\" target=\"_blank\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/05\/NJF-Testimony_S1786_ADU_051126-pdf-791x1024.jpg\" \n                         alt=\"PDF Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">05\/11\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">Testimony on S1786 to Allow for More Development of Accessory Dwelling Units                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           Testimonies &amp; Statements                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/www.tapinto.net\/towns\/woodbridge-slash-carteret\/articles\/gov-sherrill-signs-executive-order-to-address-nj-s-affordable-housing-crisis\" target=\"_blank\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/05\/Jamie-Ding-Housing-Press-Conference-April-2026-300x225.jpeg\" \n                         alt=\"Resource Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">04\/29\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">Gov. Sherrill Signs Executive Order to Address NJ\u2019s Affordable Housing Crisis                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           NJF in the News                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/www.njfuture.org\/news\/statement-from-great-homes-and-neighborhoods-for-all-re-gov-sherrills-executive-order-on-housing\/\" target=\"_self\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/04\/2026-Housing-Press-Conference-Gov-Sherrill-300x213.jpeg\" \n                         alt=\"Resource Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">04\/27\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">Statement from Great Homes and Neighborhoods for All re: Gov. Sherrill\u2019s Executive Order on Housing                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           News Releases                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/www.nj.gov\/governor\/news\/2026\/20260427a.shtml\" target=\"_blank\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/05\/Gov-Sherrilll-Housing-Press-Conference-April-2026-300x225.jpeg\" \n                         alt=\"Resource Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">04\/27\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">Governor Sherrill Signs Executive Order Bringing Government Together to Accelerate Housing Production                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           NJF in the News                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/pix11.com\/news\/local-news\/new-jersey\/what-new-nj-executive-order-looks-to-do-address-affordable-housing\/\" target=\"_blank\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/05\/NJF-in-the-News-Pix11-Housing-Exec-Order-Featured-Image-1-300x146.png\" \n                         alt=\"Resource Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">04\/27\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">What new NJ executive order looks to do address affordable housing                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           NJF in the News                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/www.njfuture.org\/news\/spring-has-sprung-who-is-checking-on-new-jerseys-green-infrastructure\/\" target=\"_self\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/04\/GI-Hoboken-Southwest-Resiliency-Park-300x300.jpg\" \n                         alt=\"Resource Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">04\/22\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">Spring has Sprung! Who is Checking on New Jersey\u2019s Green Infrastructure?                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           Blog                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/04\/FINAL_-NJF-written-testimony-in-support-of-REAL-Rules-4.22.26.pdf\" target=\"_blank\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/04\/FINAL_-NJF-written-testimony-in-support-of-REAL-Rules-4.22.26-pdf-791x1024.jpg\" \n                         alt=\"PDF Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">04\/22\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">NJF Testimony in Support of REAL Rules                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           Testimonies &amp; Statements                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/www.njfuture.org\/news\/focus-on-implementing-njdep-real-rules\/\" target=\"_self\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/Hurricane-Sandy-floods-Mantoloking-1-300x200.jpg\" \n                         alt=\"Resource Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">04\/22\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">Focus on Implementing NJDEP REAL Rules                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           News Releases                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/06\/MAAC-Comments_-NSF_ANSI-certified-lead-reducing-water-filters-as-a-covered-Health-Related-Social-Needs-HRSN-under-New-Jerseys-Section-1115-Medicaid-waive.pdf\" target=\"_blank\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/06\/MAAC-Comments_-NSF_ANSI-certified-lead-reducing-water-filters-as-a-covered-Health-Related-Social-Needs-HRSN-under-New-Jerseys-Section-1115-Medicaid-waive-pdf-791x1024.jpg\" \n                         alt=\"PDF Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">04\/22\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">Comments Supporting Inclusion of NSF\/ANSI-Certified Lead-Reducing Water Filters as Covered Health-Related Social Needs Under NJ\u2019s Section 1115 Medicaid Waiver                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           Testimonies &amp; Statements                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/www.njfuture.org\/news\/what-to-expect-when-youre-expecting-lead-unmasking-the-science-and-the-new-policy-protecting-black-maternal-health\/\" target=\"_self\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/04\/Black-Maternal-Health-Blog-Cover-April-2026-300x146.png\" \n                         alt=\"Resource Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">04\/16\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">What to Expect When You\u2019re Expecting (Lead): Unmasking the Science and the New Policy Protecting Black Maternal Health                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           Blog                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/www.njfuture.org\/news\/outdated-flood-standards-are-costing-n-j-taxpayers\/\" target=\"_self\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/04\/Ida-flooding-Manville-33-300x225.jpg\" \n                         alt=\"Resource Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">04\/15\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">Outdated flood standards are costing N.J. taxpayers                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           Op-Ed Articles                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/06\/NJF-Comment_-Proposed-Amendments-and-New-Rule.pdf\" target=\"_blank\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/06\/NJF-Comment_-Proposed-Amendments-and-New-Rule-pdf-791x1024.jpg\" \n                         alt=\"PDF Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">04\/03\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">Lead and Copper Rule Comments: Proposed Amendments and New Rule N.J.A.C. 7:10-5.9                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           Testimonies &amp; Statements                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/www.njfuture.org\/news\/making-the-state-revolving-funds-work-for-everyone-advocacy-partnerships-and-progress-in-new-jersey\/\" target=\"_self\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/03\/Water-Faucet-with-drip-300x200.jpg\" \n                         alt=\"Resource Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">03\/16\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">Making the State Revolving Funds Work for Everyone: Advocacy, Partnerships, and Progress in New Jersey                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           Blog                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/www.njfuture.org\/news\/ask-the-experts-tackling-housing-affordability-in-new-jersey\/\" target=\"_self\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/03\/ATE-Web-Featured-Image-Housing-300x146.png\" \n                         alt=\"Resource Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">03\/16\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">Ask the Experts: Tackling Housing Affordability in New Jersey                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           Blog                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/06\/NJDEP-Public-Hearing-Testimony_-Proposed-Amendments-and-New-Rule-N.pdf\" target=\"_blank\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2026\/06\/NJDEP-Public-Hearing-Testimony_-Proposed-Amendments-and-New-Rule-N-pdf-791x1024.jpg\" \n                         alt=\"PDF Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">03\/10\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">NJDEP Public Hearing Testimony: Proposed Amendments and New Rule N.J.A.C. 7:10-5.9                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           Testimonies &amp; Statements                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n                     <a href=\"https:\/\/re-nj.com\/goldsmith-esteemed-greenbaum-redevelopment-lawyer-joins-nrbp-real-estate-council\/\" target=\"_blank\"\n               class=\"single-slide-news !no-underline p-6 bg-white shadow-[0_4px_20px_0_rgba(0,0,0,0.08)] hover:scale-[1.02] transition-all duration-300 flex-shrink-0 [@media(max-width:400px)]:w-[90vw] w-[28rem]\">\n               <div class=\"h-full flex flex-col gap-6\">\n                  <div class=\"relative w-full h-[12.125rem] flex-shrink-0 bg-brand-med-grey\">\n                     <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/06\/Goldsmith_Bob_Headshot-225x300.jpg\" \n                         alt=\"Resource Preview\" \n                         class=\"!w-full !h-full object-contain\" \n                         \/>                                       <\/div>\n\n                  <div class=\"flex flex-col gap-2 justify-between items-start h-full\">\n                                             <p class=\"text-brand-future-green text-p3 font-normal\">03\/06\/2026<\/p>\n                                          <div class=\"text-p1 text-brand-jersey-blue font-tradeGothic font-normal\">Goldsmith, esteemed Greenbaum redevelopment lawyer, joins NRBP Real Estate Council                     <\/div>\n                                             <button\n                           class=\"flex border border-[#A8DBA1] justify-center items-center py-[.625rem] px-4 whitespace-nowrap rounded-[.3125rem] bg-[#e3f6e0] cursor-pointer text-brand-future-green text-p3 font-normal font-tradeGothic w-fit\">\n                           NJF in the News                        <\/button>\n                                       <\/div>\n               <\/div>\n            <\/a>\n               <\/div>\n   <\/div>\n\n   <div\n      class=\"container mx-auto cursor-pointer flex max-sm:flex-col-reverse justify-center items-center gap-[1.0625rem]\">\n               <a href=\"\/news\"\n            target=\"_self\" class=\"group py-2 px-6 bg-brand-colbalt-blue font-tradeGothic rounded-[.3125rem] \n          flex justify-center items-center gap-2 transition-all duration-300 ease-in-out origin-left\">\n            <span class=\"text-p3 text-white whitespace-nowrap\">\n               Browse All News            <\/span>\n            <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/assets\/images\/icons\/arrow-right-white.svg\" alt=\"arrow-right\"\n               class=\"h-4 w-4 transition-all duration-300 ease-in-out group-hover:ml-3\" \/>\n         <\/a>\n            <div class=\"h-[.375rem] w-full rounded-[2.5rem] bg-brand-med-grey\" id=\"progress-bar-news\">\n         <div class=\"bg-brand-light-steel-blue h-full rounded-[2.5rem]\" id=\"slide-bar-news\" style=\"width:20px\">\n         <\/div>\n      <\/div>\n   <\/div>\n<\/section>\n\n\n<script>\n   document.addEventListener(\"DOMContentLoaded\", function () {\n      function adjustSliderNews() {\n         const heading = document.getElementById(\"news-heading\");\n         const slider = document.getElementById(\"news-slider-layout\");\n\n         if (!heading || !slider) return;\n\n         const headingStyles = window.getComputedStyle(heading);\n         const marginLeft = headingStyles.marginLeft;\n         const paddingLeft = headingStyles.paddingLeft\n\n\n         slider.style.setProperty(\"margin-left\", marginLeft, \"important\");\n         slider.style.setProperty(\"padding-left\", paddingLeft, \"important\");\n         slider.style.setProperty(\"width\", \"100%\", \"important\");\n\n      }\n\n      window.addEventListener(\"resize\", adjustSliderNews);\n\n      adjustSliderNews()\n   });\n<\/script>\n\n\n\n<style>\n   .events-carousel {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      cursor: grab;\n   }\n\n   .events-carousel.grabbing {\n      cursor: grabbing;\n   }\n\n   .event-track {\n      display: flex;\n      transition: transform 0.5s ease-in-out;\n      will-change: transform;\n   }\n\n   .single-event-card {\n      flex: 0 0 100%;\n      min-width: 0;\n      box-sizing: border-box;\n      user-select: none;\n   }\n\n   .single-event-card .htmlBlock p {\n      margin-bottom: 0 !important;\n   }\n\n   @media not all and (min-width: 768px) {\n\n      .single-event-card .htmlBlock,\n      .single-event-card .htmlBlock p {\n         text-align: center !important;\n      }\n   }\n\n   .nav-arrow.disabled {\n      cursor: not-allowed;\n      opacity: 0.5;\n      pointer-events: none;\n   }\n\n   .slider-button svg {\n      height: 1.4rem !important;\n      width: 1.1rem 14.08px !important;\n   }\n<\/style>\n\n\n<script>\n   document.addEventListener('DOMContentLoaded', () => {\n      const track = document.getElementById('eventsTrack');\n      const cards = Array.from(document.querySelectorAll('.single-event-card'));\n      const prevBtn = document.getElementById('prevBtn');\n      const nextBtn = document.getElementById('nextBtn');\n      const carousel = document.querySelector('.events-carousel');\n      let currentIndex = 0;\n      let isDragging = false;\n      let startPosX = 0;\n      let currentTranslate = 0;\n      let prevTranslate = 0;\n      let animationID = 0;\n\n      function updateCarousel() {\n         track.style.transition = 'transform 0.5s ease-in-out';\n         track.style.transform = `translateX(-${currentIndex * 100}%)`;\n         prevBtn.classList.toggle('disabled', currentIndex === 0);\n         nextBtn.classList.toggle('disabled', currentIndex === cards.length - 1);\n      }\n\n      function isElementVisible(el) {\n         return el.offsetParent !== null && el.offsetHeight > 0;\n      }\n\n      function setUniformHeight() {\n         cards.forEach(card => card.style.height = 'auto');\n         if (window.innerWidth < 768) {\n            let maxMobileHeight = 0;\n            cards.forEach(card => {\n               const content = card.querySelector('.card-wrapper');\n               const image = card.querySelector('img[alt=\"event-featured-image\"]');\n               const contentHeight = content ? content.offsetHeight : 0;\n               maxMobileHeight = Math.max(maxMobileHeight, contentHeight);\n            });\n            cards.forEach(card => card.style.height = `${maxMobileHeight}px`);\n         } else {\n            let maxDesktopHeight = 0;\n            cards.forEach(card => {\n               maxDesktopHeight = Math.max(maxDesktopHeight, card.offsetHeight);\n            });\n            cards.forEach(card => card.style.height = `${maxDesktopHeight}px`);\n         }\n      }\n\n      function waitForImagesToLoad(callback) {\n         const images = track.querySelectorAll('img');\n         let loadedCount = 0;\n         if (images.length === 0) return callback();\n         images.forEach(img => {\n            if (img.complete) {\n               loadedCount++;\n               if (loadedCount === images.length) callback();\n            } else {\n               img.addEventListener('load', () => {\n                  loadedCount++;\n                  if (loadedCount === images.length) callback();\n               });\n               img.addEventListener('error', () => {\n                  loadedCount++;\n                  if (loadedCount === images.length) callback();\n               });\n            }\n         });\n      }\n\n      function setHeightWhenVisible() {\n         const check = setInterval(() => {\n            if (isElementVisible(track)) {\n               clearInterval(check);\n               waitForImagesToLoad(() => {\n                  setUniformHeight();\n                  updateCarousel();\n               });\n            }\n         }, 100);\n      }\n\n      function goToNext() {\n         if (currentIndex < cards.length - 1) {\n            currentIndex++;\n            updateCarousel();\n         }\n      }\n\n      function goToPrev() {\n         if (currentIndex > 0) {\n            currentIndex--;\n            updateCarousel();\n         }\n      }\n\n      function startDrag(e) {\n         \/\/ e.preventDefault();\n         isDragging = true;\n         startPosX = e.type === 'mousedown' ? e.pageX : e.touches[0].clientX;\n         carousel.classList.add('grabbing');\n         track.style.transition = 'none';\n         animationID = requestAnimationFrame(animation);\n      }\n\n      function drag(e) {\n         if (!isDragging) return;\n         const currentPosition = e.type === 'mousemove' ? e.pageX : e.touches[0].clientX;\n         const diff = currentPosition - startPosX;\n         if ((currentIndex === 0 && diff > 0) || (currentIndex === cards.length - 1 && diff < 0)) return;\n         currentTranslate = prevTranslate + diff;\n         track.style.transform = `translateX(calc(-${currentIndex * 100}% + ${currentTranslate}px))`;\n      }\n\n      function endDrag() {\n         if (!isDragging) return;\n         isDragging = false;\n         cancelAnimationFrame(animationID);\n         carousel.classList.remove('grabbing');\n         const movedBy = currentTranslate - prevTranslate;\n         if (Math.abs(movedBy) > 100) {\n            if (movedBy < 0) {\n               if (currentIndex < cards.length - 1) currentIndex++;\n            } else if (movedBy > 0 && currentIndex > 0) {\n               currentIndex--;\n            }\n         }\n         prevTranslate = 0;\n         currentTranslate = 0;\n         track.style.transition = 'transform 0.5s ease-in-out';\n         updateCarousel();\n      }\n\n      function animation() {\n         track.style.transform = `translateX(calc(-${currentIndex * 100}% + ${currentTranslate}px))`;\n         animationID = requestAnimationFrame(animation);\n      }\n      carousel.addEventListener('mousedown', startDrag);\n      window.addEventListener('mousemove', drag);\n      window.addEventListener('mouseup', endDrag);\n      carousel.addEventListener('touchstart', startDrag, { passive: false });\n      window.addEventListener('touchmove', drag, { passive: false });\n      window.addEventListener('touchend', endDrag);\n      prevBtn.addEventListener('click', goToPrev);\n      nextBtn.addEventListener('click', goToNext);\n      window.addEventListener(\"resize\", setUniformHeight);\n\n      window.addEventListener('load', () => {\n         setHeightWhenVisible();\n      });\n      let resizeTimeout;\n      window.addEventListener('resize', () => {\n         clearTimeout(resizeTimeout);\n         resizeTimeout = setTimeout(() => {\n            setHeightWhenVisible();\n         }, 100);\n      });\n      document.addEventListener('visibilitychange', () => {\n         if (!document.hidden) {\n            setHeightWhenVisible();\n         }\n      });\n   });\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-5179","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Homepage - New Jersey Future<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.njfuture.org\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Homepage - New Jersey Future\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.njfuture.org\/\" \/>\n<meta property=\"og:site_name\" content=\"New Jersey Future\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/NewJerseyFuture\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-03T10:19:18+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@NewJerseyFuture\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/\",\"url\":\"https:\\\/\\\/www.njfuture.org\\\/\",\"name\":\"Homepage - New Jersey Future\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/#website\"},\"datePublished\":\"2025-08-29T06:28:57+00:00\",\"dateModified\":\"2025-12-03T10:19:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.njfuture.org\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.njfuture.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Homepage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/#website\",\"url\":\"https:\\\/\\\/www.njfuture.org\\\/\",\"name\":\"New Jersey Future\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.njfuture.org\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/#organization\",\"name\":\"New Jersey Future\",\"url\":\"https:\\\/\\\/www.njfuture.org\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.njfuture.org\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/NJF-Footer-Logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.njfuture.org\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/NJF-Footer-Logo.svg\",\"width\":354,\"height\":285,\"caption\":\"New Jersey Future\"},\"image\":{\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/NewJerseyFuture\\\/\",\"https:\\\/\\\/x.com\\\/NewJerseyFuture\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Homepage - New Jersey Future","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.njfuture.org\/","og_locale":"en_US","og_type":"article","og_title":"Homepage - New Jersey Future","og_url":"https:\/\/www.njfuture.org\/","og_site_name":"New Jersey Future","article_publisher":"https:\/\/www.facebook.com\/NewJerseyFuture\/","article_modified_time":"2025-12-03T10:19:18+00:00","twitter_card":"summary_large_image","twitter_site":"@NewJerseyFuture","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.njfuture.org\/","url":"https:\/\/www.njfuture.org\/","name":"Homepage - New Jersey Future","isPartOf":{"@id":"https:\/\/www.njfuture.org\/#website"},"datePublished":"2025-08-29T06:28:57+00:00","dateModified":"2025-12-03T10:19:18+00:00","breadcrumb":{"@id":"https:\/\/www.njfuture.org\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.njfuture.org\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.njfuture.org\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.njfuture.org\/"},{"@type":"ListItem","position":2,"name":"Homepage"}]},{"@type":"WebSite","@id":"https:\/\/www.njfuture.org\/#website","url":"https:\/\/www.njfuture.org\/","name":"New Jersey Future","description":"","publisher":{"@id":"https:\/\/www.njfuture.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.njfuture.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.njfuture.org\/#organization","name":"New Jersey Future","url":"https:\/\/www.njfuture.org\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.njfuture.org\/#\/schema\/logo\/image\/","url":"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/12\/NJF-Footer-Logo.svg","contentUrl":"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/12\/NJF-Footer-Logo.svg","width":354,"height":285,"caption":"New Jersey Future"},"image":{"@id":"https:\/\/www.njfuture.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/NewJerseyFuture\/","https:\/\/x.com\/NewJerseyFuture"]}]}},"_links":{"self":[{"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/pages\/5179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/comments?post=5179"}],"version-history":[{"count":34,"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/pages\/5179\/revisions"}],"predecessor-version":[{"id":15083,"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/pages\/5179\/revisions\/15083"}],"wp:attachment":[{"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/media?parent=5179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}