docs(nx-dev): update monorepo world notification (nrwl#28398)

Author: ndcunningham

nx-dev/nx-dev/public/images/conferences/monorepoworld-vertical-banner.avif

@@ -18,7 +18,6 @@ import {
   solutionsMenuItems,
 } from './menu-items';
 import { SectionsMenu } from './sections-menu';
-import { AnnouncementBanner } from '../announcement-banner';
 import { DiscordIcon } from '../discord-icon';
 import { NxCloudAnimatedIcon, NxIcon } from '@nx/nx-dev/ui-icons';
 
@@ -170,9 +169,6 @@ export function DocumentationHeader({
 
   return (
     <div className="border-b border-slate-200 bg-slate-50 dark:border-slate-700 dark:bg-slate-800/60 print:hidden">
-      <div className="hidden w-full md:block">
-        <AnnouncementBanner />
-      </div>
       <div className="mx-auto flex w-full items-center gap-6 lg:px-8 lg:py-4">
         {/*MOBILE MENU*/}
         <div className="flex w-full items-center lg:hidden">

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

@@ -3,12 +3,7 @@
 import { useState, useEffect, ReactElement } from 'react';
 import { motion } from 'framer-motion';
 import { MonorepoWorldIcon } from '@nx/nx-dev/ui-icons';
-import { ButtonLink } from './button';
-import {
-  PlayIcon,
-  XMarkIcon,
-  ChatBubbleLeftRightIcon,
-} from '@heroicons/react/24/outline';
+import { XMarkIcon, VideoCameraIcon } from '@heroicons/react/24/outline';
 
 export function LiveStreamNotifier(): ReactElement {
   const [isVisible, setIsVisible] = useState<boolean>(true);
@@ -62,49 +57,33 @@ export function LiveStreamNotifier(): ReactElement {
               aria-hidden="true"
               className="size-8 flex-shrink-0"
             />
-            <span>Monorepo World is live!</span>
+            <span>Monorepo World just ended!</span>
           </motion.h3>
           <motion.div key="live-event" className="mt-4 space-y-4">
             <p className="mb-2 text-sm">
-              Join us live for exciting talks on developer tooling and
-              monorepos! Catch the action on YouTube and join the conversation
-              on Discord!
+              In case you missed Monorepo World, it is now available for replay.
             </p>
             <div className="flex flex-wrap items-center gap-1 sm:gap-4">
               <a
-                title="Watch track 1"
+                title="Track 1 replay"
                 href="http://go.nx.dev/MWTrack1"
                 target="_blank"
                 rel="noopener noreferrer"
                 className="inline-flex items-center justify-center gap-2 rounded-lg bg-[#DDFB24] px-2 py-2 text-sm font-semibold text-black transition hover:bg-[#B2CF04] focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500 active:text-black/70 md:px-4"
               >
-                <PlayIcon aria-hidden="true" className="size-4" />
-                <span>Track 1</span>
+                <VideoCameraIcon aria-hidden="true" className="size-5" />
+                <span>Track 1 replay</span>
               </a>
               <a
                 href="http://go.nx.dev/MWTrack2"
                 target="_blank"
-                title="Watch track 2"
+                title="Track 2 replay"
                 rel="noopener noreferrer"
                 className="inline-flex items-center justify-center gap-2 rounded-lg bg-[#DDFB24] px-2 py-2 text-sm font-semibold text-black transition hover:bg-[#B2CF04] focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500 active:text-black/70 md:px-4"
               >
-                <PlayIcon aria-hidden="true" className="size-4" />
-                <span>Track 2</span>
+                <VideoCameraIcon aria-hidden="true" className="size-5" />
+                <span>Track 2 replay</span>
               </a>
-              <ButtonLink
-                variant="secondary"
-                size="small"
-                href="https://discord.gg/7yFabzBP"
-                target="_blank"
-                title="Join the discussion on Discord"
-                rel="noopener noreferrer"
-              >
-                <ChatBubbleLeftRightIcon
-                  aria-hidden="true"
-                  className="size-4"
-                />
-                <span>#monorepo-world</span>
-              </ButtonLink>
             </div>
           </motion.div>
         </div>

nx-dev/ui-common/src/lib/live-stream-notifier.tsx

@@ -80,58 +80,6 @@ export function Hero(): JSX.Element {
               Contact us
             </ButtonLink>
           </div>
-          <div className="mt-12 flex justify-center">
-            <MotionConfig reducedMotion="user">
-              <motion.div
-                initial={{
-                  y: 16,
-                  opacity: 0,
-                }}
-                whileInView={{
-                  y: 0,
-                  opacity: 1,
-                }}
-                viewport={{ once: true }}
-                transition={{
-                  ease: 'easeOut',
-                  duration: 0.225,
-                  delay: 1,
-                }}
-                className="pointer-events-auto relative mx-auto w-full max-w-lg overflow-hidden rounded-lg bg-slate-950 text-left text-white shadow-lg ring-1 ring-white ring-opacity-5 transition hover:bg-slate-800"
-              >
-                <div className="p-4">
-                  <div className="flex items-start gap-6">
-                    <div className="-m-4 hidden flex-shrink-0 sm:block">
-                      <img
-                        src="/images/conferences/monorepoworld-vertical-banner.avif"
-                        alt="MonorepoWorld conference image"
-                        className="size-32"
-                      />
-                    </div>
-                    <div className="w-0 flex-1 pt-1">
-                      <p className="text-base font-semibold">
-                        <a
-                          href="https://monorepo.world/?utm_source=nxdev&utm_medium=website&utm_campaign=homepage_banner&utm_campaign=monorepoworld"
-                          title="Join us at Monorepo World"
-                          target="_blank"
-                        >
-                          <span className="absolute inset-0" />
-                          The Nx team will be at Monorepo World!
-                        </a>
-                      </p>
-                      <p className="mt-1 text-sm text-slate-300">
-                        The ultimate conference for{' '}
-                        <span className="text-[#DDFB24]">monorepos</span> and
-                        developer{' '}
-                        <span className="text-[#DDFB24]">tooling</span> on 0ct.
-                        7. 2024, Mountain View, CA.
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              </motion.div>
-            </MotionConfig>
-          </div>
         </div>
       </div>
     </div>