From 3ac1de7fb002a8a6f0319ec576513ab47c3068ee Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Wed, 27 Oct 2021 00:34:56 +0200
Subject: [PATCH] Rearrange sections on homepage

---
 pages/index.tsx | 46 +++++++++++++++++++++++-----------------------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index cbac0608e..45c20b4c2 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -66,30 +66,9 @@ export default function Home(props: HomeProps) {
       </Box>
 
       <Box>
-        <Container maxW='container.md' position='relative'>
-          <Box pt='60px' mb={['10px', '15px', '20px']}>
-            <Heading color='green.500' fontSize={['20px', '20px', '25px']} mb='5px'>Visual Guides</Heading>
-          </Box>
-
-          <LinksList>
-            {guides.map(guide => (
-              <LinksListItem
-                key={guide.id}
-                href={`/guides/${guide.id}`}
-                title={guide.title}
-                badgeText={guide.isPro ? 'PRO' : ''}
-                subtitle={guide.formattedUpdatedAt!}
-              />
-            ))}
-            <DimmedMore href={'/guides'} text='View all Guides' />
-          </LinksList>
-        </Container>
-      </Box>
-
-      <Box mb='60px'>
         <Container maxW='container.md'>
-          <Box pt='40px' mb='20px'>
-            <Heading color='green.500' fontSize='25px' mb='5px'>Video Explanations</Heading>
+          <Box pt='60px' mb={['10px', '15px', '20px']}>
+            <Heading color='green.500' fontSize={['20px', '20px', '25px']} mb='5px'>Video Explanatiosn</Heading>
           </Box>
 
           <LinksList>
@@ -119,6 +98,27 @@ export default function Home(props: HomeProps) {
         </Container>
       </Box>
 
+      <Box mb='80px'>
+        <Container maxW='container.md' position='relative'>
+          <Box pt='40px' mb='20px'>
+            <Heading color='green.500' fontSize='25px' mb='5px'>Visual Guides</Heading>
+          </Box>
+
+          <LinksList>
+            {guides.map(guide => (
+              <LinksListItem
+                key={guide.id}
+                href={`/guides/${guide.id}`}
+                title={guide.title}
+                badgeText={guide.isPro ? 'PRO' : ''}
+                subtitle={guide.formattedUpdatedAt!}
+              />
+            ))}
+            <DimmedMore href={'/guides'} text='View all Guides' />
+          </LinksList>
+        </Container>
+      </Box>
+
       <OpensourceBanner />
       <UpdatesBanner />
       <Footer />