[JA] translate community page

@i18n/ja/translations.yaml

@@ -306,6 +306,50 @@ about.impact.code.ppart3: からブロックチェーンプロジェクトを見
 Connect: 繋がる
 about.impact.connect.ppart1: SNSで#XRPLCommunityを使って話題に加わりましょう。
 
+# community/index.page.tsx
+XRPL Community: XRPLコミュニティ
+community.index.h1part1: 開発者とイノベーターによる
+community.index.h1part2: グローバルな
+community.index.h1part3: " "
+community.index.h1part4: ブロックチェーンコミュニティ
+Join the Conversation: 参加する
+Hot Topics Happening Now: 今話題のトピック
+community.index.event.h4part1: XRPLコミュニティ主催の
+community.index.event.h4part2: グローバルイベントをチェック
+Meet the XRPL community at meetups, hackathons, blockchain conferences, and more across global regions.: グローバルな地域で開催されるミートアップ、ハッカソン、ブロックチェーンカンファレンスなどで、XRPLコミュニティと出会いましょう。
+View All Events: 全てのイベントを見る
+UPCOMING EVENT: 次のイベント
+days: 日後
+# TODO: translate "XRPL Events Carousel Section"
+Get Funding: 資金を獲得
+funding been awarded: 受賞総額
+teams awarded globally: 受賞チーム数
+countries represented: 参加国数
+XRPL Developer Funding: XRPL開発者向けの資金提供
+Funding Opportunities for Blockchain Businesses: ブロックチェーンビジネスのための資金獲得の機会
+If you're a software developer or team looking to build your next blockchain business on the XRP Ledger (XRPL), numerous funding opportunities like grants and hackathons await your innovation.: あなたがXRP Ledger(XRPL)上で次のブロックチェーンビジネスを構築しようとしているソフトウェア開発者やチームであれば、助成金やハッカソンなど数多くの資金調達の機会があなたをお待ちしています。
+XRPL Community Spotlight: XRPLコミュニティの紹介
+Showcase your blockchain project, application, or product: あなたのブロックチェーンプロジェクト、アプリケーション、製品を紹介しましょう
+Get featured on the Developer Reflections blog or Ecosystem page, and amplify your innovation within the blockchain community.: 開発者向けブログやエコシステムのページで紹介され、ブロックチェーンコミュニティ内でのイノベーションを広めましょう。
+Submit Your Projects: プロジェクトを登録
+# TODO: translate project-cards
+View Projects: プロジェクトを見る
+Contribute to Consensus: コンセンサスへの貢献
+Run an XRP Ledger network node: XRP Ledgerのノードを実行する
+Thank you for your interest in contributing to XRP Ledger.: XRP Ledgerへの貢献に興味がありますか？
+Networks and Servers: ネットワークとサーバ
+Join UNL: UNLに参加
+Install & Configure: インストールと設定
+Troubleshooting: トラブルシューティング
+XRPL Careers: XRPLキャリア
+Discover your next career opportunity in the XRPL community: XRPLコミュニティで次のキャリアを見つけましょう
+Teams across the XRPL community are looking for talented individuals to help build their next innovation.: XRPLコミュニティ全体が、次のイノベーションを構築するために才能ある人物を探しています。
+View Open Roles: 募集中の職種を見る
+Contribute to XRPL.org: XRPL.orgに貢献する
+A Community-Driven Resource for All Things XRP Ledger: XRP Ledgerに関する情報を提供するコミュニティ主導のリソース
+Contribute to XRPL.org, the go-to resource for XRP Ledger. This open-source portal welcomes contributions from anyone for suggested changes.: XRP LedgerのためのリソースであるXRPL.orgに貢献しましょう。このオープンソースポータルでは、皆様からの変更や提案を歓迎します。
+Read Contributor Guidelines: ガイドラインを読む
+
 Open Source.: オープンソース
 Jump to top of page: ページの先頭へ
 Edit page: ページを編集
@@ -360,28 +404,19 @@ Contribute Code Samples: コードサンプルへの貢献
 Help the XRPL community by submitting your<br> own code samples: コードサンプルを投稿して、XRPLコミュニティに貢献しましょう
 The XRPL Community: XRPL コミュニティ
 Find the community on the platforms below: 以下のプラットフォームでコミュニティにアクセスできます。
-Join the Conversation: 参加する
-Run an XRP Ledger network node: XRP Ledgerのネットワークノードを実行する
-Contribute to Consensus: コンセンサスへの貢献
 Apply for funding to build your XRPL project: 将来のXRPLプロジェクトのための資金調達に応募する
 Awarded in a single grant: 1回のGrantでの助成金
 Distributed to grant recipients: 助成対象者への配布
 Open-source projects funded : オープンソースプロジェクトへの資金提供
 Learn More: もっと知る
 Showcase your XRPL project, application or product: XRPLプロジェクト、アプリケーション、製品の紹介
-XRPL Community Spotlight: XRPL コミュニティの紹介
-Submit Your Projects: プロジェクトを登録する
 Read the Blog: ブログを読む
 Check out global events across the XRPL community: XRPLコミュニティで開催されるグローバルなイベントをチェック
 XRPL Events: XRPLイベント
-View All Events: 全てのイベントを見る
-Discover your next career opportunity in the XRPL community: XRPLコミュニティであなたの次のキャリアを見つけましょう
 Review guidelines for using XRPL design assets: XRPLのデザインアセットを使用するためのガイドラインを確認
 XRPL Assets: XRPLのアセット
 Download the PDF and Assets: PDFとアセットをダウンロード
 A community-driven resource for all things XRPL.org: XRPとXRP Ledgerのあらゆるものを提供する、コミュニティ主体のリソース
-Contribute to XRPL.org: XRPL.orgに貢献する
-Read Contributor Guidelines: コントリビュータガイドラインを読む
 Dev Tools: 開発者ツール
 Explorers: エクスプローラ
 API Access: APIアクセス

community/index.page.tsx

@@ -1,6 +1,7 @@
-import React, { useEffect, useState } from "react";
+import React, { useState } from "react";
 import { useTranslate } from "@portal/hooks";
 import moment from "moment";
+import { Link } from '@portal/Link';
 
 export const frontmatter = {
   seo: {
@@ -203,9 +204,9 @@ const XrplEventsAndCarouselSection = ({ events }) => {
           <div className="header">
             <h6 className="events-text">{translate("XRPL Events")}</h6>
             <h4 className="events-text">
-              {translate("Check out global events hosted")}{" "}
+              {translate("community.index.event.h4part1", "Check out global events hosted ")}
               <br className="d-none-sm" />
-              {translate("by the XRPL community")}
+              {translate("community.index.event.h4part2", "by the XRPL community")}
             </h4>
           </div>
           <p className="description">
@@ -213,13 +214,13 @@ const XrplEventsAndCarouselSection = ({ events }) => {
               "Meet the XRPL community at meetups, hackathons, blockchain conferences, and more across global regions."
             )}
           </p>
-          <a
+          <Link
             className="cd-none-sm btn btn-primary btn-arrow view-all-events-btn"
             target="_blank"
-            href="/community/events"
+            to="/community/events"
           >
             {translate("View All Events")}
-          </a>
+          </Link>
         </div>
         <div className="upcoming-event" id="upcoming-events-section">
           <p className="upcoming-label">{translate("UPCOMING EVENT")}</p>
@@ -240,13 +241,13 @@ const XrplEventsAndCarouselSection = ({ events }) => {
             <span id="location-tag">{nearestEvent.location}</span>
           </p>
         </div>
-        <a
+        <Link
           target="_blank"
           className="cd-none-lg btn btn-primary btn-arrow view-all-events-btn"
-          href="/community/events"
+          to="/community/events"
         >
           {translate("View All Events")}
-        </a>
+        </Link>
       </section>
 
       <section className="carousel">
@@ -351,12 +352,12 @@ const CommunityPage: React.FC = () => {
               alt="Down Arrow"
             />
             <h1 className="mb-0 main-title">
-              {translate("A Global Blockchain")}
+              {translate("community.index.h1part1", "A Global Blockchain")}
               <br className="until-sm" />
-              {translate("Community of ")}
-              <span className="builders-wrap">Builders</span>
+              {translate("community.index.h1part2", "Community of ")}
+              <span className="builders-wrap">{translate("community.index.h1part3", "Builders")}</span>
               <br className="until-sm" />
-              {translate("and Innovators")}
+              {translate("community.index.h1part4", "and Innovators")}
             </h1>
             <h6 className="mb-3 eyebrow">{translate("XRPL Community")}</h6>
           </div>
@@ -451,13 +452,13 @@ const CommunityPage: React.FC = () => {
       <XrplEventsAndCarouselSection events={events} />
       {/* Community Funding Section */}
       <section className="community-funding">
-        <a
+        <Link
           target="_blank"
           className="cd-none-lg btn btn-primary btn-arrow view-all-events-btn get-funding-btn"
-          href="/community/developer-funding/"
+          to="/community/developer-funding/"
         >
           {translate("Get Funding")}
-        </a>
+        </Link>
         <div className="stats">
           <div className="stacked-stats">
             <div className="stat">
@@ -503,13 +504,13 @@ const CommunityPage: React.FC = () => {
               "If you're a software developer or team looking to build your next blockchain business on the XRP Ledger (XRPL), numerous funding opportunities like grants and hackathons await your innovation."
             )}
           </p>
-          <a
+          <Link
             className="cd-none-sm btn btn-primary btn-arrow view-all-events-btn"
             target="_blank"
-            href="/community/developer-funding/"
+            to="/community/developer-funding/"
           >
             {translate("Get Funding")}
-          </a>
+          </Link>
         </div>
       </section>
       {/* Community Spotlight Wrapper */}
@@ -604,38 +605,38 @@ const CommunityPage: React.FC = () => {
             </h6>
             <p className="card-description">
               {translate(
-                "Thank you for your interest in contributing to XRPL.org."
+                "Thank you for your interest in contributing to XRP Ledger."
               )}
             </p>
             <div className="card-links">
-              <a
+              <Link
                 className="com-card-link"
                 target="_blank"
-                href="/docs/concepts/networks-and-servers/"
+                to="/docs/concepts/networks-and-servers/"
               >
                 {translate("Networks and Servers")}
-              </a>
-              <a
+              </Link>
+              <Link
                 className="com-card-link"
-                href="/docs/infrastructure/configuration/server-modes/run-rippled-as-a-validator/"
                 target="_blank"
+                to="/docs/infrastructure/configuration/server-modes/run-rippled-as-a-validator/"
               >
                 {translate("Join UNL")}
-              </a>
-              <a
+              </Link>
+              <Link
                 className="com-card-link"
                 target="_blank"
-                href="/docs/infrastructure/installation/"
+                to="/docs/infrastructure/installation/"
               >
                 {translate("Install & Configure")}
-              </a>
-              <a
+              </Link>
+              <Link
                 className="com-card-link"
                 target="_blank"
-                href="/docs/infrastructure/troubleshooting/"
+                to="/docs/infrastructure/troubleshooting/"
               >
                 {translate("Troubleshooting")}
-              </a>
+              </Link>
             </div>
           </div>
         </div>
@@ -671,7 +672,7 @@ const CommunityPage: React.FC = () => {
               {translate("Contribute to XRPL.org")}
             </h6>
             <h6 className="card-subtitle">
-              {translate("A Community-Driven Resource for All Things XRPL.org")}
+              {translate("A Community-Driven Resource for All Things XRP Ledger")}
             </h6>
             <p className="card-description">
               {translate(
@@ -679,13 +680,13 @@ const CommunityPage: React.FC = () => {
               )}
             </p>
             <div className="card-links">
-              <a
+              <Link
                 className="com-card-link"
                 target="_blank"
-                href="/resources/contribute-documentation/"
+                to="/resources/contribute-documentation/"
               >
                 {translate("Read Contributor Guidelines")}
-              </a>
+              </Link>
             </div>
           </div>
         </div>