Update Monitor product name (#13729)

* Update Monitor product name

bedrock/base/templates/includes/protocol/navigation/menus/products.html

@@ -15,9 +15,14 @@
         <ul class="mzp-l-rows-four">
           <li>
             <section class="c-menu-item mzp-has-icon">
-              <a class="c-menu-item-link" href="https://monitor.firefox.com/?{{ utm_params }}" data-link-name="Firefox Monitor" data-link-type="nav" data-link-position="topnav" data-link-group="products">
+              {% set mozilla_monitor = switch('mozilla-monitor-brand-name') %}
+              <a class="c-menu-item-link" href="https://monitor.firefox.com/?{{ utm_params }}" data-link-name="{% if mozilla_monitor %}Mozilla Monitor{% else %}Firefox Monitor{% endif %}" data-link-type="nav" data-link-position="topnav" data-link-group="products">
                 <img loading="lazy" src="{{ static('protocol/img/logos/firefox/monitor/logo.svg') }}" class="c-menu-item-icon" width="32" height="32" alt="">
-                <h4 class="c-menu-item-title">{{ ftl('navigation-v2-firefox-monitor', fallback='navigation-firefox-monitor') }}</h4>
+                {% if mozilla_monitor %}
+                  <h4 class="c-menu-item-title">{{ ftl('navigation-v2-mozilla-monitor', fallback='navigation-v2-firefox-monitor') }}</h4>
+                {% else %}
+                  <h4 class="c-menu-item-title">{{ ftl('navigation-v2-firefox-monitor', fallback='navigation-firefox-monitor') }}</h4>
+                {% endif %}
                 <p class="c-menu-item-desc">{{ ftl('navigation-v2-see-if-your-email-has', fallback='navigation-see-if-your-personal') }}</p>
               </a>
             </section>

bedrock/firefox/templates/firefox/accounts.html

@@ -130,7 +130,16 @@
           {% endif %}
         </ul>
 
-        <a href="https://monitor.firefox.com/"><h4 class="mzp-c-wordmark mzp-t-wordmark-sm mzp-t-product-monitor">{{ ftl('firefox-accounts-firefox-monitor') }}</h4></a>
+        <a href="https://monitor.firefox.com/">
+          {% set mozilla_monitor = switch('mozilla-monitor-brand-name') %}
+          <h4 class="mzp-c-wordmark mzp-t-wordmark-sm {% if mozilla_monitor %}t-product-mozilla-monitor{% else %}mzp-t-product-monitor{% endif %}">
+            {% if mozilla_monitor %}
+              {{ ftl('firefox-accounts-mozilla-monitor', fallback='firefox-accounts-firefox-monitor') }}
+            {% else %}
+              {{ ftl('firefox-accounts-firefox-monitor') }}
+            {% endif %}
+          </h4>
+        </a>
         <ul class="mzp-u-list-styled">
           <li>{{ ftl('firefox-accounts-get-email-alerts', fallback='firefox-accounts-see-if-youve-been') }}</li>
         </ul>

bedrock/firefox/templates/firefox/browsers/best-browser.html

@@ -80,7 +80,11 @@
         {{ ftl('best-browser-last-but-not-least') }}
       </p>
       <p>
-        {{ ftl('best-browser-firefox-is-offering', monitor='https://monitor.firefox.com/') }}
+        {% if switch('mozilla-monitor-brand-name') %}
+          {{ ftl('best-browser-firefox-is-offering-v2', fallback='best-browser-firefox-is-offering', monitor='href="https://monitor.firefox.com/"') }}
+        {% else %}
+          {{ ftl('best-browser-firefox-is-offering', monitor='https://monitor.firefox.com/') }}
+        {% endif %}
       </p>
       <blockquote aria-hidden="true" role="presentation">
       <p>

bedrock/firefox/templates/firefox/browsers/compare/brave.html

@@ -237,15 +237,33 @@
 
       <p>{{ ftl('compare-brave-the-ability-to-sync-your-passwords') }}</p>
 
-          {% if switch('moz-accounts-update') %}
+      {% if switch('mozilla-monitor-brand-name') %}
-            <p>{{ ftl('compare-brave-the-firefox-browser-also-gives-v2', fallback='compare-brave-the-firefox-browser-also-gives', accounts='href="%s" data-cta-type="link" data-cta-name="Firefox Account"'|safe|format(url('firefox.accounts')),
+        <p>
-          monitor='href="https://monitor.firefox.com/" rel="external noopener" data-cta-text="Monitor" data-cta-type="link"'|safe,
+          {{ ftl('compare-brave-the-firefox-browser-also-gives-v3',
-          breaches='href="https://monitor.firefox.com/breaches" rel="external noopener" data-cta-text="Data breaches" data-cta-type="link"'|safe) }}</p>
+                fallback='compare-brave-the-firefox-browser-also-gives',
-          {% else %}
+                accounts='href="%s" data-cta-type="link" data-cta-name="Firefox Account"'|safe|format(url('firefox.accounts')),
-            <p>{{ ftl('compare-brave-the-firefox-browser-also-gives', accounts='href="%s" data-cta-type="link" data-cta-name="Firefox Account"'|safe|format(url('firefox.accounts')),
+                monitor='href="https://monitor.firefox.com/" rel="external noopener" data-cta-text="Monitor" data-cta-type="link"'|safe,
-          monitor='href="https://monitor.firefox.com/" rel="external noopener" data-cta-text="Monitor" data-cta-type="link"'|safe,
+                breaches='href="https://monitor.firefox.com/breaches" rel="external noopener" data-cta-text="Data breaches" data-cta-type="link"'|safe
-          breaches='href="https://monitor.firefox.com/breaches" rel="external noopener" data-cta-text="Data breaches" data-cta-type="link"'|safe) }}</p>
+          ) }}
-          {% endif %}
+        </p>
+      {% elif switch('moz-accounts-update') %}
+        <p>
+          {{ ftl('compare-brave-the-firefox-browser-also-gives-v2',
+                  fallback='compare-brave-the-firefox-browser-also-gives',
+                  accounts='href="%s" data-cta-type="link" data-cta-name="Firefox Account"'|safe|format(url('firefox.accounts')),
+                  monitor='href="https://monitor.firefox.com/" rel="external noopener" data-cta-text="Monitor" data-cta-type="link"'|safe,
+                  breaches='href="https://monitor.firefox.com/breaches" rel="external noopener" data-cta-text="Data breaches" data-cta-type="link"'|safe
+          ) }}
+        </p>
+      {% else %}
+        <p>
+          {{ ftl('compare-brave-the-firefox-browser-also-gives',
+                  accounts='href="%s" data-cta-type="link" data-cta-name="Firefox Account"'|safe|format(url('firefox.accounts')),
+                  monitor='href="https://monitor.firefox.com/" rel="external noopener" data-cta-text="Monitor" data-cta-type="link"'|safe,
+                  breaches='href="https://monitor.firefox.com/breaches" rel="external noopener" data-cta-text="Data breaches" data-cta-type="link"'|safe
+          ) }}
+        </p>
+      {% endif %}
 
       <p>{{ ftl('compare-brave-brave-also-recently-gained') }}</p>
 

bedrock/firefox/templates/firefox/browsers/compare/chrome.html

@@ -95,7 +95,19 @@
           </tbody>
         </table>
 
-      <p>{{ ftl('compare-chrome-at-firefox-we-have-a-huge', fallback='compare-chrome-at-firefox-we-have-a-huge-fallback', attrs='href="https://monitor.firefox.com?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=compare-chrome" rel="external noopener" data-cta-text="Firefox Monitor" data-cta-type="link"'|safe) }}</p>
+      <p>
+        {% if switch('mozilla-monitor-brand-name') %}
+          {{ ftl('compare-chrome-at-firefox-we-have-a-huge-v2',
+                  fallback='compare-chrome-at-firefox-we-have-a-huge',
+                  attrs='href="https://monitor.firefox.com?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=compare-chrome" rel="external noopener" data-cta-text="Mozilla Monitor" data-cta-type="link"'|safe
+          ) }}
+        {% else %}
+          {{ ftl('compare-chrome-at-firefox-we-have-a-huge',
+                 fallback='compare-chrome-at-firefox-we-have-a-huge-fallback',
+                 attrs='href="https://monitor.firefox.com?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=compare-chrome" rel="external noopener" data-cta-text="Firefox Monitor" data-cta-type="link"'|safe
+          ) }}
+        {% endif %}
+      </p>
 
       <p>{{ ftl('compare-chrome-weve-also-recently-restated-v2', fallback='compare-chrome-weve-also-recently-restated', attrs='href="%s" data-cta-type="link" data-cta-name="Privacy Notice"'|safe|format(url('privacy.notices.firefox'))) }}</p>
 

bedrock/firefox/templates/firefox/home/index-master.html

@@ -151,8 +151,15 @@
       media_class='mzp-l-split-h-center',
       media_after=True
     ) %}
-      <div class="mzp-c-wordmark mzp-t-wordmark-md mzp-t-product-monitor">
+      {% set mozilla_monitor = switch('mozilla-monitor-brand-name') %}
-        <h3>{{ ftl('firefox-home-firefox-monitor') }}</h3>
+      <div class="mzp-c-wordmark mzp-t-wordmark-md {% if mozilla_monitor %}t-product-mozilla-monitor{% else %}mzp-t-product-monitor{% endif %}">
+        <h3>
+          {% if mozilla_monitor %}
+            {{ ftl('firefox-home-mozilla-monitor', fallback='firefox-home-firefox-monitor') }}
+          {% else %}
+            {{ ftl('firefox-home-firefox-monitor') }}
+          {% endif %}
+        </h3>
       </div>
       <h4>{{ ftl('firefox-home-know-when-hackers-strike') }}</h4>
       <a class="mzp-c-cta-link" href="{{ 'https://monitor.firefox.com/' + referrals }}" data-link-name="Monitor" data-link-type="link">{{ ftl('firefox-home-start-getting-breach') }}</a>

bedrock/firefox/templates/firefox/new/desktop/download.html

@@ -601,7 +601,13 @@
 {% if show_firefox_join_modal and not manual_update %}
 <aside class="mzp-u-modal-content join-firefox-content hide-from-legacy-ie">
   <h4 class="join-firefox-title">{{ ftl('firefox-desktop-download-youve-already-got-the-browser') }}</h4>
-  <p class="join-firefox-intro">{{ ftl('firefox-desktop-download-watch-for-hackers-with-v2', 'firefox-desktop-download-watch-for-hackers-with') }}</p>
+  <p class="join-firefox-intro">
+    {% if switch('mozilla-monitor-brand-name') %}
+      {{ ftl('firefox-desktop-download-watch-for-hackers-with-v3', 'firefox-desktop-download-watch-for-hackers-with-v2') }}
+    {% else %}
+      {{ ftl('firefox-desktop-download-watch-for-hackers-with-v2', 'firefox-desktop-download-watch-for-hackers-with') }}
+    {% endif %}
+  </p>
 
   <a href="{{ url('firefox.accounts') }}" class="mzp-c-button mzp-t-product join-firefox-button" data-link-name="Get More From Firefox" data-link-type="button">{{ ftl('firefox-desktop-download-get-more-from-firefox') }}</a>
 

bedrock/firefox/templates/firefox/privacy/book.html

@@ -228,7 +228,13 @@
     <ol>
       <li>{{ ftl('privacy-book-search-your-name') }}</li>
       <li>{{ ftl('privacy-book-dont-have-time') }}</li>
-      <li>{{ ftl('privacy-book-breach-alert-if') }}</li>
+      <li>
+        {% if switch('mozilla-monitor-brand-name') %}
+          {{ ftl('privacy-book-breach-alert-if-v2', fallback='privacy-book-breach-alert-if') }}
+        {% else %}
+          {{ ftl('privacy-book-breach-alert-if') }}
+        {% endif %}
+      </li>
     </ol>
   {% endcall %}
 

bedrock/firefox/templates/firefox/privacy/passwords.html

@@ -77,7 +77,14 @@
     {% set url_yahoo = 'href="https://www.wired.com/2016/12/yahoo-hack-billion-users/" rel="external noopener"' %}
     <p>{{ ftl('privacy-passwords-when-an-attacker', url_linkedin=url_linkedin, url_yahoo=url_yahoo) }}</p>
     {% set url_monitor = 'href="https://monitor.firefox.com/" rel="external noopener"' %}
-    <p>{{ ftl('privacy-passwords-use-firefox-monitor', url_monitor=url_monitor) }}</p>
+
+    <p>
+      {% if switch('mozilla-monitor-brand-name') %}
+        {{ ftl('privacy-passwords-use-mozilla-monitor', fallback='privacy-passwords-use-firefox-monitor', url_monitor=url_monitor) }}
+      {% else %}
+        {{ ftl('privacy-passwords-use-firefox-monitor', url_monitor=url_monitor) }}
+      {% endif %}
+    </p>
 
     <h2>{{ ftl('privacy-passwords-security-questions-my') }}</h2>
     <p>{{ ftl('privacy-passwords-finally-most-websites') }}</p>

bedrock/firefox/templates/firefox/privacy/products.html

@@ -152,10 +152,23 @@
       image=resp_img('img/firefox/privacy/products/monitor.svg', optional_attributes={ 'class': 'mzp-c-split-media-asset'}),
       media_class='mzp-l-split-h-center'
     ) %}
-      <div class="mzp-c-wordmark mzp-t-wordmark-md mzp-t-product-monitor">
+      {% set mozilla_monitor = switch('mozilla-monitor-brand-name') %}
-        <h2>{{ ftl('firefox-privacy-hub-firefox-monitor') }}</h2>
+      <div class="mzp-c-wordmark mzp-t-wordmark-md {% if mozilla_monitor %}t-product-mozilla-monitor{% else %}mzp-t-product-monitor{% endif %}">
+        <h2>
+          {% if mozilla_monitor %}
+            {{ ftl('firefox-privacy-hub-mozilla-monitor', fallback='firefox-privacy-hub-firefox-monitor') }}
+          {% else %}
+            {{ ftl('firefox-privacy-hub-firefox-monitor') }}
+          {% endif %}
+        </h2>
       </div>
-      <p>{{ ftl('firefox-privacy-hub-when-you-enter-your-email') }}</p>
+      <p>
+        {% if mozilla_monitor %}
+          {{ ftl('firefox-privacy-hub-when-you-enter-your-email-v2', fallback='firefox-privacy-hub-when-you-enter-your-email') }}
+        {% else %}
+          {{ ftl('firefox-privacy-hub-when-you-enter-your-email') }}
+        {% endif %}
+      </p>
       <p>
         <a class="mzp-c-cta-link" href="https://monitor.firefox.com/?utm_source={{ _entrypoint }}&utm_medium=referral&utm_campaign={{ _utm_campaign }}&entrypoint={{ _entrypoint }}" data-cta-type="fxa-monitor" data-cta-position="secondary">
         {{ ftl('firefox-privacy-hub-check-for-breaches') }}

bedrock/firefox/templates/firefox/products/index.html

@@ -61,17 +61,28 @@
   <div class="mzp-l-content c-landing-grid">
     <div class="c-landing-grid-item">
       <img src="{{ static('img/firefox/products/monitor.svg') }}" class="c-landing-grid-img" alt="" width="350" height="247">
-      <h2 class="c-landing-grid-title"><a href="https://monitor.firefox.com{{ referrals }}" data-cta-type="link" data-cta-text="Firefox Monitor">{{ ftl('firefox-products-firefox-monitor') }}</a></h2>
+      {% set mozilla_monitor = switch('mozilla-monitor-brand-name') %}
+      <h2 class="c-landing-grid-title">
+        <a href="https://monitor.firefox.com{{ referrals }}" data-cta-type="link" data-cta-text="{% if mozilla_monitor %}Mozilla Monitor{% else %}Firefox Monitor{% endif %}">
+          {% if mozilla_monitor %}
+            {{ ftl('firefox-products-mozilla-monitor', fallback='firefox-products-firefox-monitor') }}
+          {% else %}
+            {{ ftl('firefox-products-firefox-monitor') }}
+          {% endif %}
+        </a>
+      </h2>
       <p>{{ ftl('firefox-products-see-if-your-personal-information') }}</p>
       <p><a class="mzp-c-cta-link" href="https://monitor.firefox.com/{{ referrals }}" data-cta-type="link" data-cta-text="Check for breaches">{{ ftl('firefox-products-check-for-breaches') }}</a></p>
-      <p id="qa-monitor-button-wrapper">{{ monitor_fxa_button(
+      <p id="qa-monitor-button-wrapper">
-        entrypoint='mozilla.org-firefox-products',
+        {{ monitor_fxa_button(
-        button_text=ftl('firefox-products-sign-up-for-breach-alerts'),
+          entrypoint='mozilla.org-firefox-products',
-        class_name='mzp-c-cta-link',
+          button_text=ftl('firefox-products-sign-up-for-breach-alerts'),
-        is_button_class=False,
+          class_name='mzp-c-cta-link',
-        optional_parameters={'utm_campaign': 'firefox-products'},
+          is_button_class=False,
-        optional_attributes={'data-cta-text': 'Sign up for breach alerts', 'data-cta-type': 'fxa-monitor', 'data-cta-position': 'card'}
+          optional_parameters={'utm_campaign': 'firefox-products'},
-      ) }}</p>
+          optional_attributes={'data-cta-text': 'Sign up for breach alerts', 'data-cta-type': 'fxa-monitor', 'data-cta-position': 'card'}
+        ) }}
+      </p>
     </div>
 
     <div class="c-landing-grid-item">

bedrock/firefox/templates/firefox/welcome/page1.html

@@ -8,7 +8,16 @@
 
 {% extends "firefox/welcome/base.html" %}
 
-{% block page_title %}{{ ftl('welcome-page1-more-than-a-browser-firefox') }}{% endblock %}
+{% set mozilla_monitor = switch('mozilla-monitor-brand-name') %}
+
+{%- block page_title -%}
+  {%- if mozilla_monitor -%}
+    {{ ftl('welcome-page1-more-than-a-browser-mozilla', fallback='welcome-page1-more-than-a-browser-firefox') }}
+  {%- else -%}
+    {{ ftl('welcome-page1-more-than-a-browser-firefox') }}
+  {%- endif -%}
+{%- endblock -%}
+
 {% block page_desc %}{{ ftl('welcome-page1-take-the-next-step-to-protect') }}{% endblock %}
 
 {% block page_image %}{{ static('img/firefox/template/page-image-master.jpg') }}{% endblock %}
@@ -24,10 +33,12 @@
 {% set _utm_campaign = 'welcome-1-monitor' %}
 {% set _cta_type = 'lifecycle-monitor' %}
 
-{% set hero_title = ftl('welcome-page1-stay-ahead-of-hackers-check') %}
+{% set hero_title = ftl('welcome-page1-stay-ahead-of-hackers-check-v2', fallback='welcome-page1-stay-ahead-of-hackers-check') if mozilla_monitor else ftl('welcome-page1-stay-ahead-of-hackers-check') %}
+
 {% set _utm_content = 'stay-ahead-hackers' %}
 
 {% block content_intro %}
+
   {% call call_out(
     title=hero_title,
     desc=ftl('welcome-page1-youve-got-the-web-browser'),
@@ -50,10 +61,22 @@
 
 {% block content_primary %}
 <div class="body-primary">
-  <h2 class="body-primary-title"><img src="{{ static('protocol/img/logos/firefox/monitor/logo-word-hor.svg') }}" width="256" height="" alt="{{ ftl('welcome-page1-firefox-monitor') }}"></h2>
+  <h2 class="body-primary-title">
+    {% if mozilla_monitor %}
+      <img src="{{ static('img/logos/mozilla/monitor/wordmark.svg') }}" width="256" height="" alt="{{ ftl('welcome-page1-mozilla-monitor') }}">
+    {% else %}
+      <img src="{{ static('protocol/img/logos/firefox/monitor/logo-word-hor.svg') }}" width="256" height="" alt="{{ ftl('welcome-page1-firefox-monitor') }}">
+    {% endif %}
+  </h2>
 
   <div class="body-primary-body">
-    <p>{{ ftl('welcome-page1-firefox-monitor-shows-you') }}</p>
+    <p>
+      {% if mozilla_monitor %}
+        {{ ftl('welcome-page1-mozilla-monitor-shows-you', fallback='welcome-page1-firefox-monitor-shows-you') }}
+      {% else %}
+        {{ ftl('welcome-page1-firefox-monitor-shows-you') }}
+      {% endif %}
+    </p>
   </div>
 </div>
 {% endblock %}

bedrock/firefox/templates/firefox/welcome/page7.html

@@ -110,9 +110,22 @@
       </div>
       <h3 class="c-picto-block-title">{{ ftl('page7-stay-ahead-of-hackers') }}</h3>
       <div class="c-picto-block-body">
-        <p>{{ ftl('page7-firefox-monitor-lets-you-find') }}</p>
+        {% set mozilla_monitor = switch('mozilla-monitor-brand-name') %}
+        <p>
+          {% if mozilla_monitor %}
+            {{ ftl('page7-firefox-monitor-lets-you-find-v2', fallback='page7-firefox-monitor-lets-you-find') }}
+          {% else %}
+            {{ ftl('page7-firefox-monitor-lets-you-find') }}
+          {% endif %}
+        </p>
         <a href="https://monitor.firefox.com/?utm_source={{ _entrypoint }}&utm_medium=referral&utm_campaign={{ _utm_campaign }}&entrypoint={{ _entrypoint }}">
-          <strong>{{ ftl('page7-get-firefox-monitor') }}</strong>
+          <strong>
+            {% if mozilla_monitor %}
+              {{ ftl('page7-get-mozilla-monitor', fallback='page7-get-firefox-monitor') }}
+            {% else %}
+              {{ ftl('page7-get-firefox-monitor') }}
+            {% endif %}
+          </strong>
         </a>
       </div>
     </div>

bedrock/firefox/templates/firefox/welcome/page8.html

@@ -170,7 +170,14 @@
       <div class="c-picto-block-image">
         <img src="{{ static('protocol/img/logos/firefox/monitor/logo.svg') }}" width="48px" alt="">
       </div>
-      <h3 class="c-picto-block-title">{{ ftl('welcome-page8-firefox-monitor') }}</h3>
+      {% set mozilla_monitor = switch('mozilla-monitor-brand-name') %}
+      <h3 class="c-picto-block-title">
+        {% if mozilla_monitor %}
+          {{ ftl('welcome-page8-mozilla-monitor', fallback='welcome-page8-firefox-monitor') }}
+        {% else %}
+          {{ ftl('welcome-page8-firefox-monitor') }}
+        {% endif %}
+      </h3>
       <div class="c-picto-block-body">
         <p>{{ ftl('welcome-page8-see-what-youve-been') }}</p>
         <a id="monitor-link" href="https://monitor.firefox.com/?utm_source={{ _utm_source }}&utm_medium=referral&utm_campaign={{ _utm_campaign }}&utm_content={{_utm_content}}" data-cta-text="go to monitor" data-cta-type="button">

bedrock/newsletter/templates/newsletter/updated.html

@@ -118,15 +118,27 @@
                   link_url=url('firefox.browsers.mobile.index'),
                 )}}
 
-                {{ card(
+                {% if switch('mozilla-monitor-brand-name') %}
-                  title=ftl('newsletters-check-for-data-breaches'),
+                  {{ card(
-                  ga_title='Check for data breaches',
+                    title=ftl('newsletters-check-for-data-breaches'),
-                  desc=ftl('newsletters-firefox-monitor-is-a-free'),
+                    ga_title='Check for data breaches',
-                  cta=ftl('newsletters-sign-in-to-monitor'),
+                    desc=ftl('newsletters-mozilla-monitor-is-a-free', fallback='newsletters-firefox-monitor-is-a-free'),
-                  image=resp_img('img/newsletter/confirm/monitor.png', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
+                    cta=ftl('newsletters-sign-in-to-monitor'),
-                  aspect_ratio='mzp-has-aspect-16-9',
+                    image=resp_img('img/newsletter/confirm/mozilla-monitor.png', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
-                  link_url='https://monitor.firefox.com/',
+                    aspect_ratio='mzp-has-aspect-16-9',
-                )}}
+                    link_url='https://monitor.firefox.com/',
+                  )}}
+                {% else %}
+                  {{ card(
+                    title=ftl('newsletters-check-for-data-breaches'),
+                    ga_title='Check for data breaches',
+                    desc=ftl('newsletters-firefox-monitor-is-a-free'),
+                    cta=ftl('newsletters-sign-in-to-monitor'),
+                    image=resp_img('img/newsletter/confirm/monitor.png', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
+                    aspect_ratio='mzp-has-aspect-16-9',
+                    link_url='https://monitor.firefox.com/',
+                  )}}
+                {% endif %}
 
                 {{ card(
                   title=ftl('newsletters-meet-our-parent-brand'),

l10n/en/brands.ftl

@@ -68,7 +68,10 @@
 -brand-name-firefox-accounts = Firefox Accounts
 -brand-name-firefox-devtools = Firefox DevTools
 -brand-name-firefox-lockwise = Firefox Lockwise
+
+# Obsolete brand name
 -brand-name-firefox-monitor = Firefox Monitor
+
 -brand-name-firefox-private-network = Firefox Private Network
 -brand-name-firefox-relay-premium = Firefox Relay Premium
 -brand-name-firefox-relay = Firefox Relay

l10n/en/firefox/accounts.ftl

@@ -57,7 +57,11 @@ firefox-accounts-get-it-all-on-every = Get it all on every device, without feeli
 ## The strings below are visually hidden in the page and replaced by logo wordmark images. They are still important for a11y and SEO.
 
 firefox-accounts-firefox-browser = { -brand-name-firefox-browser }
+firefox-accounts-mozilla-monitor = { -brand-name-mozilla-monitor }
+
+# Obsolete string
 firefox-accounts-firefox-monitor = { -brand-name-firefox-monitor }
+
 firefox-accounts-mozilla-relay = { -brand-name-firefox-relay }
 firefox-accounts-mozilla-vpn = { -brand-name-mozilla-vpn }
 firefox-accounts-pocket = { -brand-name-pocket }

l10n/en/firefox/browsers/best-browser.ftl

@@ -28,6 +28,11 @@ best-browser-the-second-is-not-storing = The second is not storing too much user
 
 best-browser-last-but-not-least = Last but not least, a safe browser should offer tools to help you keep an eye on your accounts. Think of alerts that go straight to your email if any of your accounts get breached or icons that tell you whether a website is encrypted, (i.e., if it’s a good idea to enter your credit number on a shopping site).
 
+# Variables:
+# $monitor (url) - link to https://www.mozilla.org/products/monitor/
+best-browser-firefox-is-offering-v2 = { -brand-name-firefox } is offering something new to keep you safe: <a { $monitor }>{ -brand-name-mozilla-monitor }</a>. It’s a free service that will alert you if there are any public hacks on your accounts and let you know if your accounts got hacked in the past. Another neat feature is the Green Lock. It looks like a small green icon at the top left side of the browser window. If you’re on { -brand-name-firefox } and see the green lock, it means the website is encrypted and secure. If the lock is grey, you might want to think twice about entering any sensitive information.
+
+# Obsolete string
 # Variables:
 # $monitor (url) - link to https://monitor.firefox.com
 best-browser-firefox-is-offering = { -brand-name-firefox } is offering something new to keep you safe: <a href="{ $monitor }">{ -brand-name-firefox-monitor }</a>. It’s a free service that will alert you if there are any public hacks on your accounts and let you know if your accounts got hacked in the past. Another neat feature is the Green Lock. It looks like a small green icon at the top left side of the browser window. If you’re on { -brand-name-firefox } and see the green lock, it means the website is encrypted and secure. If the lock is grey, you might want to think twice about entering any sensitive information.

l10n/en/firefox/browsers/compare/brave.ftl

@@ -51,6 +51,13 @@ compare-brave-customization-of-ui-elements = Customization of UI elements and th
 compare-brave-brave-also-supports-the-huge = { -brand-name-brave } also supports the huge library of extensions available in the { -brand-name-google } { -brand-name-chrome } web store and offers a variety of in-browser features like the aforementioned { -brand-name-brave } Rewards program, and support for downloading torrents in the browser.
 compare-brave-the-ability-to-sync-your-passwords = The ability to sync your passwords, extensions, form data, add-ons and other preferences across all your devices and operating systems is a feature that’s been available for years with { -brand-name-firefox }. The synced data is also encrypted, which means no one can access it from the outside.
 
+# Variables:
+#   $accounts (string) - link to /firefox/accounts/ with additional attributes for analytics
+#   $monitor (string) - link to monitor.firefox.com with additional attributes for analytics
+#   $breaches (string) - link to monitor.firefox.com/breaches with additional attributes for analytics
+compare-brave-the-firefox-browser-also-gives-v3 = The { -brand-name-firefox } browser also gives users the ability to sign up for a free <a { $accounts }>{ -brand-name-mozilla-account }</a>. Having a { -brand-name-mozilla-account } is the key to unlocking syncing across devices, plus you get the added benefit of products like <a { $monitor }>{ -brand-name-mozilla-monitor }</a> which monitors your email addresses and alerts you if any of your information has been involved in any known <a { $breaches }>data breaches</a>.
+
+# Obsolete string
 # Variables:
 #   $accounts (string) - link to /firefox/accounts/ with additional attributes for analytics
 #   $monitor (string) - link to monitor.firefox.com with additional attributes for analytics

l10n/en/firefox/browsers/compare/chrome.ftl

@@ -13,10 +13,16 @@ compare-chrome-we-compare-mozilla-firefox = We compare { -brand-name-mozilla } {
 # Main title.
 compare-chrome-comparing-firefox-browser = Comparing { -brand-name-firefox-browser } with { -brand-name-google } { -brand-name-chrome }
 
+# Variables:
+#   $attrs (string) - link to https://monitor.firefox.com with additional attributes for analytics
+compare-chrome-at-firefox-we-have-a-huge-v2 = At { -brand-name-firefox }, we have a huge number of dedicated users who appreciate our steadfast dedication to online privacy. For example, the latest version of { -brand-name-firefox } includes a feature called Enhanced Tracking Protection (ETP) which is turned on by default for all users worldwide. ETP blocks over 2,000 trackers, including social trackers from companies like Facebook, Twitter, and LinkedIn. It also has an integrated feature called <a { $attrs }>{ -brand-name-mozilla-monitor }</a> that automatically notifies you if your password has been breached or needs to be updated. In addition to these protections, Private Browsing mode in { -brand-name-firefox } automatically deletes your browsing information such as history and cookies, leaving no trace after you finish your session.
+
+# Obsolete string
 # Variables:
 #   $attrs (string) - link to https://monitor.firefox.com with additional attributes for analytics
 compare-chrome-at-firefox-we-have-a-huge = At { -brand-name-firefox }, we have a huge number of dedicated users who appreciate our steadfast dedication to online privacy. For example, the latest version of { -brand-name-firefox } includes a feature called Enhanced Tracking Protection (ETP) which is turned on by default for all users worldwide. ETP blocks over 2,000 trackers, including social trackers from companies like { -brand-name-facebook }, { -brand-name-twitter }, and LinkedIn. It also has an integrated feature called <a { $attrs }>{ -brand-name-firefox-monitor }</a> that automatically notifies you if your password has been breached or needs to be updated. In addition to these protections, Private Browsing mode in { -brand-name-firefox } automatically deletes your browsing information such as history and cookies, leaving no trace after you finish your session.
 
+# Obsolete string
 # Variables:
 #   $attrs (string) - link to https://monitor.firefox.com with additional attributes for analytics
 compare-chrome-at-firefox-we-have-a-huge-fallback = At { -brand-name-firefox }, we have a huge number of dedicated users who appreciate our steadfast dedication to online privacy. For example, the latest version of { -brand-name-firefox } includes a feature called Enhanced Tracking Protection (ETP) which is turned on by default for all users worldwide. ETP blocks over 2,000 trackers, including social trackers from companies like { -brand-name-facebook }, { -brand-name-twitter }, and LinkedIn. It also has an integrated feature called <a { $attrs }>{ -brand-name-firefox-monitor }</a> that automatically notifies you if your password has been breached or needs to be updated. In addition to these protections, { -brand-name-firefox }'s Private Browsing mode automatically deletes your browsing information such as history and cookies, leaving no trace after you finish your session.

l10n/en/firefox/home.ftl

@@ -59,7 +59,11 @@ firefox-home-relay = { -brand-name-relay }
 ## The strings below are visually hidden in the page and replaced by logo wordmark images. They are still important for a11y and SEO.
 
 firefox-home-firefox-browser = { -brand-name-firefox-browser }
+firefox-home-mozilla-monitor = { -brand-name-mozilla-monitor }
+
+# Obsolete string
 firefox-home-firefox-monitor = { -brand-name-firefox-monitor }
+
 firefox-home-firefox-lockwise = { -brand-name-firefox-lockwise }
 firefox-home-firefox-send = { -brand-name-firefox-send }
 firefox-home-firefox-relay = { -brand-name-firefox-relay }

l10n/en/firefox/new/desktop.ftl

@@ -159,6 +159,9 @@ firefox-desktop-download-questions = Questions? <a { $attrs }>{ -brand-name-mozi
 # The phrase “Now get even more from Firefox” is in specific reference to signing up for an account, which unlocks access to all our new products and services.
 firefox-desktop-download-youve-already-got-the-browser = You’ve already got the browser. Now get even more from { -brand-name-firefox }.
 
+firefox-desktop-download-watch-for-hackers-with-v3 = Watch for hackers with { -brand-name-mozilla-monitor }, protect your email address with { -brand-name-firefox-relay }, and more.
+
+# Obsolete string
 firefox-desktop-download-watch-for-hackers-with-v2 = Watch for hackers with { -brand-name-firefox-monitor }, protect your email address with { -brand-name-firefox-relay }, and more.
 
 # Outdated string

l10n/en/firefox/privacy-hub.ftl

@@ -84,7 +84,14 @@ firefox-privacy-hub-if-you-have-a-firefox-account = If you have a { -brand-name-
 #   $trackers (number) - localized number total of trackers blocked by Firefox users worldwide
 firefox-privacy-hub-more-than-s-trackers-blocked = More than { $trackers } trackers blocked each day for { -brand-name-firefox } users worldwide
 
+firefox-privacy-hub-mozilla-monitor = { -brand-name-mozilla-monitor }
+
+# Obsolete string
 firefox-privacy-hub-firefox-monitor = { -brand-name-firefox-monitor }
+
+firefox-privacy-hub-when-you-enter-your-email-v2 = When you enter your email address in { -brand-name-mozilla-monitor }, we forget it immediately after we’ve checked for a match in known data breaches — unless you authorize us to continue monitoring new breaches for your personal information.
+
+# Obsolete string
 firefox-privacy-hub-when-you-enter-your-email = When you enter your email address in { -brand-name-firefox-monitor }, we forget it immediately after we’ve checked for a match in known data breaches — unless you authorize us to continue monitoring new breaches for your personal information.
 firefox-privacy-hub-check-for-breaches = Check for breaches
 firefox-privacy-hub-firefox-lockwise = { -brand-name-firefox-lockwise }

l10n/en/firefox/privacy/book.ftl

@@ -108,6 +108,9 @@ privacy-book-search-your-name = <strong>Search your name online occasionally.</s
 
 privacy-book-dont-have-time = <strong>Don’t have time?</strong> Set up a { -brand-name-google } Alert for your name and get notified if you are mentioned on a website.
 
+privacy-book-breach-alert-if-v2 = <strong>Breach alert:</strong> If your data actually becomes public through a known breach, it is crucial to react as quickly as possible and change your passwords. { -brand-name-mozilla-monitor } is a handy tool that will send you a message if that happens.
+
+# Obsolete string
 privacy-book-breach-alert-if = <strong>Breach alert:</strong> If your data actually becomes public through a known breach, it is crucial to react as quickly as possible and change your passwords. { -brand-name-firefox-monitor } is a handy tool that will send you a message if that happens.
 
 privacy-book-stay-safe-online = Stay safe online:

l10n/en/firefox/privacy/passwords.ftl

@@ -50,8 +50,13 @@ privacy-passwords-the-secret-to = The secret to preventing guessing, theft or pa
 #   $url_yahoo (string) - link to https://www.wired.com/2016/12/yahoo-hack-billion-users/ with additional attributes for analytics
 privacy-passwords-when-an-attacker = When an attacker steals the password database for a site that you use (like <a { $url_linkedin }>LinkedIn</a> or <a { $url_yahoo }>Yahoo</a>), there’s nothing you can do but change your password for that site. That’s bad, but the damage can be much worse if you’ve re-used that password with other websites — then the attacker can access your accounts on those sites as well. To keep the damage contained, <strong>always use different passwords for different websites.</strong>
 
+#   $url_monitor (string) - link to https://monitor.firefox.com/ with additional attributes for analytics
+privacy-passwords-use-mozilla-monitor = Use <a { $url_monitor }>{ -brand-name-mozilla-monitor }</a> to keep an eye on email addresses associated with your accounts. If your email address appears in a known corporate data breach, you’ll be alerted and provided steps to follow to protect the affected account.
+
+# Obsolete string
 #   $url_monitor (string) - link to https://monitor.firefox.com/ with additional attributes for analytics
 privacy-passwords-use-firefox-monitor = Use <a { $url_monitor }>{ -brand-name-firefox-monitor }</a> to keep an eye on email addresses associated with your accounts. If your email address appears in a known corporate data breach, you’ll be alerted and provided steps to follow to protect the affected account.
+
 privacy-passwords-security-questions-my = Security Questions: My mother’s maiden name is “Ff926AKa9j6Q”
 privacy-passwords-finally-most-websites = Finally, most websites let you recover your password if you’ve forgotten it. Usually these systems make you answer some “security questions” before you can reset your password. <strong>The answers to these questions need to be just as secret as your password.</strong> Otherwise, an attacker can guess the answers and set your password to something they know.
 privacy-passwords-randomness-can-be = Randomness can be a problem, since the security questions that sites often use are also things people tend to know about you, like your birthplace, your birthday, or your relatives’ names, or that can be gleaned from sources such as social media. The good news is that the website doesn’t care whether the answer is real or not — you can lie! But lie productively: <strong>Give answers to the security questions that are long and random,</strong> like your passwords.

l10n/en/firefox/products.ftl

@@ -13,7 +13,11 @@ firefox-products-its-a-whole-family-of-products = It’s a whole family of produ
 # The strong tag wraps a word that gets highlighted with a colorful underline for emphasis. The underline breaks if it is on two words, please omit the strong tags if they need to be around multiple words in your language
 firefox-products-firefox-is-more-than-a-browser-emphasis = { -brand-name-firefox } is <strong>more</strong> than a browser
 
+firefox-products-mozilla-monitor = { -brand-name-mozilla-monitor }
+
+# Obsolete string
 firefox-products-firefox-monitor = { -brand-name-firefox-monitor }
+
 firefox-products-see-if-your-personal-information = See if your personal information has been compromised in a corporate data breach, and sign up for future alerts.
 firefox-products-check-for-breaches = Check for breaches
 firefox-products-sign-up-for-breach-alerts = Sign up for breach alerts

l10n/en/firefox/welcome/page1.ftl

@@ -5,17 +5,32 @@
 ### URL: https://www-dev.allizom.org/firefox/welcome/1/
 
 # HTML page title
+welcome-page1-more-than-a-browser-mozilla = More than a browser - { -brand-name-mozilla-monitor } is your lookout for hackers
+
+# Outdated string
 welcome-page1-more-than-a-browser-firefox = More than a browser - { -brand-name-firefox-monitor } is your lookout for hackers
 
 # HTML page description
 welcome-page1-take-the-next-step-to-protect = Take the next step to protect your privacy online with the { -brand-name-firefox } family of products.
 
+welcome-page1-stay-ahead-of-hackers-check-v2 = Stay ahead of hackers. Check for data breaches with { -brand-name-mozilla-monitor }.
+
+# Obsolete string
 welcome-page1-stay-ahead-of-hackers-check = Stay ahead of hackers. Check for data breaches with { -brand-name-firefox-monitor }.
 welcome-page1-youre-on-track-to-stay-protected = You’re on track to stay protected
 welcome-page1-youve-got-the-web-browser = You’ve got the web browser that protects your privacy — now it’s time to get a lookout for hackers.
 welcome-page1-check-your-breach-report = Check Your Breach Report
+
+welcome-page1-mozilla-monitor = { -brand-name-mozilla-monitor }
+
+# Obsolete string
 welcome-page1-firefox-monitor = { -brand-name-firefox-monitor }
+
+welcome-page1-mozilla-monitor-shows-you = { -brand-name-mozilla-monitor } shows you if your information has been leaked in a known data breach, and alerts you in case it happens in the future.
+
+# Obsolete string
 welcome-page1-firefox-monitor-shows-you = { -brand-name-firefox-monitor } shows you if your information has been leaked in a known data breach, and alerts you in case it happens in the future.
+
 welcome-page1-stay-ahead-of-hackers = Stay ahead of hackers
 
 # Variables:

l10n/en/firefox/welcome/page7.ftl

@@ -19,6 +19,15 @@ page7-make-them-unfollow-you = Make them unfollow you
 page7-that-sneaky-little-button = That sneaky little button
 page7-those-innocent-looking-f-buttons = Those innocent-looking F buttons from { -brand-name-facebook } track your web activity, even if you don’t have an account. { -brand-name-facebook-container } blocks them.
 page7-stay-ahead-of-hackers = Stay ahead of hackers
+
+page7-firefox-monitor-lets-you-find-v2 = { -brand-name-mozilla-monitor } lets you find out what hackers might already know about you and helps you stay a step ahead of them. (And it’s free.)
+
+# Obsolete string
 page7-firefox-monitor-lets-you-find = { -brand-name-firefox-monitor } lets you find out what hackers might already know about you and helps you stay a step ahead of them. (And it’s free.)
+
+page7-get-mozilla-monitor = Get { -brand-name-mozilla-monitor }
+
+# Obsolete string
 page7-get-firefox-monitor = Get { -brand-name-firefox-monitor }
+
 page7-why-am-i-seeing-this = Why am I seeing this?

l10n/en/firefox/welcome/page8.ftl

@@ -18,7 +18,12 @@ welcome-page8-enhanced-tracking-protection = Enhanced Tracking Protection
 
 welcome-page8-automatically-block-sites = Automatically block sites from following you around the internet.
 welcome-page8-see-whats-blocked = See what’s blocked
+
+welcome-page8-mozilla-monitor = { -brand-name-mozilla-monitor }
+
+# Obsolete string
 welcome-page8-firefox-monitor = { -brand-name-firefox-monitor }
+
 welcome-page8-see-what-youve-been = See if you’ve been involved in known online data breaches and take action to resolve them.
 welcome-page8-go-to-monitor = Go to { -brand-name-monitor }
 welcome-page8-firefox-send = { -brand-name-firefox-send }

l10n/en/mozorg/newsletters.ftl

@@ -185,7 +185,12 @@ newsletters-take-your-privacy = Take your privacy with you
 newsletters-travel-the-internet = Travel the internet with protection on all your devices.
 newsletters-download-the-app = Download the App
 newsletters-check-for-data-breaches = Check for data breaches
+
+newsletters-mozilla-monitor-is-a-free = { -brand-name-mozilla-monitor } is a free service that lets you see if you’ve been involved in an online data breach.
+
+# Obsolete string
 newsletters-firefox-monitor-is-a-free = { -brand-name-firefox-monitor } is a free service that lets you see if you’ve been involved in an online data breach.
+
 newsletters-sign-in-to-monitor = Sign In to { -brand-name-monitor }
 newsletters-meet-our-parent-brand = Meet our parent brand
 newsletters-mozilla-the-non-for-profit = { -brand-name-mozilla }, the not-for-profit behind { -brand-name-firefox }, puts people over profit in everything we say, build, and do.

l10n/en/navigation.ftl

@@ -153,7 +153,10 @@ navigation-firefox-beta = { -brand-name-firefox-beta }
 navigation-firefox-nightly = { -brand-name-firefox-nightly }
 navigation-firefox-reality = { -brand-name-firefox-reality }
 navigation-firefox-lockwise = { -brand-name-firefox-lockwise }
+
+# Obsolete string
 navigation-firefox-monitor = { -brand-name-firefox-monitor }
+
 navigation-firefox-send = { -brand-name-firefox-send }
 navigation-pocket = { -brand-name-pocket }
 navigation-common-voice = { -brand-name-common-voice }

l10n/en/navigation_v2.ftl

@@ -35,7 +35,11 @@ navigation-v2-view-all-firefox-browsers = View all { -brand-name-firefox-browser
 
 navigation-v2-products = Products
 navigation-v2-close-products-menu = Close Products menu
+navigation-v2-mozilla-monitor = { -brand-name-mozilla-monitor }
+
+# Obsolete string
 navigation-v2-firefox-monitor = { -brand-name-firefox-monitor }
+
 navigation-v2-see-if-your-email-has = See if your email has appeared in a company’s data breach.
 navigation-v2-pocket = { -brand-name-pocket }
 navigation-v2-save-and-discover-the-best = Save and discover the best stories from across the web.

media/css/protocol/protocol-firefox.scss

@@ -76,3 +76,8 @@
 template {
     display: none !important; /* stylelint-disable-line declaration-no-important */
 }
+
+// temporary override for Mozilla Monitor word mark
+.mzp-c-wordmark.t-product-mozilla-monitor {
+    background-image: url('/media/img/logos/mozilla/monitor/wordmark.svg');
+}

media/css/protocol/protocol-mozilla.scss

@@ -87,3 +87,8 @@
 template {
     display: none !important; /* stylelint-disable-line declaration-no-important */
 }
+
+// temporary override for Mozilla Monitor word mark
+.mzp-c-wordmark.t-product-mozilla-monitor {
+    background-image: url('/media/img/logos/mozilla/monitor/wordmark.svg');
+}