From 3815df40e1ba0f34381a49e9e301b1b1931888d1 Mon Sep 17 00:00:00 2001
From: Benjamin Cabanes <3447705+bcabanes@users.noreply.github.com>
Date: Tue, 11 Feb 2025 15:17:25 -0500
Subject: [PATCH] docs(nx-dev): add webinar details for February 26th (#29989)

Added the webinar notifier and related links to reflect the new date of
February 26th. Revised webinar description to emphasize new topics.
Reintroduced and adjusted UI references in enterprise hero section for
better event promotion.
---
 nx-dev/nx-dev/pages/_app.tsx                  |  6 ++--
 nx-dev/ui-common/src/lib/webinar-notifier.tsx | 13 +++----
 nx-dev/ui-enterprise/src/lib/hero.tsx         | 36 +++++++++----------
 3 files changed, 28 insertions(+), 27 deletions(-)

diff --git a/nx-dev/nx-dev/pages/_app.tsx b/nx-dev/nx-dev/pages/_app.tsx
index a02685d90b..5d3adc4c88 100644
--- a/nx-dev/nx-dev/pages/_app.tsx
+++ b/nx-dev/nx-dev/pages/_app.tsx
@@ -7,7 +7,7 @@ import Script from 'next/script';
 import { useEffect } from 'react';
 import '../styles/main.css';
 import Link from 'next/link';
-import { LiveStreamNotifier, WebinarNotifier } from '@nx/nx-dev/ui-common';
+import { WebinarNotifier } from '@nx/nx-dev/ui-common';
 
 export default function CustomApp({
   Component,
@@ -15,7 +15,7 @@ export default function CustomApp({
 }: AppProps): JSX.Element {
   const router = useRouter();
   const gaMeasurementId = 'UA-88380372-10';
-  // RR2B ---------
+  // RB2B ---------
   const SCRIPT_ID = 'external-js-script';
   const SCRIPT_BASE_URL = 'https://s3-us-west-2.amazonaws.com/b2bjsstore/b/';
   const SCRIPT_KEY = '0NW1GH7YJ4O4'; //
@@ -106,7 +106,7 @@ export default function CustomApp({
       </Link>
       <Component {...pageProps} />
       {/* <LiveStreamNotifier /> */}
-      {/*<WebinarNotifier />*/}
+      <WebinarNotifier />
 
       {/* Global Site Tag (gtag.js) - Google Analytics */}
       <Script
diff --git a/nx-dev/ui-common/src/lib/webinar-notifier.tsx b/nx-dev/ui-common/src/lib/webinar-notifier.tsx
index e5acd987b5..e86996ae1f 100644
--- a/nx-dev/ui-common/src/lib/webinar-notifier.tsx
+++ b/nx-dev/ui-common/src/lib/webinar-notifier.tsx
@@ -11,7 +11,7 @@ import {
 export function WebinarNotifier(): ReactElement | null {
   const [isMounted, setIsMounted] = useState(false);
   const [isVisible, setIsVisible] = useState<boolean>(true);
-  const localStorageKey = 'webinar-january-22-2025--notifier-closed';
+  const localStorageKey = 'webinar-february-26-2025--notifier-closed';
 
   useEffect(() => {
     setIsMounted(true);
@@ -61,18 +61,19 @@ export function WebinarNotifier(): ReactElement | null {
               aria-hidden="true"
               className="size-8 flex-shrink-0"
             />
-            <span>Join our webinar + live Q&A on January 22nd</span>
+            <span>Join our webinar + live Q&A on February 26th</span>
           </motion.h3>
           <motion.div key="live-event" className="mt-4 space-y-4">
             <p className="mb-2 text-sm">
-              Learn how Nx Cloud can help you overcome the performance paradox
-              with fast, reliable CI and better coordination as you scale your
-              organization.
+              Learn how to build modern React monorepos with NPM workspaces and
+              TypeScript project references, and see how Nx’s latest features
+              streamline configuration, maintenance, and performance both
+              locally and on CI.
             </p>
             <div className="flex flex-wrap items-center justify-end gap-1 sm:gap-4">
               <a
                 title="Signup"
-                href="https://bit.ly/40t8IMN"
+                href="https://bit.ly/4aRmrRb"
                 target="_blank"
                 rel="noopener noreferrer"
                 className="inline-flex items-center justify-center gap-2 rounded-lg bg-pink-600 px-2 py-2 text-sm font-semibold text-white transition hover:bg-pink-700 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500 active:text-black/70 md:px-4"
diff --git a/nx-dev/ui-enterprise/src/lib/hero.tsx b/nx-dev/ui-enterprise/src/lib/hero.tsx
index 23e1b18fd3..89971d61a8 100644
--- a/nx-dev/ui-enterprise/src/lib/hero.tsx
+++ b/nx-dev/ui-enterprise/src/lib/hero.tsx
@@ -33,24 +33,24 @@ export function Hero(): ReactElement {
       </svg>
       <div className="mx-auto max-w-7xl px-6 pb-24 pt-32 lg:flex lg:px-8 lg:pt-56">
         <div className="mx-auto max-w-2xl lg:mx-0 lg:-mt-12 lg:shrink-0">
-          {/*<p>*/}
-          {/*  <a*/}
-          {/*    href="https://bit.ly/40t8IMN"*/}
-          {/*    title="See live event in details"*/}
-          {/*    className="group/event-link inline-flex space-x-6"*/}
-          {/*  >*/}
-          {/*    <span className="rounded-full bg-blue-600/10 px-3 py-1 text-sm/6 font-semibold text-blue-600 ring-1 ring-inset ring-blue-600/10 dark:bg-cyan-600/10 dark:text-cyan-600 dark:ring-cyan-600/10">*/}
-          {/*      Live event*/}
-          {/*    </span>*/}
-          {/*    <span className="inline-flex items-center space-x-2 text-sm/6 font-medium">*/}
-          {/*      <span>Webinar + live Q&A on January 22nd</span>*/}
-          {/*      <ChevronRightIcon*/}
-          {/*        aria-hidden="true"*/}
-          {/*        className="size-5 transform transition-all group-hover/event-link:translate-x-1"*/}
-          {/*      />*/}
-          {/*    </span>*/}
-          {/*  </a>*/}
-          {/*</p>*/}
+          <p>
+            <a
+              href="https://bit.ly/4aRmrRb"
+              title="See live event in details"
+              className="group/event-link inline-flex space-x-6"
+            >
+              <span className="rounded-full bg-blue-600/10 px-3 py-1 text-sm/6 font-semibold text-blue-600 ring-1 ring-inset ring-blue-600/10 dark:bg-cyan-600/10 dark:text-cyan-600 dark:ring-cyan-600/10">
+                Live event
+              </span>
+              <span className="inline-flex items-center space-x-2 text-sm/6 font-medium">
+                <span>Webinar + live Q&A on February 26th</span>
+                <ChevronRightIcon
+                  aria-hidden="true"
+                  className="size-5 transform transition-all group-hover/event-link:translate-x-1"
+                />
+              </span>
+            </a>
+          </p>
           <SectionHeading
             id="get-speed-and-scale"
             as="h1"