docs(nx-dev): add march 19th webinar notifier (#30344)

Added the `WebinarNotifier` component and updated the date, description,
and link to reflect the March 19th webinar.
This commit is contained in:
Benjamin Cabanes 2025-03-12 09:52:56 -04:00 committed by GitHub
parent e4f5224e9e
commit af1b16a6ca
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 26 additions and 26 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-february-26-2025--notifier-closed';
const localStorageKey = 'webinar-march-19-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 February 26th</span>
<span>Join our webinar + live Q&A on March 19th</span>
</motion.h3>
<motion.div key="live-event" className="mt-4 space-y-4">
<p className="mb-2 text-sm">
Learn how to build modern React applications using platform-native
tools like NPM workspaces and TypeScript project references, and
see how Nx improves the developer experience all while letting you
ship your React apps faster.
Join Victor Savkin and Max Kless discussing why LLMs struggle with
fragmented codebases, how monorepos + Nx create AI-powered
architectural decisions, 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/4aRmrRb"
href="https://bit.ly/3XvOwIl"
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

@ -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/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>*/}
<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>
<SectionHeading
id="get-speed-and-scale"
as="h1"