From ae28aa474bc512c5dc334a87f0f0e8a37329989e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fede=20=C3=81lvarez?=
 <78366796+fedealvarezcampos@users.noreply.github.com>
Date: Fri, 15 Apr 2022 20:43:20 +0200
Subject: [PATCH] Work in client feedback (#44)

---
 src/components/common/footer/footer.tsx       | 37 +++++++++++--------
 src/components/sections/about/hero/index.tsx  |  3 +-
 src/components/sections/about/team/teams.ts   |  4 +-
 .../sections/community/hero/index.tsx         | 22 +++++++----
 .../sections/community/socials/index.tsx      | 32 ++++++++--------
 .../community/socials/socials.module.scss     | 22 ++++++-----
 src/pages/products.tsx                        |  4 +-
 7 files changed, 70 insertions(+), 54 deletions(-)

diff --git a/src/components/common/footer/footer.tsx b/src/components/common/footer/footer.tsx
index 70c8246..abfd629 100644
--- a/src/components/common/footer/footer.tsx
+++ b/src/components/common/footer/footer.tsx
@@ -1,5 +1,6 @@
 import {
   Discord,
+  Discourse,
   Facebook,
   Instagram,
   Linkedin,
@@ -17,10 +18,11 @@ export const DevelopersLinks = [
 
 export const ProductsLinks = [
   { href: '/products', title: 'Products' },
-  { href: '/watchers', title: 'Watchers' },
-  { href: '/network', title: 'Network' },
-  { href: '/wallet', title: 'Wallet' },
-  { href: '/token', title: 'Token' }
+  { href: '/watchers', title: 'Watchers (SDK)' },
+  { href: '/stack', title: 'Laconic Stack' },
+  { href: '/network', title: 'Laconic Network' },
+  { href: '/app', title: 'Laconic App' },
+  { href: '/token', title: 'Laconic Network Token (LNT)' }
 ]
 
 export const AboutLinks = [
@@ -47,9 +49,14 @@ export const ConnectLinks = [
     logo: <Twitter />
   },
   {
-    href: 'https://t.me/laconicnetwork',
-    title: 'Telegram',
-    logo: <Telegram />
+    href: 'https://discord.com/invite/ukhbBemyxY',
+    title: 'Discord',
+    logo: <Discord />
+  },
+  {
+    href: 'https://laconic.community/',
+    title: 'Discourse',
+    logo: <Discourse />
   },
   {
     href: 'https://www.reddit.com/r/LaconicNetwork/',
@@ -57,14 +64,9 @@ export const ConnectLinks = [
     logo: <Reddit />
   },
   {
-    href: 'https://discord.com/invite/ukhbBemyxY',
-    title: 'Discord',
-    logo: <Discord />
-  },
-  {
-    href: 'https://instagram.com/laconicnetwork',
-    title: 'Instagram',
-    logo: <Instagram />
+    href: 'https://t.me/laconicnetwork',
+    title: 'Telegram',
+    logo: <Telegram />
   },
   {
     href: 'https://www.linkedin.com/company/laconic-network/',
@@ -75,5 +77,10 @@ export const ConnectLinks = [
     href: 'https://www.facebook.com/laconicnetwork',
     title: 'Facebook',
     logo: <Facebook />
+  },
+  {
+    href: 'https://instagram.com/laconicnetwork',
+    title: 'Instagram',
+    logo: <Instagram />
   }
 ]
diff --git a/src/components/sections/about/hero/index.tsx b/src/components/sections/about/hero/index.tsx
index ef4b571..9e14e64 100644
--- a/src/components/sections/about/hero/index.tsx
+++ b/src/components/sections/about/hero/index.tsx
@@ -58,8 +58,7 @@ const Hero = () => {
                 greater access to verifiable data.
               </p>
               <div>
-                <Link href="https://google.com">WHITE PAPER</Link>
-                <Link href="https://google.com">FAQ</Link>
+                <Link href="https://docs.laconic.com/faq">FAQ</Link>
               </div>
             </div>
           </div>
diff --git a/src/components/sections/about/team/teams.ts b/src/components/sections/about/team/teams.ts
index c3885f9..66f3ed1 100644
--- a/src/components/sections/about/team/teams.ts
+++ b/src/components/sections/about/team/teams.ts
@@ -9,7 +9,7 @@ export const laconicTeam = [
   },
   {
     fullName: 'Maly Ly',
-    position: 'Chief Architect, Cerc',
+    position: 'Chief Executive, Cerc',
     image: '/images/about/team/maly-ly.jpg',
     github: '',
     linkedin: 'https://www.linkedin.com/in/malytly/',
@@ -79,7 +79,7 @@ export const xylmTeam = [
   },
   {
     fullName: 'Michael Gushansky',
-    position: 'Engineering Lead',
+    position: 'Head of Marketing',
     image: '/images/about/team/michael-gushansky.jpg',
     twitter: 'https://twitter.com/mikegushansky',
     linkedin: 'https://www.linkedin.com/in/michael-gushansky-08698384/',
diff --git a/src/components/sections/community/hero/index.tsx b/src/components/sections/community/hero/index.tsx
index 7bcc28e..9481c09 100644
--- a/src/components/sections/community/hero/index.tsx
+++ b/src/components/sections/community/hero/index.tsx
@@ -1,8 +1,7 @@
 import { Arrow } from '~/components/icons/arrow'
 import Section from '~/components/layout/section'
-import { Button } from '~/components/primitives/button'
+import { ButtonLink } from '~/components/primitives/button'
 import Heading from '~/components/primitives/heading'
-import Link from '~/components/primitives/link'
 
 import s from './hero.module.scss'
 
@@ -40,14 +39,23 @@ const Hero = () => {
           Join us as we accelerate blockchain development and interoperability
           by expanding access to verifiable data.
         </p>
-        <Link href="https://google.com">LEARN MORE</Link>
         <div className={s['buttons__container']}>
-          <Button size="large" variant="primary">
+          <ButtonLink
+            variant="primary"
+            size="large"
+            className={s['button']}
+            href="https://discord.com/invite/ukhbBemyxY"
+          >
             CHAT WITH US
-          </Button>
-          <Button size="large" variant="primary">
+          </ButtonLink>
+          <ButtonLink
+            variant="primary"
+            size="large"
+            className={s['button']}
+            href="https://twitter.com/laconicnetwork"
+          >
             JOIN US
-          </Button>
+          </ButtonLink>
         </div>
       </div>
     </Section>
diff --git a/src/components/sections/community/socials/index.tsx b/src/components/sections/community/socials/index.tsx
index 5cc2767..fa7f7a1 100644
--- a/src/components/sections/community/socials/index.tsx
+++ b/src/components/sections/community/socials/index.tsx
@@ -29,9 +29,9 @@ const Socials = () => {
         />
         <div>
           <div className={s['header']}>
-            <Heading as="h2" variant="xl" centered={false}>
+            {/* <Heading as="h2" variant="xl" centered={false}>
               Socials
-            </Heading>
+            </Heading> */}
             <Heading as="h2" variant="xl" centered={false}>
               Connect With Us
             </Heading>
@@ -46,24 +46,19 @@ const Socials = () => {
                 <Twitter />
               </a>
             </Link>
-            <Link href={`https://www.reddit.com/r/LaconicNetwork/`}>
-              <a target="_blank">
-                <Reddit />
-              </a>
-            </Link>
-            <Link href={`https://instagram.com/laconicnetwork`}>
-              <a target="_blank">
-                <Instagram />
-              </a>
-            </Link>
             <Link href={`https://discord.com/invite/ukhbBemyxY`}>
               <a target="_blank">
                 <Discord />
               </a>
             </Link>
-            <Link href={`https://www.facebook.com/laconicnetwork`}>
+            <Link href={`https://laconic.community/`}>
               <a target="_blank">
-                <Facebook />
+                <Discourse />
+              </a>
+            </Link>
+            <Link href={`https://www.reddit.com/r/LaconicNetwork/`}>
+              <a target="_blank">
+                <Reddit />
               </a>
             </Link>
             <Link href={`https://t.me/laconicnetwork`}>
@@ -76,9 +71,14 @@ const Socials = () => {
                 <Linkedin />
               </a>
             </Link>
-            <Link href={`https://laconic.community/`}>
+            <Link href={`https://www.facebook.com/laconicnetwork`}>
               <a target="_blank">
-                <Discourse />
+                <Facebook />
+              </a>
+            </Link>
+            <Link href={`https://instagram.com/laconicnetwork`}>
+              <a target="_blank">
+                <Instagram />
               </a>
             </Link>
           </div>
diff --git a/src/components/sections/community/socials/socials.module.scss b/src/components/sections/community/socials/socials.module.scss
index b0e5ceb..351db37 100644
--- a/src/components/sections/community/socials/socials.module.scss
+++ b/src/components/sections/community/socials/socials.module.scss
@@ -25,7 +25,7 @@
 
 .header {
   @include respond-to('mobile') {
-    margin-top: tovw(-135px, 'mobile', -150px);
+    margin-top: tovw(-102px, 'mobile', -118px);
   }
 
   display: flex;
@@ -46,7 +46,7 @@
         padding-left: unset;
       }
 
-      padding-left: tovw(125px, 'default', 60px);
+      padding-left: tovw(340px, 'default', 60px);
     }
 
     &:nth-child(2) {
@@ -62,7 +62,8 @@
 
 .line {
   @include respond-to('mobile') {
-    top: unset;
+    position: absolute;
+    display: unset;
     right: 0;
     left: 0;
     transform: rotate(0deg) translateY(35%) scaleX(1.6);
@@ -70,12 +71,13 @@
     height: tovw(80px, 'default', 38px);
   }
 
-  position: absolute;
-  top: tovw(170px, 'default', 120px);
-  left: tovw(770px, 'default', 300px);
-  transform: rotate(270deg) scale(1.6);
-  width: tovw(173px, 'default', 120px);
-  height: tovw(72px, 'default', 40px);
+  // position: absolute;
+  // top: tovw(170px, 'default', 120px);
+  // left: tovw(770px, 'default', 300px);
+  // transform: rotate(270deg) scale(1.6);
+  // width: tovw(173px, 'default', 120px);
+  // height: tovw(72px, 'default', 40px);
+  display: none;
 }
 
 .icons__container {
@@ -153,6 +155,6 @@
   }
 
   position: absolute;
-  padding-top: tovw(160px, 'default', 80px);
+  padding-top: tovw(50px, 'default', 30px);
   width: tovw(725px, 'default', 320px);
 }
diff --git a/src/pages/products.tsx b/src/pages/products.tsx
index 5c3e796..61fee39 100644
--- a/src/pages/products.tsx
+++ b/src/pages/products.tsx
@@ -3,7 +3,7 @@ import { PageLayout } from '~/components/layout/page'
 import AppSection from '~/components/sections/products/app'
 import Hero from '~/components/sections/products/hero'
 import Network from '~/components/sections/products/network'
-import Partners from '~/components/sections/products/partners'
+// import Partners from '~/components/sections/products/partners'
 import Stack from '~/components/sections/products/stack'
 import Token from '~/components/sections/products/token'
 
@@ -18,7 +18,7 @@ const Products: Page = () => {
       <Network />
       <AppSection />
       <Token />
-      <Partners />
+      {/* <Partners /> */}
     </PageLayout>
   )
 }