diff --git a/special-pages/pages/new-tab/app/next-steps/nextsteps.data.js b/special-pages/pages/new-tab/app/next-steps/nextsteps.data.js index 2746ef12cc..cac2f196e5 100644 --- a/special-pages/pages/new-tab/app/next-steps/nextsteps.data.js +++ b/special-pages/pages/new-tab/app/next-steps/nextsteps.data.js @@ -60,6 +60,14 @@ export const variants = { summary: t('nextSteps_pinAppToTaskbarWindows_summary'), actionText: t('nextSteps_pinAppToTaskbarWindows_actionText'), }), + /** @param {(translationId: keyof enStrings) => string} t */ + subscription: (t) => ({ + id: 'subscription', + icon: 'Subscription', + title: t('nextSteps_subscription_title'), + summary: t('nextSteps_subscription_summary'), + actionText: t('nextSteps_subscription_actionText'), + }), }; export const otherText = { diff --git a/special-pages/pages/new-tab/app/next-steps/strings.json b/special-pages/pages/new-tab/app/next-steps/strings.json index 24095660cd..3c5d9bbf7c 100644 --- a/special-pages/pages/new-tab/app/next-steps/strings.json +++ b/special-pages/pages/new-tab/app/next-steps/strings.json @@ -94,5 +94,17 @@ "nextSteps_pinAppToTaskbarWindows_confirmationText": { "title": "Pinned to Taskbar!", "note": "Button text after clicking on the Next Steps card for adding DDG app to OS dock" + }, + "nextSteps_subscription_title": { + "title": "Unlock Your Free Trial", + "note": "Title of the Next Steps card for unlocking your free trial of DuckDuckGo subscription" + }, + "nextSteps_subscription_summary": { + "title": "Try our subscription featuring a VPN + 3 more premium features.", + "note": "Summary of the Next Steps card about the DuckDuckGo subscription" + }, + "nextSteps_subscription_actionText": { + "title": "Try Free for 7 Days", + "note": "Button text of the Next Steps card for trying the DuckDuckGo subscription" } } diff --git a/special-pages/pages/new-tab/messages/types/next-steps.json b/special-pages/pages/new-tab/messages/types/next-steps.json index 36092e01e7..5db336cb51 100644 --- a/special-pages/pages/new-tab/messages/types/next-steps.json +++ b/special-pages/pages/new-tab/messages/types/next-steps.json @@ -30,7 +30,8 @@ "emailProtection", "duckplayer", "addAppToDockMac", - "pinAppToTaskbarWindows" + "pinAppToTaskbarWindows", + "subscription" ] } } @@ -39,4 +40,4 @@ ] } } -} \ No newline at end of file +} diff --git a/special-pages/pages/new-tab/public/icons/Subscription-128.svg b/special-pages/pages/new-tab/public/icons/Subscription-128.svg new file mode 100644 index 0000000000..9a163dafee --- /dev/null +++ b/special-pages/pages/new-tab/public/icons/Subscription-128.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/special-pages/pages/new-tab/public/locales/en/new-tab.json b/special-pages/pages/new-tab/public/locales/en/new-tab.json index 49f78a7ece..b5b40a40ac 100644 --- a/special-pages/pages/new-tab/public/locales/en/new-tab.json +++ b/special-pages/pages/new-tab/public/locales/en/new-tab.json @@ -297,6 +297,18 @@ "title": "Pinned to Taskbar!", "note": "Button text after clicking on the Next Steps card for adding DDG app to OS dock" }, + "nextSteps_subscription_title": { + "title": "Unlock Your Free Trial", + "note": "Title of the Next Steps card for unlocking your free trial of DuckDuckGo subscription" + }, + "nextSteps_subscription_summary": { + "title": "Try our subscription featuring a VPN + 3 more premium features.", + "note": "Summary of the Next Steps card about the DuckDuckGo subscription" + }, + "nextSteps_subscription_actionText": { + "title": "Try Free for 7 Days", + "note": "Button text of the Next Steps card for trying the DuckDuckGo subscription" + }, "favorites_show_less": { "title": "Show less", "note": "Button label to display fewer items" diff --git a/special-pages/pages/new-tab/readme.md b/special-pages/pages/new-tab/readme.md index e4a0f90619..03e7890ab4 100644 --- a/special-pages/pages/new-tab/readme.md +++ b/special-pages/pages/new-tab/readme.md @@ -121,6 +121,28 @@ - **Example**: `?rmf-delay=10000` - **Options**: Time in milliseconds + ### Next Steps Cards + - **Purpose**: Displays the different Next Steps cards + - **Parameter**: `next-steps` + - **Example**: `?next-steps=bringStuff` + - **Options**: + - `bringStuff` + - `defaultApp` + - `blockCookies` + - `emailProtection` + - `duckplayer` + - `addAppToDockMac` + - `pinAppToTaskbarWindows` + - `subscription` + + ### Freemium PIR Banner + - **Purpose**: Tests different PIR banner states + - **Parameter**: `pir` + - **Example**: `?pir=onboarding` + - **Options**: + - `onboarding` - Shows onboarding PIR banner + - `scan_results` - Shows scan results PIR banner + ## Privacy Protections widget ### Activity @@ -170,15 +192,7 @@ - **Options**: Any positive integer - ## Experiment Parameters - ### Freemium PIR Banner - - **Purpose**: Tests different PIR banner states - - **Parameter**: `pir` - - **Example**: `?pir=onboarding` - - **Options**: - - `onboarding` - Shows onboarding PIR banner - - `scan_results` - Shows scan results PIR banner diff --git a/special-pages/pages/new-tab/types/new-tab.ts b/special-pages/pages/new-tab/types/new-tab.ts index a84be137d9..8d70b09c97 100644 --- a/special-pages/pages/new-tab/types/new-tab.ts +++ b/special-pages/pages/new-tab/types/new-tab.ts @@ -93,7 +93,8 @@ export type NextStepsCardTypes = | "emailProtection" | "duckplayer" | "addAppToDockMac" - | "pinAppToTaskbarWindows"; + | "pinAppToTaskbarWindows" + | "subscription"; export type NextStepsCards = { id: NextStepsCardTypes; }[];