feat(nx-dev): banner for webinar (#22824)

Author: isaacplmann

nx-dev/feature-search/src/lib/algolia-search.tsx

@@ -87,7 +87,7 @@ export function AlgoliaSearch({
         >
           <MagnifyingGlassIcon className="h-4 w-4 flex-none" />
           <span className="mx-3 text-xs text-slate-300 dark:text-slate-400 md:text-sm inline-flex">
-            Search <span className="ml-1 hidden md:inline">the docs ...</span>
+            Search <span className="ml-1 hidden lg:inline">the docs ...</span>
           </span>
           <span
             style={{ opacity: browserDetected ? '1' : '0' }}

nx-dev/nx-dev/pages/index.tsx

@@ -1,4 +1,4 @@
-import { Footer, Header } from '@nx/nx-dev/ui-common';
+import { AnnouncementBanner, Footer, Header } from '@nx/nx-dev/ui-common';
 import {
   ExtensibleAndIntegrated,
   GettingStarted,
@@ -39,7 +39,7 @@ export default function Index(): JSX.Element {
         }}
       />
       <h1 className="sr-only">Next generation monorepo tool</h1>
-      {/*<AnnouncementBanner />*/}
+      <AnnouncementBanner />
       <Header />
       <main id="main" role="main">
         <div className="w-full">

nx-dev/ui-common/src/lib/announcement-banner.tsx

@@ -4,28 +4,28 @@ export function AnnouncementBanner(): JSX.Element {
   return (
     <div className="group relative  border border-y border-slate-200 bg-slate-50/40 transition hover:bg-slate-50 dark:border-slate-800/40 dark:bg-slate-800/60 dark:hover:bg-slate-800">
       <div className="mx-auto max-w-7xl py-3 px-3 sm:px-6 lg:px-8">
-        <div className="text-center sm:px-16 sm:pr-16">
+        <div className="text-center">
           <p className="text-sm font-medium">
             <span className="md:hidden">
               <Link
-                href="https://nx.dev/launch-nx?utm_source=nx.dev"
+                href="https://go.nx.dev/april-webinar?utm_source=nx.dev"
                 className="underline"
               >
-                Nx Launch Week & Launch Conf are coming up!
+                Webinar April 17: Making the Argument for Monorepos
               </Link>
             </span>
             <span className="hidden md:inline">
               <span className="font-semibold">
-                Nx Launch Week & Launch Conf are coming up!
+                Webinar April 17: Making the Argument for Monorepos
               </span>
             </span>
             <span className="ml-2 inline-block">
               <Link
-                href="https://nx.dev/launch-nx?utm_source=nx.dev"
+                href="https://go.nx.dev/april-webinar?utm_source=nx.dev"
                 className="font-semibold text-blue-500 underline dark:text-sky-500"
               >
                 <span className="absolute inset-0" aria-hidden="true" />
-                Don't miss out!
+                Register now!
                 <span aria-hidden="true">&rarr;</span>
               </Link>
             </span>

nx-dev/ui-common/src/lib/documentation-header.tsx

@@ -7,6 +7,7 @@ import Link from 'next/link';
 import { useRouter } from 'next/router';
 import { ButtonLink } from './button';
 import { NxCloudIcon } from './nx-cloud-icon';
+import { AnnouncementBanner } from './announcement-banner';
 
 function Menu({ tabs }: { tabs: any[] }): JSX.Element {
   return (
@@ -227,13 +228,13 @@ export function DocumentationHeader({
             className="items-justified hidden justify-center space-x-2 text-sm lg:flex"
           >
             <h2 className="sr-only">Main navigation</h2>
-            <Link
+            {/* <Link
               href="/blog"
               title="Blog"
               className="hidden px-3 py-2 font-medium leading-tight hover:text-blue-500 dark:text-slate-200 dark:hover:text-sky-500 md:inline-flex"
             >
               Blog
-            </Link>
+            </Link> */}
             <Link
               href="/community"
               title="Nx Community: Join us!"
@@ -261,6 +262,9 @@ export function DocumentationHeader({
           </nav>
         </div>
         <div className="hidden flex-grow lg:flex">{/* SPACER */}</div>
+        <div className="hidden w-full xl:flex">
+          <AnnouncementBanner />
+        </div>
         <div className="hidden flex-shrink-0 lg:flex">
           <nav
             role="menu"

tsconfig.base.json

@@ -88,8 +88,8 @@
       "@nx/nx-dev/ui-commands": ["nx-dev/ui-commands/src/index.ts"],
       "@nx/nx-dev/ui-common": ["nx-dev/ui-common/src/index.ts"],
       "@nx/nx-dev/ui-community": ["nx-dev/ui-community/src/index.ts"],
-      "@nx/nx-dev/ui-contact": ["nx-dev/ui-contact/src/index.ts"],
       "@nx/nx-dev/ui-conference": ["nx-dev/ui-conference/src/index.ts"],
+      "@nx/nx-dev/ui-contact": ["nx-dev/ui-contact/src/index.ts"],
       "@nx/nx-dev/ui-fence": ["nx-dev/ui-fence/src/index.ts"],
       "@nx/nx-dev/ui-home": ["nx-dev/ui-home/src/index.ts"],
       "@nx/nx-dev/ui-markdoc": ["nx-dev/ui-markdoc/src/index.ts"],