fix homepage

src/containers/Home/index.tsx

@@ -61,15 +61,14 @@ const HeroSection = () => {
           Help JSON Crack's Goals
           <FaHeart />
         </Styles.StyledSponsorButton>
-        <Link
+        <Styles.StyledSponsorButton
           href="https://marketplace.visualstudio.com/items?itemName=AykutSarac.jsoncrack-vscode"
-          passHref
+          link
+          isBlue
         >
-          <Styles.StyledSponsorButton isBlue>
-            GET IT ON VS CODE
-            <SiVisualstudiocode />
-          </Styles.StyledSponsorButton>
-        </Link>
+          GET IT ON VS CODE
+          <SiVisualstudiocode />
+        </Styles.StyledSponsorButton>
         <GoalsModal visible={isModalVisible} setVisible={setModalVisible} />
       </Styles.StyledButtonWrapper>
     </Styles.StyledHeroSection>
@@ -198,6 +197,13 @@ const EmbedSection = () => (
         Easily embed the JSON Crack graph into your website to showcase your
         visitors, blog readers or anybody else!
       </Styles.StyledMinorTitle>
+      <Styles.StyledButton
+        href="https://jsoncrack.com/embed"
+        status="SECONDARY"
+        link
+      >
+        LEARN TO EMBED
+      </Styles.StyledButton>
     </Styles.StyledSectionArea>
     <div>
       <Styles.StyledIframge
@@ -205,9 +211,12 @@ const EmbedSection = () => (
         onLoad={e => {
           const frame = e.currentTarget.contentWindow;
           setTimeout(() => {
-            frame?.postMessage({
-              json: defaultJson,
-            }, "*");
+            frame?.postMessage(
+              {
+                json: defaultJson,
+              },
+              "*"
+            );
           }, 500);
         }}
       ></Styles.StyledIframge>