Add i18n copy

dfinity · Jul 2, 2024 · 685ce1c · 685ce1c
1 parent 07aa985
commit 685ce1c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/src/frontend/src/components/landingPage.json b/src/frontend/src/components/landingPage.json
@@ -0,0 +1,6 @@
+{
+  "en": {
+    "title": "Secure, seamless & privacy-preserving digital identity",
+    "subtitle": "Internet Identity is a decentralized identity solution running end-to-end on the Internet Computer blockchain."
+  }
+}
diff --git a/src/frontend/src/components/landingPage.ts b/src/frontend/src/components/landingPage.ts
@@ -1,6 +1,8 @@
+import { I18n } from "$src/i18n";
 import { html, TemplateResult } from "lit-html";
 import { navigationLink } from "./footer";
 import { githubIcon, icLogo, questionIcon } from "./icons";
+import copyJson from "./landingPage.json";
 
 /**
  * Landing page template
@@ -16,6 +18,9 @@ export const landingPage = ({
 }: {
   slot: TemplateResult;
 }): TemplateResult => {
+  const i18n = new I18n();
+  const copy = i18n.i18n(copyJson);
+
   return html` <main class="c-landingPage">
     <div class="c-landingPage__logo">
       <div class="c-logo">${icLogo}</div>
@@ -27,13 +32,8 @@ export const landingPage = ({
     </section>
     <section class="c-landingPage__left">
       <div class="c-landingPage__left__content">
-        <h1 class="t-title t-title--main">
-          Secure, seamless & privacy-preserving digital identity
-        </h1>
-        <p class="t-paragraph">
-          Internet Identity is a decentralized identity solution running
-          end-to-end on the Internet Computer blockchain.
-        </p>
+        <h1 class="t-title t-title--main">${copy.title}</h1>
+        <p class="t-paragraph">{${copy.subtitle}}</p>
       </div>
       <div class="c-landingPage__left__footer">
         ${navigationLink({