Merge pull request #4508 from brave-intl/update/meta-text

update metadata

nextjs/src/app/[locale]/layout.tsx

@@ -2,7 +2,7 @@ import { Metadata } from 'next';
 // import { cookies, headers } from 'next/headers';
 import { notFound } from 'next/navigation';
 import { NextIntlClientProvider } from 'next-intl';
-import { unstable_setRequestLocale } from 'next-intl/server';
+import { unstable_setRequestLocale, getTranslations } from 'next-intl/server';
 import * as React from 'react';
 import '@fontsource/poppins';
 import '@fontsource/inter';
@@ -19,31 +19,35 @@ export function generateStaticParams() {
 }
 
 // Look at @/constant/config to change them
-export const metadata: Metadata = {
-  title: {
-    default: siteConfig.title,
-    template: `%s | ${siteConfig.title}`,
-  },
-  description: siteConfig.description,
-  robots: { index: true, follow: true },
-  icons: {
-    icon: '/favicon/favicon.ico',
-  },
-  manifest: `/favicon/site.webmanifest`,
-  openGraph: {
-    url: siteConfig.url,
-    title: siteConfig.title,
-    description: siteConfig.description,
-    siteName: siteConfig.title,
-    type: 'website',
-    locale: 'en_US',
-  },
-  twitter: {
-    card: 'summary_large_image',
-    title: siteConfig.title,
-    description: siteConfig.description,
-  },
-};
+export async function generateMetadata({ params: { locale }}) {
+  const t = await getTranslations({ locale, namespace: 'metadata'});
+
+  return {
+    title: {
+      default: t("title"),
+      template: `%s | ${t("title")}`,
+    },
+    description: t("description"),
+    robots: { index: true, follow: true },
+    icons: {
+      icon: '/favicon/favicon.ico',
+    },
+    manifest: `/favicon/site.webmanifest`,
+    openGraph: {
+      url: siteConfig.url,
+      title: t("title"),
+      description: t("description"),
+      siteName: t("title"),
+      type: 'website',
+      locale: 'en_US',
+    },
+    twitter: {
+      card: 'summary_large_image',
+      title: t("title"),
+      description: t("description"),
+    },
+  };
+}
 
 export default async function RootLayout({
   children,

nextjs/src/constant/config.ts

@@ -1,7 +1,7 @@
 export const siteConfig = {
   title: 'Brave Creators',
   description:
-    'Brave Creators helps you earn more for doing what you do best and get back some of that revenue lost for when your viewers use ad blocking. Get paid directly by your audience for your content, instead of relying on ad revenue.',
+    'Sign up with Brave Creators to begin receiving contributions from your fans and supporters. Register your website or social media accounts now to begin receiving payouts and contributions. Earn more with Brave Creators.',
   /** Without additional '/' on the end, e.g. https://theodorusclarence.com */
   url: 'https://creators.brave.com/',
 };

nextjs/src/messages/en.json

@@ -1,4 +1,8 @@
 {
+  "metadata": {
+    "title": "Brave Creators",
+    "description": "Sign up with Brave Creators to begin receiving contributions from your fans and supporters. Register your website or social media accounts now to begin receiving payouts and contributions. Earn more with Brave Creators."
+  },
   "shared": {
     "add_channel": "Add Channel",
     "add_promo_code": "Add Promo Code",

nextjs/src/messages/ja.json

@@ -1,4 +1,8 @@
 {
+  "metadata": {
+    "title": "Brave クリエイター",
+    "description": "Brave Creatorsに登録して、ファンやサポーターからの支援を受け取り始めましょう。ウェブサイトやソーシャルメディアアカウントを今すぐ登録して、支払いや支援の受け取りを開始しましょう。Brave Creatorsでより多くの収益を得ることができます。"
+  },
   "NavDropdown": {
     "faqs": "FAQ",
     "help": "ヘルプ",

public/creators-landing/src/locale/en.js

@@ -7,7 +7,7 @@ var en = {
     login: "log in",
     loginHref: "/log-in",
     logoAlt: "Brave Creator Logo",
-    batPillAlt: "Built with BAT"
+    batPillAlt: "Built with BAT",
   },
   main: {
     home: {
@@ -19,14 +19,14 @@ var en = {
         website: "Your own website",
         publication: "Your social media account (X, Reddit, etc.)",
         youtube: "YouTube",
-        Twitch: "Twitch"
+        Twitch: "Twitch",
       },
       btn: {
         signup: "Sign up",
         signupHref: "/sign-up",
         login: "Log in",
-        loginHref: "/log-in"
-      }
+        loginHref: "/log-in",
+      },
     },
     signin: {
       heading: "Log in to your account",
@@ -37,15 +37,15 @@ var en = {
       tinyOne: "Don't have an account? Sign up",
       tinyOneHref: "/sign-up",
       tinyTwo: "Legacy YouTube Login",
-      tinyTwoHref: "/publishers/auth/youtube_login"
+      tinyTwoHref: "/publishers/auth/youtube_login",
     },
     signup: {
       heading: "Become a Creator",
       subhead: "Earn more for content you publish to the web.",
       inputPlaceholder: "Enter your email",
       btn: "Create account",
       tinyOne: "Already have an account? Log in",
-      tinyOneHref: "/log-in"
+      tinyOneHref: "/log-in",
     },
     footerOne: "Terms of Service",
     footerOneHref:
@@ -54,15 +54,18 @@ var en = {
     footerTwoHref: "https://support.brave.com/hc/en-us",
     termsOfService: {
       agree: "I agree to Brave's terms & conditions",
-      description: "Brave will <a>use your email</a> to contact you about your account and to update you about the service. Your settings page includes options for changing email notification permissions.",
-      invalid: "You must agree to Brave's terms & conditions to create an account"
+      description:
+        "Brave will <a>use your email</a> to contact you about your account and to update you about the service. Your settings page includes options for changing email notification permissions.",
+      invalid:
+        "You must agree to Brave's terms & conditions to create an account",
     },
-    validEmail: "Please enter a valid email."
+    validEmail: "Please enter a valid email.",
   },
   signoff: {
     btn: "Sign up now",
     btnHref: "/sign-up",
-    headline: "Join over {count} content creators and publishers earning more from Brave Creators"
+    headline:
+      "Join over {count} content creators and publishers earning more from Brave Creators",
   },
   sign: {
     sentAgain:
@@ -83,12 +86,12 @@ var en = {
     iconHelpTitle: "Help Center",
     iconMessageTitle: "Email Us",
     iconRedditTitle: "BAT Subreddit",
-    iconCommunityTitle: "BAT Community"
+    iconCommunityTitle: "BAT Community",
   },
   spotlight: {
     heading: "You create content and we get you paid.",
     subhead:
-      "Brave Creators helps you earn more for doing what you do best and get back some of that revenue lost for when your viewers use ad blocking. Get paid directly by your audience for your content, instead of relying on ad revenue.",
+      "Sign up with Brave Creators to begin receiving contributions from your fans and supporters. Register your website or social media accounts now to begin receiving payouts and contributions. Earn more with Brave Creators.",
     bakerAlt: "Bart Baker Brave Creators",
     bakerCredit: "- Bart Baker",
     bakerHref: "https://www.youtube.com/BartBaKer",
@@ -102,7 +105,8 @@ var en = {
     scottyAlt: "Scotty Allen Strange Parts",
     scottyCredit: "- Scotty Allen",
     scottyHref: "https://www.youtube.com/channel/UCO8DQrSp5yEP937qNqTooOw",
-    scottyQuote: "\"Brave is a great frictionless way for fans to support the creators they watch.\"",
+    scottyQuote:
+      '"Brave is a great frictionless way for fans to support the creators they watch."',
   },
   summary: {
     heading: "How does Brave Creators work?",
@@ -125,7 +129,7 @@ var en = {
     cardHelp: "Help Center",
     cardHelpHref: "https://support.brave.com/hc/en-us",
     cardGen: "General inquiries",
-    cardGenHref: "mailto:[email protected]"
+    cardGenHref: "mailto:[email protected]",
   },
   footer: {
     one: "© Brave Software",
@@ -134,8 +138,8 @@ var en = {
     twoHref: "https://brave.com/publishers-creators-privacy",
     three: "Terms of Use",
     threeHref: "https://basicattentiontoken.org/publisher-terms-of-service/",
-    fourHref: "https://basicattentiontoken.org"
-  }
+    fourHref: "https://basicattentiontoken.org",
+  },
 };
 
-export default en;
+export default en;

public/creators-landing/src/locale/ja.js

@@ -7,26 +7,26 @@ var ja = {
     login: "ログイン",
     loginHref: "/log-in",
     logoAlt: "Brave Creators Creator Logo",
-    batPillAlt: "Built with BAT"
+    batPillAlt: "Built with BAT",
   },
   main: {
     home: {
       headline: "あなたのコンテンツを収益化しませんか？",
       subhead:
-        "コンテンツ閲覧者がBraveブラウザを利用していると、Brave Creatorsを通じて支援を受けることが可能です。認証済みクリエイターに登録し、コンテンツからの収益化をはじめてみませんか？",
+        "Brave Creatorsに登録して、ファンやサポーターからの支援を受け取り始めましょう。ウェブサイトやソーシャルメディアアカウントを今すぐ登録して、支払いや支援の受け取りを開始しましょう。Brave Creatorsでより多くの収益を得ることができます。",
       examples: {
         headline: "以下のようなサービスを登録できます",
         website: "あなたのWebサイト",
         publication: "ブログ",
         youtube: "YouTube",
-        Twitch: "Twitch"
+        Twitch: "Twitch",
       },
       btn: {
         signup: "登録",
         signupHref: "/sign-up",
         login: "ログイン",
-        loginHref: "/log-in"
-      }
+        loginHref: "/log-in",
+      },
     },
     signin: {
       heading: "Brave Creatorsにログインする",
@@ -37,15 +37,15 @@ var ja = {
       tinyOne: "新規登録",
       tinyOneHref: "/sign-up",
       tinyTwo: "(旧) YouTube Loginをご利用の方",
-      tinyTwoHref: "/publishers/auth/youtube_login"
+      tinyTwoHref: "/publishers/auth/youtube_login",
     },
     signup: {
       heading: "クリエイター登録をする",
       subhead: "あなたのコンテンツを収益化しませんか？",
       inputPlaceholder: "メールアドレス",
       btn: "新規登録",
       tinyOne: "以前ご登録の方はこちら",
-      tinyOneHref: "/log-in"
+      tinyOneHref: "/log-in",
     },
     footerOne: "利用規約",
     footerOneHref:
@@ -54,15 +54,18 @@ var ja = {
     footerTwoHref: "https://support.brave.com/hc/en-us",
     termsOfService: {
       agree: "Braveの利用規約に同意します",
-      description: "Braveは<a>あなたのメールアドレス</a>をアカウントに関するご連絡やサービスに変更等に使用いたします。設定ページからメール通知の変更が可能です",
-      invalid: "アカウントを作成するには、Braveの利用規約に同意する必要があります"
+      description:
+        "Braveは<a>あなたのメールアドレス</a>をアカウントに関するご連絡やサービスに変更等に使用いたします。設定ページからメール通知の変更が可能です",
+      invalid:
+        "アカウントを作成するには、Braveの利用規約に同意する必要があります",
     },
-    validEmail: "メールアドレスを入力したことを確認してください。"
+    validEmail: "メールアドレスを入力したことを確認してください。",
   },
   signoff: {
     btn: "新規登録",
     btnHref: "/sign-up",
-    headline: "すでに{count}以上のコンテンツクリエイターや出版社がBrave Creatorsに参加し、収益を上げ始めています"
+    headline:
+      "すでに{count}以上のコンテンツクリエイターや出版社がBrave Creatorsに参加し、収益を上げ始めています",
   },
   sign: {
     sentAgain:
@@ -83,7 +86,7 @@ var ja = {
     iconHelpTitle: "ヘルプセンター",
     iconMessageTitle: "お問い合わせ",
     iconRedditTitle: "BAT Subreddit",
-    iconCommunityTitle: "BAT Community"
+    iconCommunityTitle: "BAT Community",
   },
   spotlight: {
     heading: "あなたのコンテンツをBrave Creatorsで収益化できます",
@@ -102,29 +105,32 @@ var ja = {
     scottyAlt: "Scotty Allen Strange Parts",
     scottyCredit: "- Scotty Allen",
     scottyHref: "https://www.youtube.com/channel/UCO8DQrSp5yEP937qNqTooOw",
-    scottyQuote: "\"Braveを使うだけで、ファンはクリエイターを簡単に支援することができます\"",
+    scottyQuote:
+      '"Braveを使うだけで、ファンはクリエイターを簡単に支援することができます"',
   },
   summary: {
     heading: "Brave Creatorsの仕組み",
     oneTitle: "Braveブラウザを使っているとを獲得できます",
     oneDesc:
       "Brave CreatorsはBATを基盤に作られています。Braveのプライバシーを重視した広告を見るとポイントを獲得することができます。",
-    twoTitle: "そういったユーザがあなたのようなクリエイターやその作品に対してをチップとして送ります",
+    twoTitle:
+      "そういったユーザがあなたのようなクリエイターやその作品に対してをチップとして送ります",
     twoDesc:
       "定期購読者、フォロワー、読者は毎月決まった金額分のチップを自動的に送ることや、都度任意の金額を送ることができます",
     threeTitle: "Brave Creatorsの認証済みコンテンツクリエイターになる",
     threeDesc:
       "認証済みコンテンツクリエイターになると、クリエイター向けダッシュボードにアクセスすることが可能になります。ダッシュボードでは受け取ったチップを確認できる他、紹介用のURLを取得することが可能です。Braveを紹介することによってより多くのを獲得することができます。",
     fourTitle: "クリエイターダッシュボードでチップを回収する",
-    fourDesc: "登録・ログイン後のダッシュボードでは明細書と残高を確認することが可能です。",
+    fourDesc:
+      "登録・ログイン後のダッシュボードでは明細書と残高を確認することが可能です。",
     fourLink_href: "https://basicattentiontoken.org/",
     fourLink: "BATについて、より詳しく",
     cardBusiness: "ビジネスに関するお問い合わせ",
     cardBusinessHref: "https://brave.com/brave-ads-waitlist",
     cardHelp: "ヘルプセンター",
     cardHelpHref: "https://support.brave.com/hc/en-us",
     cardGen: "一般的なお問い合わせ",
-    cardGenHref: "mailto:[email protected]"
+    cardGenHref: "mailto:[email protected]",
   },
   footer: {
     one: "© Brave Software",
@@ -133,8 +139,8 @@ var ja = {
     twoHref: "https://brave.com/publishers-creators-privacy",
     three: "利用規約",
     threeHref: "https://basicattentiontoken.org/publisher-terms-of-service/",
-    fourHref: "https://basicattentiontoken.org"
-  }
+    fourHref: "https://basicattentiontoken.org",
+  },
 };
 
-export default ja;
+export default ja;