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.
nrwl · Feb 11, 2025 · 3815df4 · 3815df4
1 parent 61302f5
commit 3815df4
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 27 deletions.
diff --git a/nx-dev/nx-dev/pages/_app.tsx b/nx-dev/nx-dev/pages/_app.tsx
@@ -7,15 +7,15 @@ 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,
   pageProps,
 }: 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
@@ -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
@@ -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"