From f10cfc20442a0a3b0f67a1044a1ec67f727379bd Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 1 Nov 2019 03:07:46 +0400
Subject: [PATCH] Add links and modify roadmap header

---
 components/hero-section/index.js    | 3 ++-
 components/page-header/index.js     | 9 +++++----
 components/roadmap-summary/style.js | 7 ++++---
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/components/hero-section/index.js b/components/hero-section/index.js
index 30da66d01..32eb43df3 100644
--- a/components/hero-section/index.js
+++ b/components/hero-section/index.js
@@ -1,10 +1,11 @@
+import Link from 'next/link';
 import { HeroSectionWrap } from './style';
 
 const HeroSection = () => (
   <HeroSectionWrap>
     <div className="container">
       <h1>Developer Roadmaps</h1>
-      <p>Community driven roadmaps, articles and resources for developers. <a href="#">Sign up</a> to share your journey, write guides, track your skillset and get your work reviewed</p>
+      <p>Community driven roadmaps, articles and resources for developers. <Link href="/signup"><a>Sign up</a></Link> to share your journey, write guides, track your skillset and get your work reviewed</p>
     </div>
   </HeroSectionWrap>
 );
diff --git a/components/page-header/index.js b/components/page-header/index.js
index 7abe7a8ae..1c07bed55 100644
--- a/components/page-header/index.js
+++ b/components/page-header/index.js
@@ -1,3 +1,4 @@
+import Link from 'next/link';
 import { HeaderWrap } from './style';
 
 const PageHeader = () => (
@@ -9,10 +10,10 @@ const PageHeader = () => (
         </a>
       </div>
       <div className="nav-links">
-        <a href="#">Roadmaps</a>
-        <a href="#">Guides</a>
-        <a href="#">FAQs</a>
-        <a href="#" className='signup'>Sign Up</a>
+        <Link href="/roadmaps"><a>Roadmaps</a></Link>
+        <Link href="/guides"><a>Guides</a></Link>
+        <Link href="/faq"><a>FAQs</a></Link>
+        <Link href="/signup"><a>Sign Up</a></Link>
       </div>
     </div>
   </HeaderWrap>
diff --git a/components/roadmap-summary/style.js b/components/roadmap-summary/style.js
index 94ece8d5d..b6efd80bd 100644
--- a/components/roadmap-summary/style.js
+++ b/components/roadmap-summary/style.js
@@ -4,7 +4,7 @@ export const SummaryContainer = styled.div``;
 
 export const Header = styled.div`
   text-align: center;
-  padding: 55px 0 45px;
+  padding: 60px 0 55px;
 `;
 
 export const Summary = styled.div`
@@ -15,11 +15,12 @@ export const Summary = styled.div`
 export const Title = styled.h1`
   font-weight: 700;
   margin-bottom: 12px;
-  font-size: 42px;
+  font-size: 46px;
 `;
 
 export const Description = styled.p`
-  font-size: 19px;
+  font-size: 16px;
+  color: #444444;
 `;
 
 export const Image = styled.img`