Add Subscription NextSteps card to NTP

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 = {

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"
   }
 }

special-pages/pages/new-tab/messages/types/next-steps.json

@@ -30,7 +30,8 @@
                                     "emailProtection",
                                     "duckplayer",
                                     "addAppToDockMac",
-                                    "pinAppToTaskbarWindows"
+                                    "pinAppToTaskbarWindows",
+                                    "subscription"
                                 ]
                             }
                         }
@@ -39,4 +40,4 @@
             ]
         }
     }
-}
+}

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 Premium Features Free for 7 Days!",
+    "note": "Title of the Next Steps card for subscribing to DuckDuckGo"
+  },
+  "nextSteps_subscription_summary": {
+    "title": "Right now, you can try our optional paid subscription featuring a VPN + 3 more premium features for free.",
+    "note": "Summary of the Next Steps card for subscribing to DuckDuckGo"
+  },
+  "nextSteps_subscription_actionText": {
+    "title": "Try It for Free",
+    "note": "Button text of the Next Steps card for subscribing to DuckDuckGo"
+  },
   "favorites_show_less": {
     "title": "Show less",
     "note": "Button label to display fewer items"

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
 
 
 

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;
 }[];