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 );