Update Kanvas Teaser title and wrap images in links for better navigation

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

Author: leecalcote

src/sections/Kanvas/index.js

@@ -250,7 +250,7 @@ const Kanvas = (props) => {
       </div>
       <>
         <Reviews />
-        <TeaserModal title="Kanvaseaser" open={props?.teaser} />
+        <TeaserModal title="Kanvas Teaser" open={props?.teaser} />
       </>
     </KanvasWrapper>
   );

src/sections/Kanvas/kanvas-platform.js

@@ -127,23 +127,27 @@ const Platform = () => {
               description:
                 "Keep your Kanvas designs internal to your workplace. Get remote support from Layer5 when you need it.",
               content: (
-                <img
-                  src={SelfHosted}
-                  alt="Kanvas Self-hosted"
-                  className="modes-image"
-                />
+                <a href="https://docs.layer5.io/cloud/self-hosted">
+                  <img
+                    src={SelfHosted}
+                    alt="Kanvas Self-hosted"
+                    className="modes-image"
+                  />
+                </a>
               ),
             },
             {
               title: "Cloud",
               description:
                 "Connect to Layer5 Cloud and have your Kanvas designs versioned and available for team sharing and real-time collaboration.",
               content: (
-                <img
-                  src={CloudHosted}
-                  alt="Kanvas Cloud"
-                  className="modes-image"
-                />
+                <a href="https://docs.layer5.io/cloud/">
+                  <img
+                    src={CloudHosted}
+                    alt="Kanvas Cloud"
+                    className="modes-image"
+                  />
+                </a>
               ),
             },
           ]}