Merge pull request #2277 from zeitgeistpm/tr-missing-links

Add tutorial links
zeitgeistpm · Feb 20, 2024 · ff56007 · ff56007
2 parents 3c39f9f + 5c29f27
commit ff56007
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 21 deletions.
diff --git a/components/front-page/WatchHow.tsx b/components/front-page/WatchHow.tsx
@@ -76,21 +76,17 @@ const WatchHow = () => {
             </span>
           ))}
         </div>
-        <div className="relative">
-          <a
-            className={`center relative z-10 ml-auto flex cursor-wait gap-2 rounded-md bg-ztg-pink px-[20px] py-[10px] text-white opacity-70 ${
-              animationState === "finished" && "animate-pop-in"
-            }`}
-          >
-            <span className="text-sm font-semibold md:text-[px]">
-              Watch how
-            </span>
-            <Video size={24} />
-          </a>
-          <div className="absolute right-0 top-0 z-10 -translate-y-[50%] translate-x-[10%] rounded-full bg-blue-300 px-2 py-1 text-xs text-white">
-            Coming soon!
-          </div>
-        </div>
+        <a
+          href="https://www.youtube.com/playlist?list=PLdOlgpqyU8RP-ZK2A2qbcfxOlzoeuR6sx"
+          target="_blank"
+          rel="noreferrer"
+          className={`center relative z-10 ml-auto flex cursor-pointer gap-2 rounded-md bg-ztg-pink px-[20px] py-[10px] text-white opacity-70 ${
+            animationState === "finished" && "animate-pop-in"
+          }`}
+        >
+          <span className="text-sm font-semibold md:text-[px]">Watch how</span>
+          <Video size={24} />
+        </a>
         <motion.div
           className="absolute left-[10%] top-12 h-[0] w-[40%] rounded-full pb-[40%] blur-3xl sm:left-[25%] sm:top-8"
           style={{ x: ax, y: ay, backgroundColor: "rgba(250,217,255, 1)" }}

diff --git a/pages/create-account.tsx b/pages/create-account.tsx
@@ -93,13 +93,15 @@ const CreateAccountPage: NextPage = () => {
         })}
       </div>
       <div className="my-9 flex p-2 text-blue">
-        {/* TODO: Update href attribute */}
-        <Link href="#" className="flex">
-          <div className="mr-3">
-            Watch this tutorial about how to buy tokens using crypto
-          </div>
+        <a
+          href="https://www.youtube.com/playlist?list=PLdOlgpqyU8RP-ZK2A2qbcfxOlzoeuR6sx"
+          target="_blank"
+          rel="noreferrer"
+          className=" flex gap-3"
+        >
+          <div>Watch this tutorial about how to buy tokens using crypto</div>
           <Video />
-        </Link>
+        </a>
       </div>
       <h2 className="mb-9 p-2">Next Steps</h2>
       <div className="flex flex-col gap-4 md:flex-row">