chore(scrimba): add end of year banners (#12184)

https://mozilla-hub.atlassian.net/browse/MP-1765
mdn · Nov 26, 2024 · 2a7945a · 2a7945a
1 parent ca49d0c
commit 2a7945a
Showing 1 changed file with 34 additions and 1 deletion.
diff --git a/client/src/ui/organisms/placement/index.tsx b/client/src/ui/organisms/placement/index.tsx
@@ -83,8 +83,41 @@ function TopPlacementFallbackContent() {
   const observedNode = useViewed(() => {
     gleanClick(BANNER_SCRIMBA_VIEW);
   });
+  const now = Date.now();
 
-  return (
+  return now < Date.parse("2024-12-01") ? (
+    <p className="fallback-copy">
+      Learn front-end with MDN’s course partner{" "}
+      <a
+        href="https://scrimba.com/learn/frontend?via=mdn"
+        target="_blank"
+        rel="noreferrer"
+        ref={observedNode}
+        onClick={() => {
+          gleanClick(BANNER_SCRIMBA_CLICK);
+        }}
+      >
+        Scrimba
+      </a>{" "}
+      - 30% discount this week!
+    </p>
+  ) : now < Date.parse("2024-12-25") ? (
+    <p className="fallback-copy">
+      Take our daily challenges on Scrimba until 24th December and win exciting
+      prizes.{" "}
+      <a
+        href="https://scrimba.com/learn/frontend?via=mdn"
+        target="_blank"
+        rel="noreferrer"
+        ref={observedNode}
+        onClick={() => {
+          gleanClick(BANNER_SCRIMBA_CLICK);
+        }}
+      >
+        Join now
+      </a>
+    </p>
+  ) : (
     <p className="fallback-copy">
       Learn front-end development with high quality, interactive courses from{" "}
       <a