Updates homepage styling (#820)

* Updates homepage styling

* Updates ml related copy to "ai"

* Update GoogleDevelopers-lockup.svg

* Update ml.png

* Removes obsolete pages and copy

* Updates no project message

* Change jax to gemma card

Author: barnesjoseph

app/public/img/ai-banner.png

@@ -213,16 +213,37 @@
     width: 24px;
   }
 
-  .value-prop-cards {
+  .dev-tools-cards {
     background: #f1f3f4;
   }
 
+  .dev-tools-cards .card,
+  .value-prop-cards .card {
+    justify-content: flex-start;
+  }
+
+  .dev-tools-cards .card button,
+  .value-prop-cards .card button {
+    margin-block: auto 16px;
+  }
+
+  .section-inner {
+    max-width: 1488px;
+    margin: 0 auto;
+  }
+
+  .dev-tools-image img {
+    height: 96px;
+    width: auto;
+    margin-block: 16px 24px;
+  }
+
   .value-prop-image {
     margin-bottom: 33px;
   }
 
   .value-prop-image img {
-    width: 200px;
+    width: 80px;
   }
 
   .value-prop-cards button {
@@ -264,8 +285,12 @@
     font-weight: 500;
   }
 
+  .no-projects-link {
+    color: rgb(26, 115, 232);
+  }
+
   @screen lg {
-    .homepage-header h1, 
+    .homepage-header h1,
     .full-bleed-header-image h1 {
       font-size: 44px;
       line-height: 52px;
@@ -300,7 +325,7 @@
     }
 
     .repo-item {
-      border-radius: 4px;   
+      border-radius: 4px;
       padding: 4px 6px;
     }
 
@@ -323,10 +348,15 @@
       top: 44px;
     }
 
+    .ai-hero-clipart {
+      width: 308px;
+      top: 0;
+    }
+
     .impact-number {
       font-size: 64px;
     }
-  
+
     .impact-text {
       font-size: 20px;
     }

app/public/img/ai-studio-icon.png

@@ -59,10 +59,6 @@
             <span class="header">Authors</span>
           </router-link>
 
-          <router-link to="/featured-content" class="section">
-            <span class="header">Featured Content</span>
-          </router-link>
-
           <router-link to="/about" class="section">
             <span class="header">About</span>
           </router-link>
@@ -123,10 +119,6 @@
         ><span>Authors</span></router-link
       >
 
-      <router-link class="block nav-item nav-item-link" to="/featured-content"
-        ><span class="header">Featured Content</span>
-      </router-link>
-
       <router-link class="block nav-item nav-item-link" to="/about"
         ><span>About</span></router-link
       >
@@ -140,7 +132,7 @@
           type="primary"
           v-if="!showSideMenu"
         >
-          Submit your content
+          Submit your AI project
         </MaterialButton>
       </transition>
     </div>

app/public/img/gemini-icon.png

@@ -54,7 +54,7 @@ export default class SubmitDialog extends Vue {
 
   mounted() {
     EVENT_BUS.$on(NAME_SHOW_SUBMIT_DIALOG, () => {
-      this.show = true;
+      this.goToForm()
     });
   }
 
@@ -66,7 +66,7 @@ export default class SubmitDialog extends Vue {
     this.show = false;
     conversionEvent("submit");
     window.open(
-      "https://devlibrary.advocu.com/home/applications/form",
+      "https://forms.gle/S61NStowwwTjVrHT7",
       "_blank"
     );
   }

app/public/img/gemma-logo.png

@@ -17,7 +17,6 @@
 import Vue from "vue";
 import VueRouter, { RouteConfig } from "vue-router";
 import Home from "../views/Home.vue";
-import FeaturedContent from "../views/FeaturedContent.vue";
 import About from "../views/About.vue";
 import ContentPolicy from "../views/ContentPolicy.vue";
 import Product from "../views/Product.vue";
@@ -50,11 +49,6 @@ const routes: Array<RouteConfig> = [
     name: "RepoPage",
     component: Repo,
   },
-  {
-    path: "/featured-content",
-    name: "Featured Content",
-    component: FeaturedContent,
-  },
   {
     path: "/authors",
     name: "Authors",