Merge pull request #26 from AstarNetwork/feat/update-front-page

feat: added 'dApp Staking' and 'User Guides'
AstarNetwork · Jul 13, 2022 · 0e49fd2 · 0e49fd2
2 parents a159869 + 0b8c53e
commit 0e49fd2
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 0 deletions.
diff --git a/src/components/HomepageFeatures/index.tsx b/src/components/HomepageFeatures/index.tsx
@@ -76,6 +76,28 @@ const FeatureList: FeatureItem[] = [
       </>
     ),
   },
+  {
+    title: 'dApp Staking',
+    link: '/docs/dapp-staking/',
+    Svg: require('@site/static/img/staking.svg').default,
+    description: (
+      <>
+        Earn tokens for yourself and your dApp by staking tokens and registering
+        your dApp with Astar’s dApp Staking.
+      </>
+    ),
+  },
+  {
+    title: 'User Guides',
+    link: '/docs/user-guides/',
+    Svg: require('@site/static/img/docs.svg').default,
+    description: (
+      <>
+        Learn how to create different types of wallets, obtain tokens, and
+        manage your assets.
+      </>
+    ),
+  },
 ];
 
 function Feature({ title, Svg, description, link }: FeatureItem) {

diff --git a/src/css/homepage-features.scss b/src/css/homepage-features.scss
@@ -18,6 +18,9 @@
     grid-template-columns: auto auto auto;
     column-gap: 50px;
   }
+  @media (min-width: 1900px) {
+    grid-template-columns: auto auto auto auto;
+  }
 }
 
 .box {

diff --git a/static/img/docs.svg b/static/img/docs.svg
diff --git a/static/img/staking.svg b/static/img/staking.svg