fix style

Author: josurodriguez

components/DiscordConnect.tsx

@@ -10,7 +10,6 @@ const DiscordConnect = () => (
       alignItems="flex-end"
       justifyContent="center"
       bg="#f26840"
-      mt="3rem"
     >
       <Flex
         direction="column"

components/Footer.tsx

@@ -7,6 +7,17 @@ export const Footer = () => {
 
   return (
     <>
+      <Image
+        src="../waveup.svg"
+        alt="wave up"
+        w="100%"
+        mb={['-0.8px', '-1px', '-1px', '-1px', '-1px']}
+        style={{
+          transform: 'rotate(-180deg)',
+        }}
+        bg={colorMode === 'light' ? 'gray.300' : 'gray.800'}
+        h="7rem"
+      />
       <DiscordConnect />
       <Flex
         w="100%"

pages/index.tsx

@@ -116,7 +116,7 @@ const Home: React.FC<Props> = ({ roadmaps }) => {
         />
       ))}
 
-      <Flex w="100%" h="100vh" alignItems="center">
+      <Flex w="100%" h="100vh" alignItems="center" mb="5rem">
         <Flex w="100%" h="60vh" alignItems="center" justifyContent="center">
           <Flex
             direction="column"