For vendors: Header section (#504)

src/_sass/pages/_go-contactless.scss

@@ -2,7 +2,8 @@
 $gc-tan: rgb(250, 245, 238);
 $gc-blue: rgb(235, 248, 252);
 
-.go-contactless-section {
+.go-contactless-section,
+.feature-section {
   padding: 4rem 10vw;
 }
 
@@ -27,7 +28,8 @@ $gc-blue: rgb(235, 248, 252);
   }
 }
 
-.go-contactless-benefit-card-container {
+.go-contactless-benefit-card-container,
+.focus-box-container {
   display: grid;
   grid-gap: 2rem;
   justify-content: center;
@@ -38,15 +40,17 @@ $gc-blue: rgb(235, 248, 252);
 }
 
 .go-contactless-benefit-card,
-.agency {
+.agency,
+.focus-box {
   border-radius: 6px;
   box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   background-color: #fff;
 }
 
-.go-contactless-benefit-card {
-  padding: 1rem;
+.go-contactless-benefit-card,
+.focus-box {
+  padding: 1.5rem;
 }
 
 .agency-container {

src/for-vendors.html

@@ -3,3 +3,81 @@
 show_newsletter: true
 newsletter_background: bg-white
 ---
+
+<section class="container">
+  <div class="imaged-section imaged-section--right">
+    <div class="imaged-section__title">
+      <h1 class="home-hero-title">Join us in bringing industry standards to California’s transit providers</h1>
+    </div>
+    <div class="imaged-section__image">
+      <img
+        alt="A saleswoman behind a stand for 'Better Products,' framed by refresh and checkmark icon illustrations."
+        class="img-fluid"
+        src="/uploads/vendor-hero-lg.svg"
+      />
+    </div>
+    <div class="imaged-section__content">
+      <p>
+        There are hundreds of public transit providers in California with no consistent approach to collect fares, verify
+        eligibility for fare discounts, or provide up-to-date vehicle arrival information to riders. This lack of uniformity
+        creates barriers for new riders, complicates travel across different systems, and can be expensive for agencies to manage.
+      </p>
+      <p>
+        Created and managed by Caltrans, the California Integrated Travel Project (Cal-ITP) is a statewide initiative to unify
+        transit in California with a common fare payment system, real-time data standard, and seamless verification of
+        reduced-fare eligibility. 
+      </p>
+      <strong>We are working to create a true marketplace</strong>
+      <p>
+        We want to ensure transit agencies have access to innovative and affordable technologies to enable a better experience for
+        riders. While we’ve primarily worked with California agencies, we have products for agencies all across the country. Reach
+        out or view our <a href="/contracts/">MSAs</a> to learn more.
+      </p>
+      <a class="btn btn-primary m-t-md" href="/contact/" target="_self">Contact us</a>
+    </div>
+  </div>
+</section>
+
+<section class="feature-section bg-dark-tan" id="long-term">
+  <header>
+    <h2 class="mt-0 text-center mb-2">Our focus areas</h2>
+    <div class="container">
+      <div class="row">
+        <p class="text-center mb-4 offset-md-2 col-md-8">
+          Cal-ITP has ambitious goals. If you are a vendor with solutions that can help with the following, please review the
+          <a href="#faq">FAQs</a> below and <a href="/contact">get in touch</a> for more details on how to get involved.
+        </p>
+      </div>
+    </div>
+  </header>
+
+  <div class="focus-box-container">
+    <div class="focus-box">
+      <picture>
+        <img alt="Circular badge of excellence with a star at the center." src="/uploads/focus-experience.svg" />
+      </picture>
+      <h3>Improving the rider experience</h3>
+      <p>
+        From helping riders plan their trips based on accurate data to making it simpler to pay using contactless payments,
+        Cal-ITP is dedicated to improving the rider experience.
+      </p>
+    </div>
+    <div class="focus-box">
+      <picture>
+        <img alt="An efficient clock with speed lines behind it." src="/uploads/focus-speed.svg" />
+      </picture>
+      <h3>Reducing friction between services and modes</h3>
+      <p>From bike to bus to rail, Cal-ITP wants to make trip planning simple and seamless across modes.</p>
+    </div>
+    <div class="focus-box">
+      <picture>
+        <img alt="Three rectangular building blocks that fit together seamlessly." src="/uploads/focus-seamless.svg" />
+      </picture>
+      <h3>Streamlining operations for transit providers</h3>
+      <p>
+        Cal-ITP is developing a true marketplace for products and services that help operators focus their energy on providing
+        better service to riders (and not managing complicated procurements).
+      </p>
+    </div>
+  </div>
+</section>