Merge pull request #4389 from layer5io/leecalcote/homepage/banner-button

[Home] Banner: add button to playground
layer5io · Jun 23, 2023 · f3ff218 · f3ff218
2 parents c315627 + d4e667a
commit f3ff218
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/sections/Home/Banner-4/index.js b/src/sections/Home/Banner-4/index.js
@@ -8,6 +8,7 @@ import VintageBox from "../../../reusecore/VintageBox";
 import BGImg from "../../../components/BGImage";
 
 import { FaMapMarkedAlt } from "@react-icons/all-files/fa/FaMapMarkedAlt";
+import { BsArrowUpRight } from "@react-icons/all-files/bs/BsArrowUpRight";
 
 import Banner1SectionWrapper from "./banner4.style";
 
@@ -62,6 +63,9 @@ const Banner1 = (props) => {
                   <Button primary className="banner-btn one" title="Learn about MeshMap" url="/cloud-native-management/meshmap">
                     <FaMapMarkedAlt size={21} className="icon-left" />
                   </Button>
+                  <Button secondary className="banner-btn two" title="Open in Playground" url="https://play.meshery.io">
+                    <BsArrowUpRight size={21} className="icon-left" />
+                  </Button>
                 </VintageBox>
               </span>
             </Container>