diff --git a/@i18n/ja/translations.yaml b/@i18n/ja/translations.yaml
index c43c7cfebb..a930613d63 100644
--- a/@i18n/ja/translations.yaml
+++ b/@i18n/ja/translations.yaml
@@ -540,16 +540,31 @@ Business acumen: ビジネス知識
 View XRPL Accelerator: XRPLアクセラレータを見る
 $50,000 (grant) + pitch for venture funding: $50,000(助成金)＋ベンチャー資金へのピッチ
 
+# resources/code-samples.page.tsx
+Start Building with Example Code: コードサンプルから開発を始める
+Code Samples: コードサンプル
+Browse sample code for building common use cases on the XRP Ledger: XRP Ledger上で一般的なユースケースを構築するためのコードサンプルを見ることができます
+Contribute Code Samples: コードサンプルへの貢献
+Help the XRPL community by submitting your own code samples: コードサンプルを投稿して、XRPLコミュニティに貢献しましょう
+Fork and clone: フォークしてクローン
+resources.contribute.1.part1: 'gitを使い'
+resources.contribute.1.part2: 'xrpl-dev-portalリポジトリ'
+resources.contribute.1.part3: 'をフォークし、自分のデバイスにクローンしましょう'
+Add to folder: フォルダに追加
+resources.contribute.2.part1: ' '
+resources.contribute.2.part2: 'に作成したサンプルコードを追加し、そのコードが何をするのか、そして必要となる事前知識を要約した'
+resources.contribute.2.part3: 'ファイルがあることを確認してください。'
+Commit and push: コミットしてプッシュ
+resources.contribute.3.part1: 変更内容をコミットし、リモートリポジトリにプッシュします
+Open a pull request: プルリクエストを作成
+resources.contribute.4.part1: '元のリポジトリにプルリクエストを提出してください。メンテナーがあなたの提出内容をレビューし、必要であれば変更を提案します。コードサンプルが有益であれば、マージされてXRPL.orgに追加されます！'
+
 Open Source.: オープンソース
 Jump to top of page: ページの先頭へ
 Edit page: ページを編集
 Search: 検索
 Search site...: サイトを検索
 Search for articles, training, and code samples...: 記事、トレーニング、コードサンプルを検索...
-Start Building with Example Code: コードサンプルから開発を始める
-Code Samples: コードサンプル
-Browse sample code for building common use cases on the XRP Ledger: XRP Ledger上で一般的なユースケースを構築するためのコードサンプルを見ることができます
-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: 以下のプラットフォームでコミュニティにアクセスできます。
diff --git a/resources/code-samples.page.tsx b/resources/code-samples.page.tsx
index 3d5d9405c5..2375d1b9f4 100644
--- a/resources/code-samples.page.tsx
+++ b/resources/code-samples.page.tsx
@@ -89,31 +89,36 @@ export default function CodeSamples() {
             <div className="row pl-4">
               <div className=" col-lg-3 pl-4 pl-lg-0 pr-4 contribute  dot contribute_1">
                 <span className="dot" />
-                <h5 className="pb-4 pt-md-5">Fork and clone</h5>
+                <h5 className="pb-4 pt-md-5">{translate('Fork and clone')}</h5>
                 <p className="pb-4">
-                  Fork the <a href="https://github.com/XRPLF/xrpl-dev-portal">xrpl-dev-portal repo</a>. Using git, clone
-                  the fork to your computer.
+                  {translate('resources.contribute.1.part1', 'Fork the ')}
+                  <a href="https://github.com/XRPLF/xrpl-dev-portal">
+                    {translate('resources.contribute.1.part2', 'xrpl-dev-portal repo')}
+                  </a>
+                  {translate('resources.contribute.1.part3', '. Using git, clone the fork to your computer.')}
                 </p>
               </div>
               <div className=" col-lg-3 pl-4 pl-lg-0 pr-4 contribute  dot contribute_2">
                 <span className="dot" />
-                <h5 className="pb-4 pt-md-5">Add to folder</h5>
+                <h5 className="pb-4 pt-md-5">{translate('Add to folder')}</h5>
                 <p className="pb-4">
-                  Add your sample code to the <code>content/_code-samples/</code> folder. Be sure to include a{' '}
-                  <code>README.md</code> that summarizes what it does and anything else people should know about it.
+                  {translate('resources.contribute.2.part1', 'Add your sample code to the ')}
+                  <code>content/_code-samples/</code>
+                  {translate('resources.contribute.2.part2', ' folder. Be sure to include a ')}
+                  <code>README.md</code>
+                  {translate('resources.contribute.2.part3', 'that summarizes what it does and anything else people should know about it.')}
                 </p>
               </div>
               <div className=" col-lg-3 pl-4 pl-lg-0 pr-4 contribute  dot contribute_3">
                 <span className="dot" />
-                <h5 className="pb-4 pt-md-5">Commit and push</h5>
-                <p className="pb-4">Commit your changes and push them to your fork on GitHub.</p>
+                <h5 className="pb-4 pt-md-5">{translate('Commit and push')}</h5>
+                <p className="pb-4">{translate('resources.contribute.3.part1', 'Commit your changes and push them to your fork on GitHub.')}</p>
               </div>
               <div className=" col-lg-3 pl-4 pl-lg-0 pr-2 contribute  dot contribute_4 mb-4">
                 <span className="dot" />
-                <h5 className="pb-4 pt-md-5">Open a pull request</h5>
+                <h5 className="pb-4 pt-md-5">{translate('Open a pull request')}</h5>
                 <p className="pb-0 mb-0">
-                  Open a pull request to the original repo. Maintainers will review your submission and suggest changes
-                  if necessary. If the code sample is helpful, it'll be merged and added to XRPL.org!
+                  {translate('resources.contribute.4.part1', "Open a pull request to the original repo. Maintainers will review your submission and suggest changes if necessary. If the code sample is helpful, it'll be merged and added to XRPL.org!")}
                 </p>
               </div>
             </div>