Merge pull request #13632 from lizzochek/task/WD-9292

WD-9292 - update /ai/mlops

templates/ai/mlops.html

@@ -20,7 +20,7 @@ <h1 class="u-no-padding--bottom">Deliver AI at scale <br class="u-hide--small">w
         <div class="p-section--shallow">
           <p>Move from experimentation to production using a modular MLOps platform. <br class="u-hide--small">Accelerate your project delivery and ensure quick return on investment.</p>
         </div>
-        <a class="p-button--positive" href="/engage/mlops-guide">Read our guide to MLOps</a>
+        <a class="p-button--positive" href="/engage/mlops-toolkit">Read our MLOps toolkit</a>
         <a class="p-button js-invoke-modal" href="/ai/contact-us">Talk to our experts</a>
       </div>
     </div>
@@ -36,7 +36,7 @@ <h2>What is MLOps?</h2>
       </div>
       <p>Machine learning operations (MLOps) is like DevOps for machine learning. It is a set of practices that automates machine learning workflows, ensuring scalability, portability and reproducibility.</p>
       <div>
-        <img src="https://assets.ubuntu.com/v1/0f2554e7-what is MLOps illustration.svg" alt="" style="height: 267px; width: 597px;">
+        <img src="https://assets.ubuntu.com/v1/3c68af89-what%20is%20mlops.png" alt="" style="width: 650px; height: 356px;">
       </div>
       <p>
         <a href="/blog/what-is-mlops">Read more about MLOps&nbsp;&rsaquo;</a>
@@ -145,6 +145,17 @@ <h2 class="p-text--small-caps">MLOps resources</h2>
       </div>
     </div>
     <div class="col">
+      <div class="row p-section--shallow">
+        <div class="col-3">
+          <p>
+            <a href="/engage/machine-learning-media-entertainment">Machine learning drives down operational costs in media & entertainment</a>
+          </p>
+        </div>
+        <div class="col-6">
+          <p>One of our customers migrated from a legacy platform to Canonical MLOps and reduced their operational costs.</p>
+        </div>
+      </div>
+      <hr class="p-rule">
       <div class="row p-section--shallow">
         <div class="col-3">
           <p>
@@ -192,16 +203,6 @@ <h2 class="p-text--small-caps">MLOps resources</h2>
   </div>
 </section>
 
-<section class="p-strip--white is-deep">
-  <div class="row">
-    <div class="col-start-large-4 col-9">
-      <p class="p-heading--2">
-        <a class="js-invoke-modal" href="/ai/contact-us">Talk to our experts&nbsp;&rsaquo;</a>
-      </p>
-    </div>
-  </div>
-</section>
-
 <!-- Set default Marketo information for contact form below-->
 <div class="u-hide" id="contact-form-container" data-form-location="/shared/forms/interactive/ai" data-form-id="3231" data-lp-id="6279" data-return-url="https://ubuntu.com/ai/thank-you?product=ai-managed" data-lp-url="https://pages.ubuntu.com/things-contact-us.html">