From 74791e1f7db45d87c3a2041383127b00258349cd Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sun, 15 Aug 2021 10:42:56 +0200
Subject: [PATCH] Update UI

---
 components/header.tsx  | 4 ++--
 pages/guides/index.tsx | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/header.tsx b/components/header.tsx
index 826858ede..8e6ceeff6 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -13,10 +13,10 @@ export function Header() {
           <Stack shouldWrapChildren isInline spacing='15px' alignItems='center' color='gray.50' fontSize='15px'>
             <Link borderBottomWidth={0} borderBottomColor='gray.500'
                   _hover={{ textDecoration: 'none', borderBottomColor: 'white' }} fontWeight={500}
-                  href='#'>Read</Link>
+                  href='/guides'>Guides</Link>
             <Link borderBottomWidth={0} borderBottomColor='gray.500'
                   _hover={{ textDecoration: 'none', borderBottomColor: 'white' }} fontWeight={500}
-                  href='#'>Watch</Link>
+                  href='#'>Videos</Link>
             <Link ml='10px' bgGradient='linear(to-l, yellow.700, red.600)' p='7px 10px' rounded='4px'
                   _hover={{ textDecoration: 'none', bgGradient: 'linear(to-l, red.800, yellow.700)' }}
                   fontWeight={500} href={'#'}>Get Updates</Link>
diff --git a/pages/guides/index.tsx b/pages/guides/index.tsx
index be771313f..70c16002d 100644
--- a/pages/guides/index.tsx
+++ b/pages/guides/index.tsx
@@ -11,10 +11,10 @@ export default function Guides() {
     <Box bg='white' minH='100vh'>
       <Header />
       <Box mb='60px'>
-        <Box pt='50px' pb='30px' borderBottomWidth={1}>
+        <Box pt='45px' pb='30px' borderBottomWidth={1}>
           <Container maxW='container.md' position='relative'>
-            <Heading as='h1' color='black' fontSize='40px' fontWeight={700} mb='5px'>Visual Guides</Heading>
-            <Text>Succinct graphical explanations to development related topics.</Text>
+            <Heading as='h1' color='black' fontSize='35px' fontWeight={700} mb='5px'>Visual Guides</Heading>
+            <Text fontSize='15px'>Succinct graphical explanations to development related topics.</Text>
           </Container>
         </Box>
         <Container maxW='container.md' position='relative'>