refactor: implement new design for What is Cal-ITP section

src/index.html

@@ -31,19 +31,31 @@ <h1 class="home-hero-title">A new home for modern and equitable transportation i
 </div>
 
 <div class="container" id="what-is">
-  <div class="home-what-is">
-    <header class="text-center">
-      <h2 class="mt-0">What is Cal-ITP?</h2>
-    </header>
-    <p>
-      Created and managed by Caltrans, the California Integrated Travel Project (Cal-ITP) is a statewide initiative designed to
-      unify all transit in California with a common fare payment system, real-time data standard, and seamless verification of
-      reduced-fare eligibility. Questions? The Cal-ITP team is here to help.
-    </p>
-    <div class="text-center">
-      <a class="btn btn-action btn-primary btn-data-package" href="/contact">Get in touch</a>
+  <section class="imaged-section imaged-section--right">
+    <div class="imaged-section__title">
+      <h2>What is Cal-ITP?</h2>
     </div>
-  </div>
+    <div class="imaged-section__image">
+      <img
+        alt="A smart phone and credit card being tapped at a bus fare device"
+        class="img-fluid home-cta-image"
+        src="/uploads/home-illo-payment-types.png"
+      />
+    </div>
+    <div class="imaged-section__content">
+      <p>
+        Supported by the
+        <a rel="noreferrer" target="_blank" href="https://calsta.ca.gov/">California State Transportation Agency</a>
+        (CalSTA) and the
+        <a rel="noreferrer" target="_blank" href="https://dot.ca.gov/ ">California Department of Transportation</a>
+        (Caltrans) through a grant from the
+        <a rel="noreferrer" target="_blank" href="https://calsta.ca.gov/subject-areas/transit-intercity-rail-capital-prog">California Transit and Intercity Rail Capital Program</a>
+        (<abbr>TIRCP</abbr>), the California Integrated Travel Project (Cal-ITP) is a statewide solution to make travel simpler and
+        cost-effective for everyone.
+      </p>
+      <a class="btn btn-action btn-primary" rel="noreferrer" target="_blank" href="https://www.calitp.org/">Learn more</a>
+    </div>
+  </section>
 </div>
 
 <div class="bg-blue-lightest">