Work on Footer changes

src/components/common/footer/footer.module.scss

@@ -183,30 +183,38 @@
     padding-bottom: tovw(56px, 'default', 48px);
 
     nav {
+      @media screen and (max-width: 1650px) {
+        width: 100%;
+        justify-content: space-between;
+        gap: unset;
+      }
+
       @include respond-to('tablet') {
         justify-content: space-between;
       }
 
       @include respond-to('mobile') {
         display: grid;
-        column-gap: tovw(97px, 'tablet', 97px);
+        column-gap: tovw(97px, 'tablet', 50px);
         grid-template-columns: repeat(2, 1fr);
         grid-template-rows: auto;
         row-gap: tovw(44px, 'tablet', 44px);
       }
 
-      @media screen and (max-width: 1180px) {
-        gap: tovw(70px, 'default', 15px);
+      span {
+        @include respond-to('mobile') {
+          font-size: tovw(15px, 'mobile', 15px);
+        }
       }
 
       a {
         @include respond-to('mobile') {
-          font-size: tovw(15px, 'default', 15px);
+          font-size: tovw(15px, 'mobile', 15px);
         }
       }
 
       display: flex;
-      gap: tovw(105px, 'default', 65px);
+      gap: tovw(98px, 'default', 45px);
     }
   }
 
@@ -249,6 +257,11 @@
 }
 
 .logo {
+  @media screen and (max-width: 1340px) {
+    padding-top: tovw(4px, 'default', 4px);
+    margin-right: tovw(90px, 'default', 25px);
+  }
+
   @include respond-to('tablet') {
     margin-right: 0;
     margin-bottom: tovw(56px, 'tablet', 56px);
@@ -257,6 +270,10 @@
   margin-right: tovw(88px, 'default', 64px);
 
   svg {
+    @media screen and (max-width: 1340px) {
+      width: tovw(205px, 'default', 120px);
+    }
+
     @include respond-to('tablet') {
       width: 100%;
     }

src/components/common/footer/index.tsx

@@ -245,6 +245,20 @@ export const Footer = ({ data }: Props) => {
                   )
                 })}
               </ul>
+              <ul>
+                {data.communityLinks.map((link) => {
+                  return (
+                    <li key={link.title}>
+                      {link.href && (
+                        <Link href={link.href} variant="nav">
+                          {link.title}
+                        </Link>
+                      )}
+                      {!link.href && <span>{link.title}</span>}
+                    </li>
+                  )
+                })}
+              </ul>
               <ul className={s['connect__links']}>
                 <li>
                   <Link href="/contact#contactform" variant="nav">