Merge pull request #87 from cusec/feat/vip-deadline

feat: remove past vip deadline

Author: sttic

components/FooterModal.tsx

@@ -11,11 +11,11 @@ import {
 import React, { Fragment, ReactElement, useEffect } from "react";
 import {
   BodyPrimary,
+  FooterLink,
   Headline,
   HeadlinePrimary,
   LinkifyText,
 } from "@/components/core/Text";
-import { FooterLink } from "@/components/StyledCore";
 import { useRouter } from "next/router";
 
 interface FooterModalProps {

components/StyledCore.tsx

@@ -51,6 +51,31 @@ export const LinkPrimaryVariant = styled(Link)`
   color: white;
 `;
 
+export const FooterLink = styled(Link)`
+  color: #616161;
+  margin: 5px 8px;
+  padding-bottom: 1px;
+  position: relative;
+
+  &:after {
+    background: ${theme.colors.brand.teal};
+    bottom: 0;
+    content: "";
+    height: 4px;
+    left: 0;
+    opacity: 0;
+    position: absolute;
+    transform: translateY(3px);
+    transition: opacity 0.2s ease, transform 0.2s ease;
+    width: 100%;
+  }
+
+  &:hover::after {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+
 export function LinkifyText({ children }: LinkifyProps): ReactElement {
   return (
     <Linkify

components/core/Text.tsx

@@ -3,7 +3,7 @@ import Logo from "../svgs/logo.svg";
 import React, { ReactElement } from "react";
 import { Flex, Text } from "@chakra-ui/core";
 import { GreyBackground } from "@/components/core/Layout";
-import { FooterLink } from "@/components/StyledCore";
+import { FooterLink } from "@/components/core/Text";
 import FooterModal from "@/components/FooterModal";
 import {
   attributionsText,
@@ -33,7 +33,7 @@ export default function Footer(): ReactElement {
         <BaseContainer>
           <Flex
             width="100%"
-            flexDirection={["column", "column", "row", "row"]}
+            flexDirection={["column", "column", "column", "row"]}
             justifyContent={[
               "flex-start",
               "flex-start",

components/sections/Footer.tsx

@@ -119,9 +119,6 @@ export default function Hero(): React.ReactElement {
                   Interested in sponsoring?
                 </LinkPrimary>
               </Flex>
-              <BodyPrimary marginTop="28px">
-                Don&apos;t miss out! <b>VIP ticket sales end Dec 10.</b>
-              </BodyPrimary>
               <Flex
                 justifyContent="center"
                 alignItems="center"