For vendors: FAQ and Meet Your Market section (#506)

src/_sass/_utilities.scss

@@ -21,6 +21,10 @@ $mm-dark-tan: rgb(246, 243, 237);
   background-color: $dark-blue;
 }
 
+.bg-blue-lightest {
+  background-color: $blue-lightest;
+}
+
 // Text
 
 .text-red {
@@ -42,6 +46,11 @@ $mm-dark-tan: rgb(246, 243, 237);
   font-weight: 100;
 }
 
+.fs-0 {
+  font-size: 0.75rem;
+  letter-spacing: 0.3px;
+}
+
 // Buttons
 
 .btn.btn-dark-blue-inverted {

src/contracts/index.html

@@ -1,6 +1,6 @@
 ---
 layout: skinny
-title: California's Contracts—for U.S. transit agencies
+title: California’s Contracts—for U.S. transit agencies
 show_newsletter: true
 newsletter_background: bg-dark-tan
 class_name: no-banner

src/for-vendors.html

@@ -81,3 +81,62 @@ <h3>Streamlining operations for transit providers</h3>
     </div>
   </div>
 </section>
+
+<section class="go-contactless-section" id="meet-your-market">
+  <div class="imaged-section imaged-section--right">
+    <div class="imaged-section__title">
+      <span class="fs-0 text-uppercase fw-bold">The Opportunity</span>
+      <h2 class="mt-3 mb-4">Meet your market</h2>
+    </div>
+    <div class="imaged-section__image">
+      <div class="bg-blue-lightest">
+        <img
+          alt="Did you know? 20k+ revenue service vehicles in California alone"
+          class="img-fluid align-self-center"
+          src="/uploads/vendor-stat.svg"
+        />
+      </div>
+    </div>
+    <div class="imaged-section__content">
+      <p>
+        The California mobility market is large and complex but we want to make it simple for vendors and agencies to participate
+        in a true marketplace: one with good products, with rapid and seamless procurement, and that leaves you with more time to
+        deliver service to riders.
+      </p>
+      <p>
+        To better understand the size and scale of opportunities in transportation, the Cal-ITP team compiled a list of
+        California’s transit providers. Explore the more than 300 providers on our map and table, which links to each operator’s
+        website and offers just a taste of our full dataset—a CSV download that includes fare revenues, fleet size, vehicle type,
+        and more.
+      </p>
+      <a class="btn btn-primary m-t-md mt-4" href="/provider-map/" target="_self">See our provider map</a>
+    </div>
+  </div>
+</section>
+
+<section class="go-contactless-section bg-dark-tan" id="faq">
+  <div class="container">
+    <div class="row">
+      <div class="offset-md-2 col-md-8">
+        <h2 class="mt-0 mb-4 pb-md-0 pb-2">Frequently asked questions</h2>
+        <strong>How do I get my products listed on the California Mobility Marketplace?</strong>
+        <p class="pb-4 mb-md-2">
+          If you are a vendor offering products or services that could help in any of our focus areas,
+          <a href="/contact">please get in touch</a>.
+        </p>
+
+        <strong>How can I get a list of partner agencies in California?</strong>
+        <p class="pb-4 mb-md-2">
+          Please visit our <a href="/provider-map">Provider Map page</a> for information about agencies in California. If you have
+          any questions, <a href="/contact">please get in touch</a>.
+        </p>
+
+        <strong>How do I find out more about Cal-ITP?</strong>
+        <p class="pb-4 mb-md-2">
+          You can find more information about Cal-ITP, including resources and recent press, by visiting
+          <a href="/">calitp.org</a>.
+        </p>
+      </div>
+    </div>
+  </div>
+</section>