Fix links, styles

src/components/common/card/card.module.scss

@@ -26,6 +26,11 @@
         transform: rotate(45deg) scale(1.15);
       }
     }
+
+    .image__container {
+      filter: brightness(125%);
+      transition: filter var(--duration-normal);
+    }
   }
 
   &-blog {

src/components/common/footer/index.tsx

@@ -207,7 +207,7 @@ export const Footer = () => {
               </ul>
               <ul className={s['connect__links']}>
                 <li>
-                  <Link href="#" variant="nav">
+                  <Link href="/contact#contactform" variant="nav">
                     Connect
                   </Link>
                 </li>

src/components/common/header/index.tsx

@@ -165,7 +165,7 @@ export const Header = () => {
         className="hide-on-mobile"
         href="https://discord.com/invite/ukhbBemyxY"
         size="small"
-        variant="interactive"
+        variant="default"
       >
         Join Us
       </ButtonLink>

src/components/sections/contact/form/form.module.scss

@@ -8,8 +8,8 @@
   }
 
   position: relative;
-  margin: tovw(135px, 'default', 70px) 0;
-  padding: tovw(104px, 'default', 95px) 0;
+  margin: tovw(135px, 'default', 55px) 0;
+  padding: tovw(104px, 'default', 55px) 0;
 
   .container {
     @include respond-to('mobile') {

src/components/sections/contact/form/index.tsx

@@ -30,7 +30,7 @@ const Form = ({ data }: Props) => {
   const [selectedOption, setSelectedOption] = useState<any>(null)
 
   return (
-    <Section className={s['section']}>
+    <Section className={s['section']} id="contactform">
       <Container className={s['container']}>
         <div className={s['header']}>
           <Heading as="h2" variant="md">

src/components/sections/newsroom/media/media.module.scss

@@ -73,9 +73,8 @@
 
         &:hover {
           img:first-child {
-            opacity: 80%;
-            filter: grayscale(50%);
-            transition: all 300ms;
+            filter: brightness(125%);
+            transition: filter var(--duration-normal);
           }
         }