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>
<Component {...pageProps} />
{/* <LiveStreamNotifier /> */}
{/*<WebinarNotifier />*/}
<WebinarNotifier />
{/* Global Site Tag (gtag.js) - Google Analytics */}
<Script

View File

@ -11,7 +11,7 @@ import {
export function WebinarNotifier(): ReactElement | null {
const [isMounted, setIsMounted] = useState(false);
const [isVisible, setIsVisible] = useState<boolean>(true);
const localStorageKey = 'webinar-march-19-2025--notifier-closed';
const localStorageKey = 'webinar-april-30-2025--notifier-closed';
useEffect(() => {
setIsMounted(true);
@ -61,19 +61,19 @@ export function WebinarNotifier(): ReactElement | null {
aria-hidden="true"
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.div key="live-event" className="mt-4 space-y-4">
<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
architectural decisions, the before-and-after experience of
architectural decisions, and the before-and-after experience of
AI-powered coding in Nx.
</p>
<div className="flex flex-wrap items-center justify-end gap-1 sm:gap-4">
<a
title="Signup"
href="https://bit.ly/3XvOwIl"
href="https://bit.ly/42dwGwm"
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"

View File

@ -25,24 +25,24 @@ export function Hero(): ReactElement {
<div className="absolute inset-0">
<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">
{/*<p>*/}
{/* <a*/}
{/* href="https://bit.ly/3XvOwIl"*/}
{/* 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 March 19th</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/42dwGwm"
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 March 19th</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"