From 5527f1d1b5037d5dae26643bd062877262ef3f8a Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Tue, 10 Oct 2023 19:12:37 +0330
Subject: [PATCH] chore: upgrade @acid-info/logos-docusaurus-preset

---
 package.json                  |   2 +-
 src/css/custom.scss           |   2 +-
 src/pages/community.mdx       |  59 +++++++--------
 src/pages/index.mdx           | 132 ++++++++++++++++++++--------------
 static/icons/github-white.svg |   3 +
 yarn.lock                     |  18 ++---
 6 files changed, 124 insertions(+), 92 deletions(-)
 create mode 100644 static/icons/github-white.svg

diff --git a/package.json b/package.json
index 8909373..bd5ac9b 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@acid-info/docusaurus-fathom": "^1.0.0-alpha.101",
-    "@acid-info/logos-docusaurus-preset": "^1.0.0-alpha.102",
+    "@acid-info/logos-docusaurus-preset": "^1.0.0-alpha.106",
     "@docusaurus/core": "2.4.1",
     "@docusaurus/preset-classic": "2.4.1",
     "@docusaurus/theme-mermaid": "^2.4.1",
diff --git a/src/css/custom.scss b/src/css/custom.scss
index 53c3f79..e324a87 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -11,7 +11,7 @@ html {
   display: none;
 }
 
-.community-container {
+.community-container article {
   max-width: 796px;
   margin: 16px auto 0 auto;
 }
diff --git a/src/pages/community.mdx b/src/pages/community.mdx
index 37e39a6..b12ecc7 100644
--- a/src/pages/community.mdx
+++ b/src/pages/community.mdx
@@ -1,39 +1,40 @@
 ---
 title: Join the community
+wrapperClassName: community-container
 ---
 
-import { Community } from '../components/mdx'
-
-<div className="community-container">
+import { Grid, Box, SocialCard } from '../components/mdx'
 
 # Join the community
 
-<br/>
-<br/>
-
-Welcome to the Nomos Community!
-
-<br/>
+<Box top={48} bottom={24}>
+  Welcome to the Nomos Community!
+</Box>
 
 Join us as we build a novel blockchain layer ideal for a network state. Be the first to receive our latest news,  access documentation, and celebrate with us as we get closer to realising the Logos network state. 
 
-<Community
-  items={[
-    {
-      type: 'x',
-      link: 'https://twitter.com/Nomos_tech',
-      linkLabel: 'Follow us on X',
-    },
-    {
-      type: 'discord',
-      link: 'https://discord.com/invite/NYDm83h46b',
-      linkLabel: 'Join the community on Discord',
-    },
-    {
-      type: 'github',
-      link: 'https://github.com/logos-co/nomos-node',
-      linkLabel: 'Contribute to Github',
-    },
-  ]}
-/>
-</div>
\ No newline at end of file
+<Box top={56} bottom={56}>
+  <Grid xs={{ cols: 1, gap: '1rem' }} md={{ cols: 2 }}>
+    <Grid.Item xs={1}>
+      <SocialCard
+        href='https://twitter.com/Nomos_tech'
+        logoSrcDark="/icons/x.svg"  
+        description='Follow us on X'
+      />
+    </Grid.Item>
+    <Grid.Item xs={1}>
+      <SocialCard
+        href='https://discord.com/invite/NYDm83h46b'
+        logoSrcDark="/icons/discord-white.svg"
+        description='Join the community on Discord'
+      />
+    </Grid.Item>
+    <Grid.Item xs={1}>
+      <SocialCard
+        href='https://github.com/logos-co/nomos-node'
+        logoSrcDark="/icons/github-white.svg"
+        description='Contribute to Github'
+      />
+    </Grid.Item>
+  </Grid>
+</Box>
diff --git a/src/pages/index.mdx b/src/pages/index.mdx
index 47b9fa7..59996fc 100644
--- a/src/pages/index.mdx
+++ b/src/pages/index.mdx
@@ -13,11 +13,11 @@ import {
   CallToActionSection,
   CallToActionButton,
   FeatureList,
-  Showcase,
   HeroInfo,
-  Roadmap,
   Box,
-  ProfileCards,
+  Grid,
+  ProfileCard,
+  TimelineItem,
 } from '../components/mdx'
 
 <Hero size="large">
@@ -94,45 +94,68 @@ import {
 </Box>
 
 <Box top={{ xs: 144, lg: 216 }}>
-  <Roadmap
-    title="Roadmap"
-    alignment="top"
-    timeline={[
-      {
-        period: '2024 Q1 & Q2',
-        borderStyle: 'solid',
-        description: "Full specification of the base layer",
-      },
-      {
-        period: '2024 Q3',
-        borderStyle: 'solid',
-        description: 'Testnet base layer implementation',
-      },
-      {
-        period: '2024 Q4',
-        borderStyle: 'dashed',
-        description: 'Full specification of the coordination layer',
-      },
-      {
-        period: '2025 Q1 & Q2',
-        borderStyle: 'solid',
-        description: 'Testnet coordination layer implementation',
-      },
-      {
-        period: '2025 Q3',
-        borderStyle: 'solid',
-        description: 'Mainnet base plus coordination layer launch',
-      },
-      {
-        period: '2025 Q4',
-        description: 'Specification and implementation of execution zones',
-      },
-    ]}
+  <SectionHeader
+    title="Development Roadmap"
+    description="Codex is currently in its first proof-of-concept iteration and aims to release its beta version, Katana, before the end of Q4 2023."
+    bottom={{ xs: '4rem', lg: '7.25rem' }}
+  />
+  <Grid
+    xs={{ cols: 6, wrap: false, gap: '0 1rem' }}
+    actions={
+      <CallToActionButton style={{ marginTop: 0 }} size="small" variant="outlined" href="/about/roadmap">
+        Read more
+      </CallToActionButton>
+    }
   >
-    <CallToActionButton size="small" variant="outlined" href="/about/roadmap">
-      Read more
-    </CallToActionButton>
-  </Roadmap>
+			<Grid.Item>
+				<TimelineItem
+        	index={0}
+        	period='2024 Q1 & Q2'
+        	borderStyle='solid'
+        	description="Full specification of the base layer"
+        />
+      </Grid.Item>
+      <Grid.Item>
+      	<TimelineItem
+        	index={1}
+        	period='2024 Q3'
+        	borderStyle='solid'
+        	description='Testnet base layer implementation'
+        />
+      </Grid.Item>
+      <Grid.Item>
+      	<TimelineItem
+        	index={2}
+        	period='2024 Q4'
+        	borderStyle='dashed'
+        	description='Full specification of the coordination layer'
+        />
+      </Grid.Item>
+      <Grid.Item>
+      	<TimelineItem
+        	index={3}
+        	period='2025 Q1 & Q2'
+        	borderStyle='solid'
+        	description='Testnet coordination layer implementation'
+        />
+      </Grid.Item>
+      <Grid.Item>
+      	<TimelineItem
+        	index={4}
+        	period='2025 Q3'
+        	borderStyle='solid'
+        	description='Mainnet base plus coordination layer launch'
+        />
+      </Grid.Item>
+      <Grid.Item>
+      	<TimelineItem
+        	index={5}
+        	period='2025 Q4'
+        	description='Specification and implementation of execution zones'
+          borderStyle="none"
+        />
+      </Grid.Item>
+  </Grid>
 </Box>
 
 <Box top={{ xs: 144, lg: 216 }}>
@@ -140,17 +163,22 @@ import {
     title="Team"
     columns={1}
   />
-  <ProfileCards
-    items={[
-      {
-        name: 'Name',
-        githubUsername: 'Github',
-        githubLink: 'https://github.com/',
-        discordUsername: 'Discord',
-        discordLink: 'https://discord.gg/',
-      },
-    ]}
-  />
+   <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='Name'
+          githubUsername='Github'
+          githubLink='https://github.com/'
+          discordUsername='Discord'
+          discordLink='https://discord.gg/'
+        />
+      </Grid.Item>
+    </Grid>
+  </Box>
 </Box>
 
 <Box top={{ xs: 144, lg: 336 }}>
diff --git a/static/icons/github-white.svg b/static/icons/github-white.svg
new file mode 100644
index 0000000..50e2164
--- /dev/null
+++ b/static/icons/github-white.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.92518 0C3.99402 0 0 3.99402 0 8.92518C0 12.8746 2.55483 16.2104 6.10259 17.3929C6.54885 17.471 6.7162 17.2033 6.7162 16.969C6.7162 16.757 6.70504 16.0542 6.70504 15.3067C4.46259 15.7195 3.88245 14.76 3.70395 14.258C3.60354 14.0014 3.16844 13.2093 2.78912 12.9973C2.47674 12.8299 2.03048 12.4172 2.77796 12.406C3.48082 12.3948 3.98286 13.0531 4.15021 13.3208C4.95348 14.6708 6.23647 14.2914 6.74967 14.0572C6.82777 13.477 7.06205 13.0865 7.31865 12.8634C5.3328 12.6403 3.25769 11.8705 3.25769 8.45661C3.25769 7.486 3.60354 6.68273 4.17252 6.05797C4.08327 5.83484 3.77089 4.92001 4.26178 3.69279C4.26178 3.69279 5.00926 3.45851 6.7162 4.60763C7.43022 4.40681 8.18886 4.3064 8.9475 4.3064C9.70614 4.3064 10.4648 4.40681 11.1788 4.60763C12.8857 3.44735 13.6332 3.69279 13.6332 3.69279C14.1241 4.92001 13.8117 5.83484 13.7225 6.05797C14.2915 6.68273 14.6373 7.47484 14.6373 8.45661C14.6373 11.8816 12.551 12.6403 10.5652 12.8634C10.8887 13.1423 11.1676 13.6778 11.1676 14.5146C11.1676 15.7083 11.1565 16.6678 11.1565 16.969C11.1565 17.2033 11.3238 17.4822 11.7701 17.3929C13.5419 16.7948 15.0815 15.656 16.1722 14.137C17.2629 12.618 17.8498 10.7952 17.8504 8.92518C17.8504 3.99402 13.8563 0 8.92518 0Z" fill="white"/>
+</svg>
diff --git a/yarn.lock b/yarn.lock
index 8679422..85e886d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -33,14 +33,14 @@
     "@easyops-cn/docusaurus-search-local" "^0.33.6"
     lodash "^4.17.21"
 
-"@acid-info/logos-docusaurus-preset@^1.0.0-alpha.102":
-  version "1.0.0-alpha.102"
-  resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-preset/-/logos-docusaurus-preset-1.0.0-alpha.102.tgz#09037d5509dc20c412e6fce99382c07653bcf03d"
-  integrity sha512-DVQ5Fwbkk5KsXHd2MhWBGEPZq2jVqll+E+4Z4JHXZyt9a8kGnd3XMCvNBRtjBwg+LMcBp449bstjcZcaFNe6XQ==
+"@acid-info/logos-docusaurus-preset@^1.0.0-alpha.106":
+  version "1.0.0-alpha.106"
+  resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-preset/-/logos-docusaurus-preset-1.0.0-alpha.106.tgz#89da08e1dbcbd026d127442de9ba5a3ccf82aa8d"
+  integrity sha512-HGClZxJRoc754Zlw3j2XObZRExOkQUw2O5vzD3fB5P6iHFn1nX4WyPLNglXC47E6STk2LTow0SFD4ZAQ7u8f5w==
   dependencies:
     "@acid-info/docusaurus-og" "^1.0.0-alpha.76"
     "@acid-info/logos-docusaurus-search-local" "^1.0.0-alpha.47"
-    "@acid-info/logos-docusaurus-theme" "^1.0.0-alpha.102"
+    "@acid-info/logos-docusaurus-theme" "^1.0.0-alpha.106"
     "@docusaurus/core" "^2.4.1"
     "@docusaurus/module-type-aliases" "^2.4.1"
     "@docusaurus/preset-classic" "^2.4.1"
@@ -70,10 +70,10 @@
     satori "^0.10.1"
     sharp "^0.32.1"
 
-"@acid-info/logos-docusaurus-theme@^1.0.0-alpha.102":
-  version "1.0.0-alpha.102"
-  resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-theme/-/logos-docusaurus-theme-1.0.0-alpha.102.tgz#c497a1122557b538653dd846a3a82427518c0d94"
-  integrity sha512-sWR+w/OlcWJBuC7DRogJbsiH4xLw4jrYesrzRsRFD4C8Hk363e1cfLiQa9aehkj5x9olFi9iS18eiUOxsHViTQ==
+"@acid-info/logos-docusaurus-theme@^1.0.0-alpha.106":
+  version "1.0.0-alpha.106"
+  resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-theme/-/logos-docusaurus-theme-1.0.0-alpha.106.tgz#f9a9319f69797f25dcc292f9934d0d88556f6b3d"
+  integrity sha512-OJSxX2kk5CqVyl3XSmIAg+znB0INzZWjwTDj9pUpLkGEwUf+wt/5wQUW9ZFps11x9aEWL4KeoHUeF3k8636hGQ==
   dependencies:
     "@acid-info/docusaurus-og" "^1.0.0-alpha.76"
     "@acid-info/lsd-react" "^0.1.0-alpha.17"