From 5914c7ef94058703568c77e27643e1ac3ec1f350 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fede=20=C3=81lvarez?= <fedealvarezcampos@gmail.com>
Date: Tue, 3 May 2022 17:22:49 +0200
Subject: [PATCH] Work on client QA

---
 src/components/common/footer/index.tsx        |  5 ---
 .../common/header/header.module.scss          | 36 +++++++++++--------
 .../sections/homepage/hero/hero.module.scss   |  4 +--
 yarn.lock                                     | 26 --------------
 4 files changed, 24 insertions(+), 47 deletions(-)

diff --git a/src/components/common/footer/index.tsx b/src/components/common/footer/index.tsx
index 0b8b35b..c05f551 100644
--- a/src/components/common/footer/index.tsx
+++ b/src/components/common/footer/index.tsx
@@ -4,7 +4,6 @@ import { useEffect, useRef, useState } from 'react'
 import MailchimpSubscribe from 'react-mailchimp-subscribe'
 
 import { ArrowLink } from '~/components/icons/arrow'
-import Line from '~/components/icons/line'
 import { Isotype, LogoFooter } from '~/components/icons/logo'
 import { Container } from '~/components/layout/container'
 import Section from '~/components/layout/section'
@@ -127,7 +126,6 @@ export const Footer = () => {
     <>
       {show && (
         <Section className={s['pre__footer--section']}>
-          <Line className={s['line']} height={276} />
           <video
             autoPlay
             className={clsx('hide-on-mobile', s['video'])}
@@ -149,7 +147,6 @@ export const Footer = () => {
             >
               Sign-up to our <br /> Newsletter
             </Heading>
-
             <MailchimpSubscribe
               url={url}
               // @ts-ignore
@@ -164,7 +161,6 @@ export const Footer = () => {
           </Container>
         </Section>
       )}
-
       {!is404 && (
         <footer className={s.footer}>
           <Container className={s['container']}>
@@ -250,7 +246,6 @@ export const Footer = () => {
                   <Link href="/privacy-policy" variant="nav">
                     Privacy Policy
                   </Link>
-
                   <Link href="/terms-of-use" variant="nav">
                     Terms of Use
                   </Link>
diff --git a/src/components/common/header/header.module.scss b/src/components/common/header/header.module.scss
index 28acfe2..df0d1f4 100644
--- a/src/components/common/header/header.module.scss
+++ b/src/components/common/header/header.module.scss
@@ -33,25 +33,33 @@
   }
 
   li:not(.item--mobile) {
+    a {
+      letter-spacing: -0.04em;
+    }
+
     position: relative;
 
-    &::after {
-      position: absolute;
-      top: 50%;
-      left: tovw(-16px, 'default', -16px);
-      transform: translateY(-50%);
-      transition: opacity var(--duration-normal) var(--ease);
-      opacity: 0;
-      background: var(--color-white);
-      width: tovw(7px, 'default', 7px);
-      height: tovw(7px, 'default', 7px);
-      content: '';
-    }
+    // &::after {
+    //   position: absolute;
+    //   top: 50%;
+    //   left: tovw(-16px, 'default', -16px);
+    //   transform: translateY(-50%);
+    //   transition: opacity var(--duration-normal) var(--ease);
+    //   opacity: 0;
+    //   background: var(--color-white);
+    //   width: tovw(7px, 'default', 7px);
+    //   height: tovw(7px, 'default', 7px);
+    //   content: '';
+    // }
   }
 
   li.active {
-    &::after {
-      opacity: 1;
+    // &::after {
+    //   opacity: 1;
+    // }
+
+    a {
+      font-weight: bold;
     }
   }
 
diff --git a/src/components/sections/homepage/hero/hero.module.scss b/src/components/sections/homepage/hero/hero.module.scss
index 92d6023..b6d5f07 100644
--- a/src/components/sections/homepage/hero/hero.module.scss
+++ b/src/components/sections/homepage/hero/hero.module.scss
@@ -74,7 +74,7 @@
   }
 
   .line {
-    margin: tovw(37px, 'default', 20px) auto tovw(23px, 'default', 20px) auto;
+    margin: tovw(10px, 'default', 10px) auto tovw(23px, 'default', 20px) auto;
     width: tovw(3px, 'default', 2px);
     height: tovw(72px, 'default', 56px);
   }
@@ -91,7 +91,7 @@
 
     display: flex;
     justify-content: center;
-    margin-top: tovw(90px, 'default', 40px);
+    margin-top: tovw(40px, 'default', 40px);
     gap: tovw(24px, 'default', 20px);
     width: calc(100% - (tovw(56px, 'default', 16px) * 2));
   }
diff --git a/yarn.lock b/yarn.lock
index 79c49e1..15bf811 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2341,14 +2341,6 @@ end-of-stream@^1.1.0, end-of-stream@^1.4.1:
   dependencies:
     once "^1.4.0"
 
-enhanced-resolve@^5.7.0:
-  version "5.9.3"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.9.3.tgz#44a342c012cbc473254af5cc6ae20ebd0aae5d88"
-  integrity sha512-Bq9VSor+kjvW3f9/MiiR4eE3XYgOl7/rS8lnSxbRbF3kS0B2r+Y9w5krBWxZgDxASVZbdYrn5wT4j/Wb0J9qow==
-  dependencies:
-    graceful-fs "^4.2.4"
-    tapable "^2.2.0"
-
 error-ex@^1.3.1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
@@ -3107,11 +3099,6 @@ got@^9.6.0:
     to-readable-stream "^1.0.0"
     url-parse-lax "^3.0.0"
 
-graceful-fs@^4.2.4:
-  version "4.2.10"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
-  integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
-
 graphql-config@^4.1.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/graphql-config/-/graphql-config-4.3.0.tgz#b9bb7bf9c892a90e66ea937e8d7ed170eb1fd5e2"
@@ -4287,14 +4274,6 @@ next-sitemap@^2.5.20:
     "@corex/deepmerge" "^2.6.148"
     minimist "^1.2.6"
 
-next-transpile-modules@^9.0.0:
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/next-transpile-modules/-/next-transpile-modules-9.0.0.tgz#133b1742af082e61cc76b02a0f12ffd40ce2bf90"
-  integrity sha512-VCNFOazIAnXn1hvgYYSTYMnoWgKgwlYh4lm1pKbSfiB3kj5ZYLcKVhfh3jkPOg1cnd9DP+pte9yCUocdPEUBTQ==
-  dependencies:
-    enhanced-resolve "^5.7.0"
-    escalade "^3.1.1"
-
 next@^12.1.5:
   version "12.1.5"
   resolved "https://registry.yarnpkg.com/next/-/next-12.1.5.tgz#7a07687579ddce61ee519493e1c178d83abac063"
@@ -5822,11 +5801,6 @@ table@^6.8.0:
     string-width "^4.2.3"
     strip-ansi "^6.0.1"
 
-tapable@^2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
-  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
-
 tar-fs@^2.0.0, tar-fs@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.1.tgz#489a15ab85f1f0befabb370b7de4f9eb5cbe8784"