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

@@ -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

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
+              Learn how to build modern React monorepos with NPM workspaces and
-              with fast, reliable CI and better coordination as you scale your
+              TypeScript project references, and see how Nx’s latest features
-              organization.
+              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"

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>*/}
+          <p>
-          {/*  <a*/}
+            <a
-          {/*    href="https://bit.ly/40t8IMN"*/}
+              href="https://bit.ly/4aRmrRb"
-          {/*    title="See live event in details"*/}
+              title="See live event in details"
-          {/*    className="group/event-link inline-flex space-x-6"*/}
+              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">*/}
+              <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*/}
+                Live event
-          {/*    </span>*/}
+              </span>
-          {/*    <span className="inline-flex items-center space-x-2 text-sm/6 font-medium">*/}
+              <span className="inline-flex items-center space-x-2 text-sm/6 font-medium">
-          {/*      <span>Webinar + live Q&A on January 22nd</span>*/}
+                <span>Webinar + live Q&A on February 26th</span>
-          {/*      <ChevronRightIcon*/}
+                <ChevronRightIcon
-          {/*        aria-hidden="true"*/}
+                  aria-hidden="true"
-          {/*        className="size-5 transform transition-all group-hover/event-link:translate-x-1"*/}
+                  className="size-5 transform transition-all group-hover/event-link:translate-x-1"
-          {/*      />*/}
+                />
-          {/*    </span>*/}
+              </span>
-          {/*  </a>*/}
+            </a>
-          {/*</p>*/}
+          </p>
           <SectionHeading
             id="get-speed-and-scale"
             as="h1"