fix: updated top page

i18n/fr/code.json

@@ -11,7 +11,7 @@
   "Dive into our ecosystem and discover more about Polkadot, Substrate and other initiatives.": {
     "message": "Plongez dans notre écosystème et découvrez plus d'informations sur Polkadot, Substrate et d'autres initiatives."
   },
-  "Start Building": {
+  "Build": {
     "message": "Commencer à construire"
   },
   "Find all the resources you need in order to start testing, deploying, and interacting with smart contracts on the network.": {
@@ -23,15 +23,9 @@
   "Earn tokens for yourself and your dApp by staking tokens and registering your dApp with Astar’s dApp Staking.": {
     "message": "Gagnez des tokens pour vous et votre dApp en stakant des jetons et en enregistrant votre dApp avec le dApp Staking d'Astar."
   },
-  "Use EVM": {
-    "message": "Utiliser l'EVM"
-  },
   "Dive deeper into EVM on Astar and explains how EVM contracts can interact with other non-EVM modules through precompiles.": {
     "message": "Plongez plus profondément dans l'EVM d'Astar et découvrez comment les contrats EVM peuvent interagir avec d'autres modules non-EVM par le biais de précompilations."
   },
-  "Use WASM with Swanky": {
-    "message": "Utiliser WASM avec Swanky"
-  },
   "Use all-in-one Swanky Suite to start building WASM smart contracts. Get an overview of ink! and ask! WASM contract frameworks and examples for each framework.": {
     "message": "Utilisez Swanky Suite tout-en-un pour commencer à construire des contrats intelligents WASM. Obtenez une vue d'ensemble de Ink! et ask!, les frameworks de contrats WASM ainsi que des exemples pour chaque framework."
   },
@@ -59,9 +53,6 @@
   "Learn how to create different types of wallets, obtain tokens, and manage your assets.": {
     "message": "Apprenez comment créer différents types de portefeuilles, obtenir des tokens et gérer vos actifs."
   },
-  "'Builder Guides'": {
-    "message": "Guides pour les développeurs"
-  },
   "Learn how to use tools and build projects in Astar ecosystem.": {
     "message": "Apprenez à utiliser des outils et à construire des projets dans l'écosystème Astar."
   },

i18n/id/code.json

@@ -11,7 +11,7 @@
   "Dive into our ecosystem and discover more about Polkadot, Substrate and other initiatives.": {
     "message": "Masuk ke dalam ekosistem kami dan pelajari lebih lanjut mengenai Polkadot, Substrate dan inisiatif lainnya."
   },
-  "Start Building": {
+  "Build": {
     "message": "Mulai Membangun"
   },
   "Find all the resources you need in order to start testing, deploying, and interacting with smart contracts on the network.": {
@@ -23,15 +23,9 @@
   "Earn tokens for yourself and your dApp by staking tokens and registering your dApp with Astar’s dApp Staking.": {
     "message": "Daftarkan dApp anda pada dApp Staking dan dapatkan penghasilan dasar melalui mekanisme staking kami."
   },
-  "Use EVM": {
-    "message": "Penggunaan EVM"
-  },
   "Dive deeper into EVM on Astar and explains how EVM contracts can interact with other non-EVM modules through precompiles.": {
     "message": "Lebih dalam mengenai EVM pada Astar dan penjelasan bagaimana kontrak EVM dapat berinteraksi dengan modul non-EVM melalui precompiles."
   },
-  "Use WASM with Swanky": {
-    "message": "Menggunakan WASM dengan Swanky"
-  },
   "Use all-in-one Swanky Suite to start building WASM smart contracts. Get an overview of ink! and ask! WASM contract frameworks and examples for each framework.": {
     "message": "Menggunakan Swanky Suite untuk memulai membangun smart contract WASM. Dapatkan sekilas pandangan tentang ink! dan ask! WASM contract frameworks dan contoh untuk setiap framework."
   },
@@ -59,9 +53,6 @@
   "Learn how to create different types of wallets, obtain tokens, and manage your assets.": {
     "message": "Mempelajari bagaimana menciptakan beragam tipe wallet, mendapatkan token dan mengatur aset-aset anda."
   },
-  "'Builder Guides'": {
-    "message": "Panduan Builder"
-  },
   "Learn how to use tools and build projects in Astar ecosystem.": {
     "message": "Mempelajari bagaimana menggunakan peralatan (tools) dan mengembangkan proyek dalam ekosistem Astar."
   },

i18n/ja/code.json

@@ -11,7 +11,7 @@
   "Dive into our ecosystem and discover more about Polkadot, Substrate and other initiatives.": {
     "message": "Polkadot、Substrate、その他の取り組みについて、私たちのエコシステムに飛び込んでみてください。"
   },
-  "Start Building": {
+  "Build": {
     "message": "構築の開始"
   },
   "Find all the resources you need in order to start testing, deploying, and interacting with smart contracts on the network.": {
@@ -23,15 +23,9 @@
   "Earn tokens for yourself and your dApp by staking tokens and registering your dApp with Astar’s dApp Staking.": {
     "message": "AstarのdApp StakingにdAppを登録して、トークンをステーキングすることであなた自身とあなたのdAppのためにトークンを獲得できます。"
   },
-  "Use EVM": {
-    "message": "EVMの使用"
-  },
   "Dive deeper into EVM on Astar and explains how EVM contracts can interact with other non-EVM modules through precompiles.": {
     "message": "AstarのEVMを深く掘り下げ、EVMコントラクトがプリコンパイルによって他の非EVMモジュールとどのように相互作用するかを説明します。"
   },
-  "Use WASM with Swanky": {
-    "message": "SwankyでWASMを使用"
-  },
   "Use all-in-one Swanky Suite to start building WASM smart contracts. Get an overview of ink! and ask! WASM contract frameworks and examples for each framework.": {
     "message": "オールインワンのSwanky Suiteを使って、WASMスマートコントラクトの構築を始めます。ink! および ask! WASMコントラクトフレームワークの概要と、各フレームワークの例を知ることができます。"
   },
@@ -59,9 +53,6 @@
   "Learn how to create different types of wallets, obtain tokens, and manage your assets.": {
     "message": "様々な種類のウォレットの作成方法、トークンの入手方法、資産の管理方法などをご紹介します。"
   },
-  "'Builder Guides'": {
-    "message": "「ビルダーガイド」"
-  },
   "Learn how to use tools and build projects in Astar ecosystem.": {
     "message": "Astar エコシステムでのツールの使用方法やプロジェクトの構築方法を学びます。"
   },

src/components/HomepageFeatures/index.tsx

@@ -1,10 +1,10 @@
+import Link from '@docusaurus/Link';
+import Translate from '@docusaurus/Translate';
 import React from 'react';
 import '../../css/homepage-features.scss';
-import Link from '@docusaurus/Link';
-import Translate, {translate} from '@docusaurus/Translate';
 
 type FeatureItem = {
-  title: string;
+  title: JSX.Element;
   link: string;
   iconClass: string;
   description: JSX.Element;
@@ -17,7 +17,10 @@ const FeatureList: FeatureItem[] = [
     iconClass: 'aboutastar',
     description: (
       <>
-        <Translate>Get to know what Astar Network is solving and all the information related to our native token.</Translate>
+        <Translate>
+          Get to know what Astar Network is solving and all the information
+          related to our native token.
+        </Translate>
       </>
     ),
   },
@@ -27,17 +30,23 @@ const FeatureList: FeatureItem[] = [
     iconClass: 'ecosystem',
     description: (
       <>
-        <Translate>Dive into our ecosystem and discover more about Polkadot, Substrate and other initiatives.</Translate>
+        <Translate>
+          Dive into our ecosystem and discover more about Polkadot, Substrate
+          and other initiatives.
+        </Translate>
       </>
     ),
   },
   {
-    title: <Translate>Start Building</Translate>,
+    title: <Translate>Build</Translate>,
     link: '/docs/build/',
     iconClass: 'wrench',
     description: (
       <>
-        <Translate>Find all the resources you need in order to start testing, deploying, and interacting with smart contracts on the network.</Translate>
+        <Translate>
+          Find all the resources you need in order to start testing, deploying,
+          and interacting with smart contracts on the network.
+        </Translate>
       </>
     ),
   },
@@ -47,27 +56,10 @@ const FeatureList: FeatureItem[] = [
     iconClass: 'staking',
     description: (
       <>
-        <Translate>Earn tokens for yourself and your dApp by staking tokens and registering your dApp with Astar’s dApp Staking.</Translate>
-      </>
-    ),
-  },
-  {
-    title: <Translate>Use EVM</Translate>,
-    link: '/docs/build/evm/',
-    iconClass: 'evm',
-    description: (
-      <>
-        <Translate>Dive deeper into EVM on Astar and explains how EVM contracts can interact with other non-EVM modules through precompiles.</Translate>
-      </>
-    ),
-  },
-  {
-    title: <Translate>Use WASM with Swanky</Translate>,
-    link: '/docs/build/wasm/',
-    iconClass: 'wasm',
-    description: (
-      <>
-        <Translate>Use all-in-one Swanky Suite to start building WASM smart contracts. Get an overview of ink! and ask! WASM contract frameworks and examples for each framework.</Translate>
+        <Translate>
+          Earn tokens for yourself and your dApp by staking tokens and
+          registering your dApp with Astar’s dApp Staking.
+        </Translate>
       </>
     ),
   },
@@ -77,7 +69,10 @@ const FeatureList: FeatureItem[] = [
     iconClass: 'node',
     description: (
       <>
-        <Translate>Explain how to run full nodes, collators, indexers, and everything you need to know related to infrastructure.</Translate>
+        <Translate>
+          Explain how to run full nodes, collators, indexers, and everything you
+          need to know related to infrastructure.
+        </Translate>
       </>
     ),
   },
@@ -87,7 +82,10 @@ const FeatureList: FeatureItem[] = [
     iconClass: 'broadcast',
     description: (
       <>
-        <Translate>Explain how XCM is used in Astar and how developers can use it to interact with the rest of the Polkadot network.</Translate>
+        <Translate>
+          Explain how XCM is used in Astar and how developers can use it to
+          interact with the rest of the Polkadot network.
+        </Translate>
       </>
     ),
   },
@@ -97,7 +95,10 @@ const FeatureList: FeatureItem[] = [
     iconClass: 'tool',
     description: (
       <>
-        <Translate>Provide relevant information about the wallets, bridges, indexers, and oracles that are integrated with the network.</Translate>
+        <Translate>
+          Provide relevant information about the wallets, bridges, indexers, and
+          oracles that are integrated with the network.
+        </Translate>
       </>
     ),
   },
@@ -107,17 +108,10 @@ const FeatureList: FeatureItem[] = [
     iconClass: 'docs',
     description: (
       <>
-        <Translate>Learn how to create different types of wallets, obtain tokens, and manage your assets.</Translate>
-      </>
-    ),
-  },
-  {
-    title: <Translate>Builder Guides</Translate>,
-    link: '/docs/build/builder-guides/',
-    iconClass: 'docs',
-    description: (
-      <>
-        <Translate>Learn how to use tools and build projects in Astar ecosystem.</Translate>
+        <Translate>
+          Learn how to create different types of wallets, obtain tokens, and
+          manage your assets.
+        </Translate>
       </>
     ),
   },