From f738ab22e4d78e4bf148e058a2317d6eee91cc91 Mon Sep 17 00:00:00 2001
From: Nazareno Oviedo <nazareno@basement.studio>
Date: Fri, 8 Apr 2022 09:48:19 -0300
Subject: [PATCH] feat: add links

---
 src/components/common/footer/footer.tsx       | 51 +++++++++++++------
 src/components/common/footer/index.tsx        | 14 +----
 src/components/common/header/header.ts        |  2 +-
 src/components/common/header/index.tsx        | 22 +++++---
 .../primitives/button/button.module.scss      |  1 +
 src/components/sections/about/team/index.tsx  |  2 +-
 6 files changed, 55 insertions(+), 37 deletions(-)

diff --git a/src/components/common/footer/footer.tsx b/src/components/common/footer/footer.tsx
index 35c23ec..9060156 100644
--- a/src/components/common/footer/footer.tsx
+++ b/src/components/common/footer/footer.tsx
@@ -8,16 +8,14 @@ import {
 } from '~/components/icons/socials'
 
 export const DevelopersLinks = [
-  { href: '/developers', title: 'Developers' },
-  { href: '/github', title: 'Github' },
-  { href: '/roadmap', title: 'Roadmap' },
-  { href: '/chat', title: 'Chat' },
-  { href: '/forum', title: 'Forum' }
+  { href: 'https://docs.laconic.com/', title: 'Developers' },
+  { href: 'https://docs.laconic.com/', title: 'Github' },
+  { href: 'https://discord.com/invite/ukhbBemyxY', title: 'Chat' },
+  { href: 'https://laconic.community/', title: 'Forum' }
 ]
 
 export const ProductsLinks = [
   { href: '/products', title: 'Products' },
-  { href: '/SDK', title: 'SDK' },
   { href: '/watchers', title: 'Watchers' },
   { href: '/network', title: 'Network' },
   { href: '/wallet', title: 'Wallet' },
@@ -26,12 +24,13 @@ export const ProductsLinks = [
 
 export const AboutLinks = [
   { href: '/about', title: 'About' },
-  { href: '/faq', title: 'FAQ' },
-  { href: '/team', title: 'Team' },
+  { href: 'https://docs.laconic.com/faq', title: 'FAQ' },
+  { href: '/about#team', title: 'Team' },
   { href: '/partners', title: 'Partners' },
-  { href: '/newsroom', title: 'Newstoom' },
-  { href: '/careers', title: 'Careers' },
-  { href: '/contact', title: 'Contact' }
+  {
+    href: 'https://laconic.community/c/join-the-laconic-network/13',
+    title: 'Careers'
+  }
 ]
 
 export const CommunityLinks = [
@@ -47,9 +46,29 @@ export const ConnectLinks = [
     title: 'Twitter',
     logo: <Twitter />
   },
-  { href: '/validators', title: 'Telegram', logo: <Telegram /> },
-  { href: '/testnet', title: 'Reddit', logo: <Reddit /> },
-  { href: '/insiders', title: 'Linkedin', logo: <Linkedin /> },
-  { href: '/insiders', title: 'Facebook', logo: <Facebook /> },
-  { href: '/insiders', title: 'Instagram', logo: <Instagram /> }
+  {
+    href: 'https://twitter.com/laconicnetwork',
+    title: 'Telegram',
+    logo: <Telegram />
+  },
+  {
+    href: 'https://www.reddit.com/r/LaconicNetwork/',
+    title: 'Reddit',
+    logo: <Reddit />
+  },
+  {
+    href: 'https://www.linkedin.com/company/laconic-network/',
+    title: 'Linkedin',
+    logo: <Linkedin />
+  },
+  {
+    href: 'https://www.facebook.com/laconicnetwork',
+    title: 'Facebook',
+    logo: <Facebook />
+  },
+  {
+    href: 'https://instagram.com/laconicnetwork',
+    title: 'Instagram',
+    logo: <Instagram />
+  }
 ]
diff --git a/src/components/common/footer/index.tsx b/src/components/common/footer/index.tsx
index 5fe0998..0a9b487 100644
--- a/src/components/common/footer/index.tsx
+++ b/src/components/common/footer/index.tsx
@@ -12,7 +12,6 @@ import Link from '~/components/primitives/link'
 
 import {
   AboutLinks,
-  CommunityLinks,
   ConnectLinks,
   DevelopersLinks,
   ProductsLinks
@@ -128,20 +127,9 @@ export const Footer = () => {
                   )
                 })}
               </ul>
-              <ul>
-                {CommunityLinks.map((link) => {
-                  return (
-                    <li key={link.title}>
-                      <Link href={link.href} variant="nav">
-                        {link.title}
-                      </Link>
-                    </li>
-                  )
-                })}
-              </ul>
               <ul className={s['connect__links']}>
                 <li>
-                  <Link href="/connect" variant="nav">
+                  <Link href="#" variant="nav">
                     Connect
                   </Link>
                 </li>
diff --git a/src/components/common/header/header.ts b/src/components/common/header/header.ts
index c3fa091..e0c7dc1 100644
--- a/src/components/common/header/header.ts
+++ b/src/components/common/header/header.ts
@@ -1,6 +1,6 @@
 export const defaultHeaderLinks = [
   { href: '/', title: 'Home' },
-  { href: '/developers', title: 'Developers' },
+  { href: 'https://docs.laconic.com/', title: 'Developers' },
   { href: '/products', title: 'Products' },
   { href: '/community', title: 'Community' },
   { href: '/about', title: 'About' },
diff --git a/src/components/common/header/index.tsx b/src/components/common/header/index.tsx
index 9fc361e..926605a 100644
--- a/src/components/common/header/index.tsx
+++ b/src/components/common/header/index.tsx
@@ -5,7 +5,7 @@ import * as React from 'react'
 
 import Burger from '~/components/icons/burguer'
 import { Logo } from '~/components/icons/logo'
-import { Button } from '~/components/primitives/button'
+import { Button, ButtonLink } from '~/components/primitives/button'
 import Link from '~/components/primitives/link'
 import { useIsomorphicLayoutEffect } from '~/hooks/use-isomorphic-layout-effect'
 import { DURATION, gsap } from '~/lib/gsap'
@@ -39,7 +39,9 @@ const HeaderMobile = React.forwardRef<
             </li>
           ))}
       </ul>
-      <Button>Get Started</Button>
+      <ButtonLink href="https://discord.com/invite/ukhbBemyxY">
+        Join Us
+      </ButtonLink>
       <ul className={clsx(s['social'], 'social')}>
         {ConnectLinks.length > 0 &&
           ConnectLinks.map((link, index) => (
@@ -121,11 +123,19 @@ export const Header = () => {
             ))}
         </ul>
       </nav>
-      <Button size="small" className="hide-on-mobile">
-        Get Started
-      </Button>
+      <ButtonLink
+        className="hide-on-mobile"
+        href="https://discord.com/invite/ukhbBemyxY"
+        size="small"
+      >
+        Join Us
+      </ButtonLink>
       <div className="hide-on-desktop">
-        <Button variant="unstyled" onClick={() => setIsOpen(!isOpen)}>
+        <Button
+          aria-label="Menu"
+          onClick={() => setIsOpen(!isOpen)}
+          variant="unstyled"
+        >
           <Burger
             className={clsx(s['burger'], 'hide-on-desktop')}
             isOpen={isOpen}
diff --git a/src/components/primitives/button/button.module.scss b/src/components/primitives/button/button.module.scss
index 2320477..60d3177 100644
--- a/src/components/primitives/button/button.module.scss
+++ b/src/components/primitives/button/button.module.scss
@@ -13,6 +13,7 @@
   color: var(--color-white);
   font-family: var(--font-dm-mono);
   font-size: tovw(18px, 'default', 18px);
+  text-decoration: none;
   appearance: none;
 
   &:disabled {
diff --git a/src/components/sections/about/team/index.tsx b/src/components/sections/about/team/index.tsx
index b965365..cbc6c2d 100644
--- a/src/components/sections/about/team/index.tsx
+++ b/src/components/sections/about/team/index.tsx
@@ -9,7 +9,7 @@ import { cercTeam, laconicTeam, xylmTeam } from './teams'
 
 const TeamSection = () => {
   return (
-    <Section className={s['section']}>
+    <Section className={s['section']} id="team">
       <Container className={s['container']}>
         <Heading as="h1" variant="lg">
           Team