Updates ml related copy to "ai"

Author: barnesjoseph

app/public/img/ai-banner.png

@@ -344,6 +344,11 @@
       top: 44px;
     }
 
+    .ai-hero-clipart {
+      width: 308px;
+      top: 0;
+    }
+
     .impact-number {
       font-size: 64px;
     }

app/public/logos/ml.png

@@ -63,11 +63,11 @@
             Gemini API
           </h2>
           <p class="text-lg px-8 pb-8">
-            Build and deploy production ready generative AI experiences, enhanced by Gemini models. Get started for free!
+            Build and deploy production-ready generative AI experiences using Gemini models, APIs, and GenAI frameworks.
           </p>
           <MaterialButton type="primary" class="mb-12">
             <div class="frc">
-              <a href="#all-products">Get started</a>
+              <a href="https://ai.google.dev/gemini-api/docs">Learn more</a>
             </div>
           </MaterialButton>
         </div>
@@ -83,7 +83,7 @@
           </p>
           <MaterialButton type="primary" class="mb-12">
             <div class="frc">
-              <a href="/authors">Get started</a>
+              <a href="https://aistudio.google.com">Learn more</a>
             </div>
           </MaterialButton>
         </div>
@@ -97,11 +97,11 @@
             JAX
           </h2>
           <p class="text-lg px-8 pb-8">
-            JAX is a library for array-oriented numerical computation to enable high-performance machine learning research.
+            Accelerate numerical code and machine learning with JAX's automatic differentiation and high-performance compilation.
           </p>
           <MaterialButton type="primary" class="mb-12">
             <div class="frc">
-              <a href="/featured-content">Get started</a>
+              <a href="https://docs.jax.dev/en/latest/index.html">Learn more</a>
             </div>
           </MaterialButton>
         </div>

app/src/assets/css/tailwind.css

@@ -62,7 +62,8 @@
             </div>
           </div>
         </div>
-        <img
+        <img v-if="product.key == mlProductType" src="/img/ai-banner.png" class="product-hero-clipart ai-hero-clipart"/>
+        <img v-else
           src="/img/banners/desktop/product-clipart.png"
           class="product-hero-clipart"
         />
@@ -254,6 +255,7 @@ import {
   BlogData,
   RepoData,
   BlogOrRepoDataHolder,
+  ProductKey,
 } from "../../../shared/types";
 
 import UIModule from "@/store/ui";
@@ -337,6 +339,8 @@ export default class Product extends Vue {
     this.perPage
   );
 
+  public mlProductType = ProductKey.ML;
+
   mounted() {
     // Loading will be handled by the first "onQueryParamsChanged" firing
     // which will happen when the page loads and the default values hit

app/src/views/Home.vue

@@ -56,9 +56,9 @@ export const ALL_PRODUCTS: Record<string, ProductConfig> = {
   },
   ml: {
     key: ProductKey.ML,
-    name: "Machine Learning",
+    name: "AI Projects",
     description:
-      " Google provides a wide range of Machine Learning technologies and products for developers to use and develop for their projects. These include TensorFlow, TensorFlow.js, TensorFlow Lite, TensorFlow Extended, JAX, Keras and Mediapipe. Dev Library has a curated collection of Machine Learning blogs, open source projects, and tutorials contributed by developers around the world. Explore today for your next project!",
+      "Unlock AI models to build innovative apps and transform development workflows with tools across platforms.",
     docsUrl: "https://www.tensorflow.org/",
     tags: [
       {

app/src/views/Product.vue

@@ -56,9 +56,9 @@ export const ALL_PRODUCTS: Record<string, ProductConfig> = {
   },
   ml: {
     key: ProductKey.ML,
-    name: "Machine Learning Projects",
+    name: "AI Projects",
     description:
-      " Google provides a wide range of technologies and products for developers to use and develop for their machine learning and AI projects. These include TensorFlow, TensorFlow.js, TensorFlow Lite, TensorFlow Extended, JAX, Keras and Mediapipe. Dev Library has a curated collection of Machine Learning and AI blogs, open source projects, and tutorials contributed by developers around the world. Explore today for your next project!",
+      "Unlock AI models to build innovative apps and transform development workflows with tools across platforms.",
     docsUrl: "https://www.tensorflow.org/",
     tags: [
       {