feat: update landing page

docusaurus.config.js

@@ -96,8 +96,10 @@ const config = {
             to: '/docs',
           },
           {
-            label: 'Github',
+            title: 'Nimbus GitHub repository',
-            href: 'https://github.com/status-im',
+            href: 'https://github.com/status-im/nimbus-eth2',
+            position: 'right',
+            className: 'header-github-link',
           },
         ],
       },

src/css/custom.scss

@@ -5,3 +5,7 @@ body,
 html {
   overflow-x: hidden;
 }
+
+.mdx-hero {
+  height: calc(80vh - var(--ifm-navbar-height)) !important;
+}

src/pages/index.mdx

@@ -7,7 +7,6 @@ import {
   Hero,
   HeroTitle,
   HeroDescription,
-  HeroVideo,
   HeroActions,
   HeroAction,
   CallToActionSection,
@@ -17,7 +16,8 @@ import {
   HeroInfo,
   Roadmap,
   Box,
-  ProfileCards
+  Grid,
+  ProfileCard,
 } from '../components/mdx'
 
 <Hero size="large">
@@ -34,15 +34,6 @@ import {
       </HeroAction>
     </HeroActions>
   </HeroInfo>
-  
-  <HeroVideo
-    placeholderSrc="/hero/halo01-1080x1080-placeholder.png"
-    desktop={{ scale: "1.514792899" }}
-    mobile={{ scale: "1.514792899"  }}
-  >
-    <source src="/hero/halo01-2048x2048-24fps-1M.mov" type='video/mp4; codecs="hvc1"' />
-    <source src="/hero/halo01-2048x2048-24fps-1M.webm" type="video/webm" />  
-  </HeroVideo>
 </Hero>
 
 <FeatureList
@@ -208,6 +199,55 @@ import {
   />
 </Box>
 
+<Box top={{ xs: 144, lg: 216 }}>
+  <CallToActionSection
+    title="Team"
+    columns={1}
+  />
+  <Box top={{ xs: 40, md: 80 }} bottom={{ xs: 40, md: 80 }}>
+    <Grid
+      xs={{ cols: 3, gap: '1rem', wrap: false }}
+      md={{ cols: 4, gap: '1rem', wrap: true }}
+    >
+			<Grid.Item>
+				<ProfileCard
+        	name='Zahary Karadjov'
+        	githubUsername='Zahary'
+        	githubLink='https://github.com/codex-storage'
+        	discordUsername='Zahary'
+        	discordLink='https://discord.gg/2NXGrsqmDq'
+      	/>
+      </Grid.Item>
+      <Grid.Item>
+      	<ProfileCard
+        	name='Mamy Ratsimbazafy'
+        	imgSrc='https://statusim.bamboohr.com/employees/photos/?h=c9028ddcd6da2b7b0aaaf6fabbad7b31'
+        	githubUsername='Mamy'
+        	githubLink='https://github.com/codex-storage'
+        	discordUsername='Mamy'
+        	discordLink='https://discord.gg/2NXGrsqmDq'
+      	/>
+      </Grid.Item>
+      <Grid.Item>
+      	<ProfileCard
+        	name='Jacek Sieka'
+        	imgSrc='https://statusim.bamboohr.com/employees/photos/?h=a620c567ee3da938757bb0a43eda4ec9'
+          	githubUsername='Jacek'
+        	githubLink='https://github.com/codex-storage'
+        	discordUsername='Jacek'
+        	discordLink='https://discord.gg/2NXGrsqmDq'
+      	/>
+      </Grid.Item>
+      <Grid.Item>
+      	<ProfileCard
+        	name='Yevhen Kabanov'
+        	imgSrc='https://statusim.bamboohr.com/employees/photos/?h=8f6066f7e4b7517702c86d85f3ad828d'
+      	/>
+      </Grid.Item>
+    </Grid>
+  </Box>
+</Box>
+
 <Box top={{ xs: 144, lg: 336 }}>
   <CallToActionSection
     title="Logos Network State"