docs(nx-dev): enable WebinarNotifier for April 30th event (#30759)

Reactivated the `WebinarNotifier` component and updated references to reflect the new webinar scheduled for April 30th, 2025.
This commit is contained in:
Benjamin Cabanes 2025-04-16 17:55:20 -04:00 committed by GitHub
parent 9c9ddb571e
commit 1dd7d569e3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 24 additions and 24 deletions

View File

@ -109,7 +109,7 @@ export default function CustomApp({
</Link> </Link>
<Component {...pageProps} /> <Component {...pageProps} />
{/* <LiveStreamNotifier /> */} {/* <LiveStreamNotifier /> */}
{/*<WebinarNotifier />*/} <WebinarNotifier />
{/* Global Site Tag (gtag.js) - Google Analytics */} {/* Global Site Tag (gtag.js) - Google Analytics */}
<Script <Script

View File

@ -11,7 +11,7 @@ import {
export function WebinarNotifier(): ReactElement | null { export function WebinarNotifier(): ReactElement | null {
const [isMounted, setIsMounted] = useState(false); const [isMounted, setIsMounted] = useState(false);
const [isVisible, setIsVisible] = useState<boolean>(true); const [isVisible, setIsVisible] = useState<boolean>(true);
const localStorageKey = 'webinar-march-19-2025--notifier-closed'; const localStorageKey = 'webinar-april-30-2025--notifier-closed';
useEffect(() => { useEffect(() => {
setIsMounted(true); setIsMounted(true);
@ -61,19 +61,19 @@ export function WebinarNotifier(): ReactElement | null {
aria-hidden="true" aria-hidden="true"
className="size-8 flex-shrink-0" className="size-8 flex-shrink-0"
/> />
<span>Join our webinar + live Q&A on March 19th</span> <span>Join our webinar + live Q&A on April 30th</span>
</motion.h3> </motion.h3>
<motion.div key="live-event" className="mt-4 space-y-4"> <motion.div key="live-event" className="mt-4 space-y-4">
<p className="mb-2 text-sm"> <p className="mb-2 text-sm">
Join Victor Savkin and Max Kless discussing why LLMs struggle with Join Victor Savkin and Max Kless discuss why LLMs struggle with
fragmented codebases, how monorepos + Nx create AI-powered fragmented codebases, how monorepos + Nx create AI-powered
architectural decisions, the before-and-after experience of architectural decisions, and the before-and-after experience of
AI-powered coding in Nx. AI-powered coding in Nx.
</p> </p>
<div className="flex flex-wrap items-center justify-end gap-1 sm:gap-4"> <div className="flex flex-wrap items-center justify-end gap-1 sm:gap-4">
<a <a
title="Signup" title="Signup"
href="https://bit.ly/3XvOwIl" href="https://bit.ly/42dwGwm"
target="_blank" target="_blank"
rel="noopener noreferrer" 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" 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"

View File

@ -25,24 +25,24 @@ export function Hero(): ReactElement {
<div className="absolute inset-0"> <div className="absolute inset-0">
<div className="mx-auto max-w-7xl lg:flex"> <div className="mx-auto max-w-7xl lg:flex">
<div className="mx-auto max-w-3xl px-6 pb-24 pt-36 lg:mx-0 lg:shrink-0 lg:px-8"> <div className="mx-auto max-w-3xl px-6 pb-24 pt-36 lg:mx-0 lg:shrink-0 lg:px-8">
{/*<p>*/} <p>
{/* <a*/} <a
{/* href="https://bit.ly/3XvOwIl"*/} href="https://bit.ly/42dwGwm"
{/* 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 March 19th</span>*/} <span>Webinar + live Q&A on March 19th</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 <SectionHeading
id="get-speed-and-scale" id="get-speed-and-scale"
as="h1" as="h1"