diff --git a/frontend/src/components/Hero.tsx b/frontend/src/components/Hero.tsx
index 5a90c74..c6ac964 100644
--- a/frontend/src/components/Hero.tsx
+++ b/frontend/src/components/Hero.tsx
@@ -1,12 +1,23 @@
-import { Flex, Heading } from "@chakra-ui/react";
+import { Flex, Heading, keyframes } from "@chakra-ui/react";
+import { css } from "@emotion/react";
+
+const gradient = keyframes`
+0% { background-position: 0% 0%; }
+100% { background-position: 100% 0%; }
+}
+`;
export const Hero = ({ title }: { title: string }) => (
{title}
diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx
index 1ef804f..0504a47 100644
--- a/frontend/src/pages/index.tsx
+++ b/frontend/src/pages/index.tsx
@@ -1,6 +1,7 @@
-import { Button, Text } from "@chakra-ui/react";
+import { Button, Link as ChakraLink, Text } from "@chakra-ui/react";
import { GetServerSideProps, NextPage } from "next";
import { getSession, signIn } from "next-auth/react";
+import Link from "next/link";
import React from "react";
import { Container } from "../components/Container";
import { Footer } from "../components/Footer";
@@ -16,12 +17,17 @@ const Index: NextPage = () => {
maxWidth="200"
alignSelf="center"
onClick={() => signIn("discord")}
+ disabled
>
Login With Discord
);