Merge pull request #15513 from ethereum/homepage-build-CTA

Homepage build net CTA button

Author: wackerow

src/components/Homepage/useHome.ts

@@ -7,10 +7,10 @@ import type { CodeExample } from "@/lib/interfaces"
 
 import { useBentoBox } from "@/components/Homepage/useBentoBox"
 import BlockHeap from "@/components/icons/block-heap.svg"
+import BuildAppsIcon from "@/components/icons/build-apps.svg"
 import EthGlyphIcon from "@/components/icons/eth-glyph.svg"
 import EthTokenIcon from "@/components/icons/eth-token.svg"
 import PickWalletIcon from "@/components/icons/eth-wallet.svg"
-import ChooseNetworkIcon from "@/components/icons/network-layers.svg"
 import TryAppsIcon from "@/components/icons/phone-homescreen.svg"
 import RoadmapSign from "@/components/icons/roadmap-sign.svg"
 import Whitepaper from "@/components/icons/whitepaper.svg"
@@ -103,14 +103,6 @@ export const useHome = () => {
       className: "text-accent-a hover:text-accent-a-hover",
       eventName: "get eth",
     },
-    {
-      label: t("page-index:page-index-cta-networks-label"),
-      description: t("page-index:page-index-cta-networks-description"),
-      href: "/layer-2/", // TODO: Update with new networks page when ready
-      Svg: ChooseNetworkIcon,
-      className: "text-accent-b hover:text-accent-b-hover",
-      eventName: "L2",
-    },
     {
       label: t("page-index:page-index-cta-dapps-label"),
       description: t("page-index:page-index-cta-dapps-description"),
@@ -122,6 +114,14 @@ export const useHome = () => {
       ),
       eventName: "dapps",
     },
+    {
+      label: t("page-index:page-index-cta-build-apps-label"),
+      description: t("page-index:page-index-cta-build-apps-description"),
+      href: "/developers/",
+      Svg: BuildAppsIcon,
+      className: "text-accent-b hover:text-accent-b-hover",
+      eventName: "build apps",
+    },
   ]
 
   const popularTopics = [

src/components/icons/build-apps.svg

@@ -36,11 +36,11 @@
   "page-index-cta-dapps-label": "መተግበሪያዎችን ይሞክሩ",
   "page-index-cta-get-eth-description": "የ Ethereum መገበያያ",
   "page-index-cta-get-eth-label": "ETHን ያግኙ",
-  "page-index-cta-networks-description": "በአነስተኛ ክፍያዎች ይደሰቱ",
-  "page-index-cta-networks-label": "አውታረ መረብ ይምረጡ",
   "page-index-cta-wallet-description": "መለያ ይፍጠሩ እና ንብረቶችን ያስተዳድሩ",
   "page-index-cta-wallet-label": "ቦርሳ ይምረጡ",
   "page-index-description": "ለአዳዲስ መተግበሪያዎች እና የ blockchain አውታረ መረቦች መሪ መድረክ",
+  "page-index-cta-build-apps-description": "የመጀመሪያውን መተግበሪያዎት ይፍጠሩ",
+  "page-index-cta-build-apps-label": "ልማትን ይጀምሩ",
   "page-index-developers-code-example-description-0": "እርስዎ ፕሮግራም ባደረጉት ሎጂክ የሚሠራ ባንክ ይገንቡ",
   "page-index-developers-code-example-description-1": "ከመተግበሪያ ወደ መተግበሪያ ሊያስተላልፏቸው እና ጥቅም ላይ ሊያውሏቸው የምችሉትን ቶከኖች ይፍጠሩ።",
   "page-index-developers-code-example-description-2": "ከ Ethereum እና ከሌሎች መተግበሪያዎች ጋር ለመስተጋበር ነባር ቋንቋዎችን ይጠቀሙ።",

src/intl/am/page-index.json

@@ -36,11 +36,11 @@
   "page-index-cta-dapps-label": "جرب التطبيقات",
   "page-index-cta-get-eth-description": "عملة تطبيقات إيثريوم",
   "page-index-cta-get-eth-label": "احصل على عملات إثير",
-  "page-index-cta-networks-description": "استمتع مقابل رسوم بسيطة",
-  "page-index-cta-networks-label": "اختر شبكة",
   "page-index-cta-wallet-description": "إنشاء الحسابات وإدارة الأصول",
   "page-index-cta-wallet-label": "اختر محفظة",
   "page-index-description": "المنصة الرائدة للتطبيقات المبتكرة وشبكات البلوكتشين",
+  "page-index-cta-build-apps-description": "أنشئ أول تطبيق لك",
+  "page-index-cta-build-apps-label": "ابدأ التطوير",
   "page-index-developers-code-example-description-0": "بإمكانك بناء مصرف يدعمه المنطق الذي تقوم ببرمجته بنفسك",
   "page-index-developers-code-example-description-1": "يمكنك إنشاء رموز بحيث يمكنك نقلها واستخدامها عبر التطبيقات",
   "page-index-developers-code-example-description-2": "بإمكانك استخدام اللغات الموجودة للتفاعل مع إيثريوم والتطبيقات الأخرى",

src/intl/ar/page-index.json

@@ -36,11 +36,11 @@
   "page-index-cta-dapps-label": "Tətbiqləri sınayın",
   "page-index-cta-get-eth-description": "Ethereum-un valyutası",
   "page-index-cta-get-eth-label": "ETH əldə et",
-  "page-index-cta-networks-description": "Ödənilən haqların minimal olmasından yararlanın",
-  "page-index-cta-networks-label": "Şəbəkə seçin",
   "page-index-cta-wallet-description": "Hesablar yaradın və aktivləri idarə edin",
   "page-index-cta-wallet-label": "Pul kisəsi seç",
   "page-index-description": "Yenilikçi tətbiqlər və blokçeyn şəbəkələri üçün qabaqcıl platforma",
+  "page-index-cta-build-apps-description": "İlk tətbiqinizi yaradın",
+  "page-index-cta-build-apps-label": "İnkişaf etməyə başlayın",
   "page-index-developers-code-example-description-0": "Proqramlaşdırdığınız məntiqlə işləyən bir bank qurun",
   "page-index-developers-code-example-description-1": "Tətbiqlər arasında köçürə və istifadə edə biləcəyiniz tokenlər yaradın",
   "page-index-developers-code-example-description-2": "Ethereum və digər tətbiqlərlə qarşılıqlı əlaqə yaratmaq üçün mövcud dillərdən istifadə edin",

src/intl/az/page-index.json

@@ -36,11 +36,11 @@
   "page-index-cta-dapps-label": "Паспрабуйце выкарыстаць дадаткі",
   "page-index-cta-get-eth-description": "Валюта Ethereum",
   "page-index-cta-get-eth-label": "Атрымайце ETH",
-  "page-index-cta-networks-description": "Мінімальныя камісіі",
-  "page-index-cta-networks-label": "Выбар сеткі",
   "page-index-cta-wallet-description": "Стварэнне акаўнтаў і кіраванне актывамі",
   "page-index-cta-wallet-label": "Выберыце гаманец",
   "page-index-description": "Вядучая платформа для інавацыйных дадаткаў і блокчэйн-сетак",
+  "page-index-cta-build-apps-description": "Стварыце свой першы дадатак",
+  "page-index-cta-build-apps-label": "Пачніце распрацоўку",
   "page-index-developers-code-example-description-0": "Стварыце банк, які кіруецца запраграмаванай вамі логікай",
   "page-index-developers-code-example-description-1": "Стварайце токены, якія потым можна перадаваць і выкарыстоўваць у разнастайных дадатках",
   "page-index-developers-code-example-description-2": "Выкарыстоўвайце існуючыя мовы для ўзаемадзеяння з Ethereum і іншымі дадаткамі",

src/intl/be/page-index.json

@@ -36,11 +36,11 @@
   "page-index-cta-dapps-label": "Опитайте приложенията",
   "page-index-cta-get-eth-description": "Валутата на Eтереум",
   "page-index-cta-get-eth-label": "Вземете ETH",
-  "page-index-cta-networks-description": "Насладете се на минимални такси",
-  "page-index-cta-networks-label": "Изберете мрежа",
   "page-index-cta-wallet-description": "Създавайте акаунти и управлявайте активи",
   "page-index-cta-wallet-label": "Изберете портфейл",
   "page-index-description": "Водещата платформа за иновативни приложения и блокчейн мрежи",
+  "page-index-cta-build-apps-description": "Създайте своето първо приложение",
+  "page-index-cta-build-apps-label": "Започнете разработка",
   "page-index-developers-code-example-description-0": "Изградете банка, управлявана от програмирана от вас логика",
   "page-index-developers-code-example-description-1": "Създайте токени, които да прехвърляте и да използвате в различни приложения",
   "page-index-developers-code-example-description-2": "Използвайте съществуващите езици, за да взаимодействате с Етереум и други приложения",

src/intl/bg/page-index.json

@@ -36,11 +36,11 @@
   "page-index-cta-dapps-label": "অ্যাপগুলি ব্যাবহার করে দেখুন",
   "page-index-cta-get-eth-description": "ইথেরিয়ামের কারেন্সি",
   "page-index-cta-get-eth-label": "ETH নিন",
-  "page-index-cta-networks-description": "ন্যুনতম ফি উপভোগ করুন",
-  "page-index-cta-networks-label": "একটি নেটওয়ার্ক বেছে নিন",
   "page-index-cta-wallet-description": "অ্যাকাউন্ট তৈরি করুন এবং সম্পদ ব্যবস্থাপনা করুন",
   "page-index-cta-wallet-label": "একটি ওয়ালেট বেছে নিন",
   "page-index-description": "উদ্ভাবনী অ্যাপ এবং ব্লকচেইন নেটওয়ার্কগুলির জন্য অগ্রগণ্য প্ল্যাটফর্ম",
+  "page-index-cta-build-apps-description": "আপনার প্রথম অ্যাপ তৈরি করুন",
+  "page-index-cta-build-apps-label": "উন্নয়ন শুরু করুন",
   "page-index-developers-code-example-description-0": "আপনার তৈরি করা প্রোগ্রামের যুক্তি অনুযায়ী চালিত একটি ব্যাংক নির্মাণ করুন",
   "page-index-developers-code-example-description-1": "অ্যাপ্লিকেশনগুলি জুড়ে ট্রান্সফার এবং ব্যবহার করতে পারবেন এমন টোকেনগুলি তৈরি করুন",
   "page-index-developers-code-example-description-2": "ইথেরিয়াম এবং অন্যান্য অ্যাপ্লিকেশনগুলির সাথে পারস্পরিক যোগাযোগ করতে বিদ্যমান ভাষাগুলি ব্যবহার করুন",

src/intl/bn/page-index.json

@@ -35,11 +35,11 @@
   "page-index-cta-dapps-label": "Isprobajte aplikacije",
   "page-index-cta-get-eth-description": "Valuta Ethereuma",
   "page-index-cta-get-eth-label": "Nabavite ETH",
-  "page-index-cta-networks-description": "Uživajte u minimalnim naknadama",
-  "page-index-cta-networks-label": "Odaberite mrežu",
   "page-index-cta-wallet-description": "Kreirajte račune i upravljajte sredstvima",
   "page-index-cta-wallet-label": "Odaberite novčanik",
   "page-index-description": "Vodeća platforma za inovativne aplikacije i blockchain mreže",
+  "page-index-cta-build-apps-description": "Kreirajte svoju prvu aplikaciju",
+  "page-index-cta-build-apps-label": "Započnite razvoj",
   "page-index-developers-code-example-description-0": "Izgradite banku uz pomoć logike koju ste vi programirali",
   "page-index-developers-code-example-description-1": "Kreirajte tokene koje možete prenositi i koristiti u različitim aplikacijama",
   "page-index-developers-code-example-description-2": "Koristite postojeće jezike za interakciju s Ethereumom i drugim aplikacijama",

src/intl/bs/page-index.json

@@ -37,11 +37,11 @@
   "page-index-cta-dapps-label": "Prova aplicacions",
   "page-index-cta-get-eth-description": "La moneda d'Ethereum",
   "page-index-cta-get-eth-label": "Aconsegueix ETH",
-  "page-index-cta-networks-description": "Gaudeix d'una comissió mínima",
-  "page-index-cta-networks-label": "Tria una xarxa",
   "page-index-cta-wallet-description": "Crea comptes i administra actius",
   "page-index-cta-wallet-label": "Selecciona una cartera",
   "page-index-description": "La plataforma líder per a aplicacions innovadores i xarxes de cadena de blocs",
+  "page-index-cta-build-apps-description": "Creï la seva primera aplicació",
+  "page-index-cta-build-apps-label": "Comenci a crear",
   "page-index-developers-code-example-description-0": "Crea un banc que funcioni amb la lògica que hagis programat",
   "page-index-developers-code-example-description-1": "Crea tokens per transferir i utilitzar en diverses aplicacions",
   "page-index-developers-code-example-description-2": "Utilitza els llenguatges existents per interactuar amb Ethereum i altres aplicacions",