From 7b30546717ab8bb271217064318ef9e0c0c40ecc Mon Sep 17 00:00:00 2001
From: Jan-Niklas W <6104311+niklas-wortmann@users.noreply.github.com>
Date: Mon, 3 May 2021 21:11:17 -0500
Subject: [PATCH] Improve homepage (#6292)

* docs(breaking-changes): update min ts version to 4.2

* docs(index): add link to v7 announcment for breaking changes

Co-authored-by: Jan-Niklas Wortmann <jan-niklas.wortmann@evorait.com>
---
 docs_app/content/marketing/index.html         | 25 +++++++++++--------
 .../styles/1-layouts/_marketing-layout.scss   |  4 +++
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/docs_app/content/marketing/index.html b/docs_app/content/marketing/index.html
index 924b64abc8..be9dc6ca09 100644
--- a/docs_app/content/marketing/index.html
+++ b/docs_app/content/marketing/index.html
@@ -34,20 +34,23 @@ <h1 class="no-anchor no-toc" style="display: none"></h1>
   <div class="home-rows">
 
   <aio-announcement-bar></aio-announcement-bar>
+  <a href="/deprecations/breaking-changes">
   <div layout="row" class="home-row homepage-container">
-    <div class="card">
-      <div class="promo-1-desc l-pad-top-2">
-        <div class="text-headline">Version 7 released!</div>
-        <p>here are a some of the benefits of running on the latest version</p>
-        <ul>
-          <li>~50% smaller</li>
-          <li>improved typings</li>
-          <li>more consistent APIs</li>
-          <li>and much more...</li>
-        </ul>
+      <div class="card">
+        <div class="promo-1-desc l-pad-top-2">
+          <div class="text-headline">Version 7 released!</div>
+          <p class="text">Here are a some of the benefits of running on the latest version</p>
+          <ul class="text">
+            <li>~50% smaller</li>
+            <li>Improved typings</li>
+            <li>More consistent APIs</li>
+            <li>and much more...</li>
+          </ul>
+          <p class="text">If you want to know more about the breaking changes, click here...</p>
+        </div>
       </div>
     </div>
-  </div>
+  </a>
   
 
   <div layout="row" layout-xs="column" class="home-row homepage-container">
diff --git a/docs_app/src/styles/1-layouts/_marketing-layout.scss b/docs_app/src/styles/1-layouts/_marketing-layout.scss
index 307e580a9a..ab25a8b3c6 100644
--- a/docs_app/src/styles/1-layouts/_marketing-layout.scss
+++ b/docs_app/src/styles/1-layouts/_marketing-layout.scss
@@ -265,6 +265,10 @@ section#intro {
   }
 }
 
+.text {
+  color: $darkgray;
+}
+
 .button.hero-cta {
   display: flex;
   align-items: center;