[JA] translate usecases page

@i18n/ja/translations.yaml

@@ -199,6 +199,50 @@ How can a blockchain be sustainable?: ブロックチェーンはどうして持
 It’s been widely reported that Bitcoin’s energy consumption, as of 2021, is equivalent to that used by Argentina, with much of the electricity Bitcoin miners use coming from polluting sources. The XRP Ledger confirms transactions through a “consensus” mechanism - which does not waste energy like proof of work does - and leverages carbon offsets to be <a href='https://ripple.com/ripple-press/ripple-leads-sustainability-agenda-to-achieve-carbon-neutrality-by-2030/' target='_blank'>one of the first truly carbon neutral blockchains</a>.: ビットコインのエネルギー消費量は、2021年時点で、アルゼンチンが使用するエネルギーと同等であり、ビットコインの採掘者が使用する電力の多くは環境破壊につながる資源から供給されていると広く報告されています。XRP Ledgerは、Proof of Workのようにエネルギーを浪費しない「コンセンサス」メカニズムを通じてトランザクションを検証し、カーボンオフセットを活用して、<a href='https://ripple.com/ripple-press/ripple-leads-sustainability-agenda-to-achieve-carbon-neutrality-by-2030/' target='_blank'>最初の真のカーボンニュートラルなブロックチェーンの1つとなっています。</a>
 View Full FAQ: 全てのFAQを見る
 
+# about/uses.page.tsx
+Powering Innovative Use Cases and Projects: 革新的なプロジェクトとユースケースを生み出す
+XRPL Ecosystem: XRPLエコシステム
+Explore Featured Projects: 注目プロジェクトを見る
+The XRPL has a rich ecosystem with many contributors globally. Explore the community of developers, validators, and partners.: XRPLには、世界中の多くの貢献者がいる豊かなエコシステムがあります。開発者、バリデータ、パートナーのコミュニティを見てみましょう。
+Introducing the XRPL Ecosystem: XRPLエコシステムの紹介
+about.uses.apps-build-1: XRPL上の
+about.uses.apps-build-2: アプリ,
+about.uses.apps-build-3: 取引所など
+Infrastructure: インフラ
+Build and operate components or systems that help the functionality of the XRP Ledger, such as Nodes, dev tools, storage, security and more.: ノード、開発ツール、ストレージ、セキュリティなど、XRP Ledgerの機能を助けるコンポーネントやシステムを構築・運用します。
+Developer Tooling: 開発者ツール
+Developers can leverage open-source libraries, SDKs and more to help build their project and access essential XRP Ledger functionality.: 開発者は、オープンソースライブラリやSDKなどを活用して、プロジェクトの構築や、XRP Ledgerの必須機能全般をサポートすることができます。
+Interoperability: 相互運用性
+Developers and node operators can build and run custom sidechains while leveraging the XRPL’s lean and efficient feature set.: 開発者やノード運用者は、XRPLの軽量で効率的な機能セットを活用しながら、カスタムサイドチェーンを構築・運用することができます。
+Wallet: ウォレット
+Build digital wallets to store passwords and interact with various blockchains to send and receive digital assets, including XRP.: パスワードを保存するデジタルウォレットを構築し、様々なブロックチェーンとやり取りして、XRPを含むデジタル資産を送受信します。
+NFTs: NFT
+XRPL supports the issuance of IOUs that represent a currency of any value, as well as non-fungible tokens (NFTs).: XRPLは、あらゆる価値の通貨を表すIOUのほか、非代替性トークン(NFT)にも対応しています
+Exchanges: 取引所
+Build sophisticated exchanges where users can invest and trade crypto and assets such as stocks, ETFs, and commodities.: ユーザが暗号資産や株式、ETF、コモディティなどの資産を投資・取引できる高度な取引所を構築します。
+Gaming: ゲーム
+The XRPL supports gaming at high speed given its reliable throughput, low fees, and sidechain interoperability.: 信頼性の高いスループット、低い手数料、サイドチェーンの相互運用性からXRPLは高速なゲームに最適です。
+Security: セキュリティ
+Build services and tools that help prevent and combat fraudulent activity with the XRPL.: XRPLを使った不正行為の防止や対策に役立つサービスやツールを構築します。
+Payments: ペイメント
+Leverage the efficiency and speed of the XRP Ledger to move value all over the globe.: 高効率かつ高速なXRP Ledgerを活用して、世界中で価値を移動させます。
+CBDC: CBDC
+A private version of the XRP Ledger provides Central Banks a secure, controlled, and flexible solution to issue and manage Central Bank Issued Digital Currencies (CBDCs).: XRP Ledgerのプライベートバージョンは、中央銀行が中央銀行発行デジタル通貨（CBDC）を発行・管理するための、安全で統制のとれた柔軟なソリューションを提供します。
+Sustainability: 持続可能性
+Use the XRP Ledger to tokenize carbon offsets as non-fungible tokens (NFTs).: XRP Ledgerを使用して、カーボンオフセットをNFT(Non-Fungible Token)としてトークン化します。
+Custody: カストディ
+Use the XRP Ledger to build crypto custody and securely hold, store and use your assets.: XRP Ledgerを使用して暗号資産カストディを構築し、資産を安全に保持、保管、使用することができます。
+Join the XRPL Ecosystem and showcase your XRPL project, application, or product. Get featured on the Developer Reflections blog or Ecosystem page.: XRPLエコシステムに参加して、あなたのXRPLプロジェクト、アプリケーション、製品を紹介しましょう。開発者向けブログやエコシステムのページで紹介されます。
+Submit Your Project: プロジェクトを登録
+about.uses.businesses.h3part1: XRP Ledgerを活用する
+about.uses.businesses.h3part2: プロジェクトと開発者
+Solving Real-World Problems: 実世界の問題の解決
+With intentional innovations, tools and documentation that accelerate development and minimize time to market, XRP Ledger is used to create solutions across an expansive range of industries and use cases.: XRP Ledgerは、開発を加速させ、市場投入までの時間を最短にするイノベーション、ツール、ドキュメントによって、幅広い業界やユースケースにおけるソリューションの構築に利用されています。
+Filter by Categories: カテゴリで絞り込む
+Featured Categories: 注目のカテゴリ
+Other Categories: 他のカテゴリ
+# TODO: Add projects' details
+
 Open Source.: オープンソース
 Jump to top of page: ページの先頭へ
 Edit page: ページを編集
@@ -301,7 +345,6 @@ Tokens: トークン
 Non-fungible Tokens: 非代替性トークン
 Issue a stablecoin: ステーブルコインを発行
 Assign an authorized minter: 認可Minterの割り当て
-Payments: ペイメント
 Peer to peer payments: 直接支払い
 Cross-currency payments: クロスカレンシー決済
 Escrows: エスクロー
@@ -420,29 +463,17 @@ Finish automatically: 自動的に終了
 Create Payment Channel: Payment Channelを作成
 Send Issued Currency: トークンを送信
 Trust for: トラストラインの設定
-Security: セキュリティ
 Release Notes: リリースノート
-Custody: カストディ
-Infrastructure: インフラストラクチャ 
 Carbon Markets/Sustainability: 持続可能性
-Developer Tooling: 開発者ツール
-Gaming: ゲーム
-Wallet: ウォレット
 Ledger City is a crypto real estate game powered by the XRP Ledger.: Ledger Cityは、XRP Ledgerを利用した暗号不動産ゲームです。
-Interoperability: 相互運用性
 Ripple's CBDC Platform: Ripple社のCBDC Platform\
 Ripple's On-Demand Liquidity: Ripple社のOn-Demand Liquidity
-Exchanges: 取引所
 XRPL Rosetta explores fiat data on XRPL through visualization.: XRPL Rosettaは、XRPL上のフィアットデータを可視化することで素晴らしさを追求します。
 XRPL.org's Ledger Explorer is a block explorer of the XRP Ledger.: XRPL.orgのLedger Explorerは、XRP Ledgerのブロックエクスプローラーです。
 Xumm Wallet is a non custodial wallet with superpower for the XRP Ledger.: Xumm Walletは、XRP Ledgerのための最高能力を備えた非カストディアルウォレットです。
 Web Monetization: ウェブ収益化
-Sustainability: 持続可能性
 CBDCs: CBDC
 Cancel: キャンセル
-Featured Categories: 注目のカテゴリ
-Other Categories: 他のカテゴリ
 Proven Powerful for Innovation: イノベーションのための確かな実績
 XRPL Use Cases: XRPLのユースケース
 Building businesses and creating new value: ビジネスの構築と新たな価値の創造
-XRPL Ecosystem: XRPLエコシステム

about/uses.page.tsx

@@ -658,10 +658,10 @@ export default function Uses() {
           />
         </div>
         <div className="content-section">
-          <p className="section-text-title">{title}</p>
+          <p className="section-text-title">{translate(title)}</p>
         </div>
         <div className="content-section">
-          <p className="section-text-description">{description}</p>
+          <p className="section-text-description">{translate(description)}</p>
         </div>
         <div className="content-section">
           <hr className="section-separator" />
@@ -694,7 +694,7 @@ export default function Uses() {
                     {arrowAnimation}
                   </div>
                   <span className="explore-projects">
-                    Explore Featured Projects{" "}
+                    {translate('Explore Featured Projects')}
                   </span>
                 </div>
                 <p className="text-sm">
@@ -710,7 +710,9 @@ export default function Uses() {
             <div className="col-lg-5 offset-lg-2 p-5 d-flex">
               <div className="mb-4 pb-3 numbers-animation">{View}</div>
               <div className="apps-built">
-                Apps/exchanges <br /> built on the <br /> XRPL{" "}
+                {translate('about.uses.apps-build-1', 'Apps/exchanges ')}<br />
+                {translate('about.uses.apps-build-2', 'built on the ')}<br />
+                {translate('about.uses.apps-build-3', 'XRPL')}
               </div>
             </div>
             <ul
@@ -734,7 +736,7 @@ export default function Uses() {
                 >
                   <div className="circle-content">
                     <img className="circle-img" id={use.id} alt="use-logos" />
-                    <p className="circle-text">{use.title}</p>
+                    <p className="circle-text">{translate(use.title)}</p>
                     <div className="pill-box">
                       <span className="pill-number">{use.number}</span>
                     </div>
@@ -762,10 +764,7 @@ export default function Uses() {
           <section className="join-xrpl-section py-26">
             <div className="colorful-join-text-wrapper">
               <span className="colorful-join-text">
-                {" "}
+                {translate('Join the XRPL Ecosystem and showcase your XRPL project, application, or product. Get featured on the Developer Reflections blog or Ecosystem page.')}
-                Join the XRPL Ecosystem and showcase your XRPL project,
-                application, or product. Get featured on the Developer
-                Reflections blog or Ecosystem page.{" "}
               </span>
               <div className="mt-10">
                 <a
@@ -782,9 +781,9 @@ export default function Uses() {
             <div className="col-12 col-lg-8 col-xl-6 p-3 mb-5">
               <div className="d-flex flex-column-reverse">
                 <h3 className="h4 h2-sm">
-                  {translate("Businesses and developers")}
+                  {translate("about.uses.businesses.h3part1","Businesses and developers")}
                   <br className="until-sm" />
-                  {translate(" rely on the XRP Ledger")}
+                  {translate("about.uses.businesses.h3part2", "rely on the XRP Ledger")}
                 </h3>
                 <h6 className="eyebrow mb-3">
                   {translate("Solving Real-World Problems")}
@@ -797,7 +796,7 @@ export default function Uses() {
               </p>
             </div>
             <a
-              className="btn  d-block d-lg-none"
+              className="btn d-block d-lg-none"
               data-toggle="modal"
               data-target="#categoryFilterModal"
             >
@@ -843,7 +842,7 @@ export default function Uses() {
                           className="font-weight-bold"
                           htmlFor={`input_${item}`}
                         >
-                          {featured_categories[item]}
+                          {translate(featured_categories[item])}
                         </label>
                       </div>
                     ))}
@@ -869,7 +868,7 @@ export default function Uses() {
                           onChange={() => toggleCategory(item)}
                         />
                         <label htmlFor={`input_${item}`}>
-                          {other_categories[item]}
+                          {translate(other_categories[item])}
                         </label>
                       </div>
                     ))}
@@ -898,10 +897,10 @@ export default function Uses() {
                         />
                       </span>
                       <h4 className="card-title h6">{card.title}</h4>
-                      <p className="card-text">{card.description}</p>
+                      <p className="card-text">{translate(card.description)}</p>
                       <div className="align-self-end">
                         <span className={`label label-use-${card.category_id}`}>
-                          {card.category_name}
+                          {translate(card.category_name)}
                         </span>
                       </div>
                     </div>