Add translations for new overview dialog (#29382)

src/panels/home/dialogs/dialog-new-overview.ts

@@ -47,39 +47,70 @@ export class DialogNewOverview
       <ha-wa-dialog
         .hass=${this.hass}
         .open=${this._open}
-        header-title="Welcome to your new overview"
+        .headerTitle=${this.hass.localize(
+          "ui.panel.home.new_overview_dialog.title"
+        )}
         prevent-scrim-close
         @closed=${this._dialogClosed}
       >
         <div class="content">
           <p>
-            The overview dashboard has been redesigned to give you a better
+            ${this.hass.localize(
-            experience managing your smart home.
+              "ui.panel.home.new_overview_dialog.description"
+            )}
           </p>
-          <h3>What's new</h3>
+          <h3>
+            ${this.hass.localize("ui.panel.home.new_overview_dialog.whats_new")}
+          </h3>
           <ul>
             <li>
-              <strong>Automatic organization</strong> - Your devices are now
+              <strong>
-              automatically organized by area and floor.
+                ${this.hass.localize(
+                  "ui.panel.home.new_overview_dialog.automatic_organization"
+                )}
+              </strong>
+              -
+              ${this.hass.localize(
+                "ui.panel.home.new_overview_dialog.automatic_organization_description"
+              )}
             </li>
             <li>
-              <strong>Favorites</strong> - Pin your most used entities to the
+              <strong>
-              top for quick access.
+                ${this.hass.localize(
+                  "ui.panel.home.new_overview_dialog.favorites"
+                )}
+              </strong>
+              -
+              ${this.hass.localize(
+                "ui.panel.home.new_overview_dialog.favorites_description"
+              )}
             </li>
           </ul>
-          <h3>Your existing dashboards</h3>
+          <h3>
+            ${this.hass.localize(
+              "ui.panel.home.new_overview_dialog.existing_dashboards"
+            )}
+          </h3>
           <p>
-            Your manual dashboards are still available in the sidebar. This new
+            ${this.hass.localize(
-            overview works alongside them. You can also create a new dashboard
+              "ui.panel.home.new_overview_dialog.existing_dashboards_description",
-            using the "Overview (legacy)" template in
+              {
-            <a href="/config/lovelace/dashboards" @click=${this.closeDialog}
+                dashboard_settings: html`<a
-              >dashboard settings</a
+                  href="/config/lovelace/dashboards"
-            >.
+                  @click=${this.closeDialog}
+                  >${this.hass.localize(
+                    "ui.panel.home.new_overview_dialog.dashboard_settings"
+                  )}</a
+                >`,
+              }
+            )}
           </p>
         </div>
         <ha-dialog-footer slot="footer">
           <ha-button slot="primaryAction" @click=${this.closeDialog}>
-            OK, understood
+            ${this.hass.localize(
+              "ui.panel.home.new_overview_dialog.ok_understood"
+            )}
           </ha-button>
         </ha-dialog-footer>
       </ha-wa-dialog>

src/panels/home/ha-panel-home.ts

@@ -276,12 +276,12 @@ class PanelHome extends LitElement {
         <div class="banner-content">
           <ha-svg-icon .path=${mdiHomeAssistant}></ha-svg-icon>
           <span class="banner-text">
-            Welcome to the new overview dashboard.
+            ${this.hass.localize("ui.panel.home.banner.welcome_message")}
           </span>
         </div>
         <div class="banner-actions">
           <ha-button size="small" appearance="filled" @click=${this._learnMore}>
-            Learn more
+            ${this.hass.localize("ui.panel.home.banner.learn_more")}
           </ha-button>
         </div>
       </div>

src/translations/en.json

@@ -2313,6 +2313,23 @@
           "save_failed": "Failed to save Overview page configuration",
           "areas_hint": "You can rearrange your floors and areas in the order that best represents your house on the {areas_page}.",
           "areas_page": "areas page"
+        },
+        "new_overview_dialog": {
+          "title": "Welcome to your new overview",
+          "description": "The overview dashboard has been redesigned to give you a better experience managing your smart home.",
+          "whats_new": "What's new",
+          "automatic_organization": "Automatic organization",
+          "automatic_organization_description": "Your devices are now automatically organized by area and floor.",
+          "favorites": "Favorites",
+          "favorites_description": "Pin your most used entities to the top for quick access.",
+          "existing_dashboards": "Your existing dashboards",
+          "existing_dashboards_description": "Your manual dashboards are still available in the sidebar. Miss the old format? You can create a new dashboard using the \"Overview (legacy)\" template in {dashboard_settings} and set it as default.",
+          "dashboard_settings": "dashboard settings",
+          "ok_understood": "OK, understood"
+        },
+        "banner": {
+          "welcome_message": "Welcome to the new overview dashboard.",
+          "learn_more": "Learn more"
         }
       },
       "my": {