From 33a5d4f7b45b13429e77fbada05a0c48db20fba6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fede=20=C3=81lvarez?= <fedealvarezcampos@gmail.com>
Date: Fri, 3 Jun 2022 17:18:04 +0200
Subject: [PATCH] Fix links, styles

---
 src/components/common/card/card.module.scss              | 5 +++++
 src/components/common/footer/index.tsx                   | 2 +-
 src/components/common/header/index.tsx                   | 2 +-
 src/components/sections/contact/form/form.module.scss    | 4 ++--
 src/components/sections/contact/form/index.tsx           | 2 +-
 src/components/sections/newsroom/media/media.module.scss | 5 ++---
 6 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/common/card/card.module.scss b/src/components/common/card/card.module.scss
index bd6b304..deb1b67 100644
--- a/src/components/common/card/card.module.scss
+++ b/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 {
diff --git a/src/components/common/footer/index.tsx b/src/components/common/footer/index.tsx
index a35ea16..e90f17f 100644
--- a/src/components/common/footer/index.tsx
+++ b/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>
diff --git a/src/components/common/header/index.tsx b/src/components/common/header/index.tsx
index 467e7cf..0c1917f 100644
--- a/src/components/common/header/index.tsx
+++ b/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>
diff --git a/src/components/sections/contact/form/form.module.scss b/src/components/sections/contact/form/form.module.scss
index 127f69e..12ec857 100644
--- a/src/components/sections/contact/form/form.module.scss
+++ b/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') {
diff --git a/src/components/sections/contact/form/index.tsx b/src/components/sections/contact/form/index.tsx
index 88931d1..d1e64b7 100644
--- a/src/components/sections/contact/form/index.tsx
+++ b/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">
diff --git a/src/components/sections/newsroom/media/media.module.scss b/src/components/sections/newsroom/media/media.module.scss
index 65cc8ca..6e2bc0e 100644
--- a/src/components/sections/newsroom/media/media.module.scss
+++ b/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);
           }
         }