feat(nx-dev): update launch page link text (#21747)

nrwl · Feb 9, 2024 · df60a60 · df60a60
1 parent fdae86c
commit df60a60
Show file tree

Hide file tree

Showing 4 changed files with 102 additions and 34 deletions.
diff --git a/nx-dev/nx-dev/public/images/launch-nx/nx-release.jpg b/nx-dev/nx-dev/public/images/launch-nx/nx-release.jpg
diff --git a/nx-dev/ui-conference/src/lib/launch-week/agenda.tsx b/nx-dev/ui-conference/src/lib/launch-week/agenda.tsx
@@ -85,7 +85,7 @@ export function LaunchWeekAgenda(): JSX.Element {
                 className="font-input-mono group flex w-full items-center text-blue-500 dark:text-sky-500 sm:text-xl"
               >
                 <span className="group-hover:underline">
-                  Watch the live stream recording
+                  Watch the conference recording
                 </span>
                 <svg
                   xmlns="http://www.w3.org/2000/svg"

diff --git a/nx-dev/ui-conference/src/lib/launch-week/announcements.tsx b/nx-dev/ui-conference/src/lib/launch-week/announcements.tsx
@@ -204,7 +204,7 @@ export function LaunchWeekAnnouncements(): JSX.Element {
               </div>
               <div
                 aria-hidden="true"
-                className="order-first sm:order-last pb-8 relative flex flex-col items-center"
+                className="order-first md:order-last pb-8 relative flex flex-col items-center"
               >
                 <img
                   className="rounded-lg"
@@ -231,8 +231,8 @@ export function LaunchWeekAnnouncements(): JSX.Element {
                 </header>
                 <div className="mt-8 flex gap-16 font-normal">
                   <p className="max-w-xl text-lg text-slate-700 dark:text-slate-400">
-                    Anouncing Tusky: A powerful Artificial Intelligence equipped
-                    with context of your workspace, commit history, and
+                    Announcing Tusky: A powerful Artificial Intelligence
+                    equipped with context of your workspace, commit history, and
                     historical build timing data. Tusky can uniquely understand
                     and optimize your codebase and pipelines.
                   </p>
@@ -258,7 +258,7 @@ export function LaunchWeekAnnouncements(): JSX.Element {
               </div>
               <div
                 aria-hidden="true"
-                className="order-first sm:order-last pb-8 relative flex flex-col items-center"
+                className="order-first md:order-last pb-8 relative flex flex-col items-center"
               >
                 <img
                   className="rounded-lg"
@@ -269,6 +269,72 @@ export function LaunchWeekAnnouncements(): JSX.Element {
             </div>
           </article>
         </div>
+
+        {/* Friday */}
+        <div>
+          <article className="relative overflow-hidden pt-4 mx-auto max-w-screen-lg xl:max-w-screen-xl">
+            <div className="px-5 py-12 grid md:grid-cols-2 sm:gap-8 lg:py-16">
+              <div>
+                <header>
+                  <SectionHeading as="h2" variant="title" id="thursday">
+                    Friday
+                  </SectionHeading>
+                  <SectionHeading as="p" variant="display" className="mt-4">
+                    Nx Release & Launch Week Recap Stream
+                  </SectionHeading>
+                </header>
+                <div className="mt-8 flex gap-16 font-normal">
+                  <p className="max-w-xl text-lg text-slate-700 dark:text-slate-400">
+                    Last day of launch week! Releasing packages in a monorepo
+                    can be tricky and many of today's tools are either outdated
+                    or need further tweaking when used in a monorepo. We decided
+                    to chime in and leverage our experience of maintaining Lerna
+                    and having hand-coded many release scripts in the past to
+                    solve this once and for all. <br /> <br />
+                    Check out the blog post and video below and make sure to
+                    chime in for our live-stream!
+                  </p>
+                </div>
+                <div className="pt-4 action flex flex-col space-y-2 sm:flex-row sm:space-y-0 sm:space-x-2">
+                  <ButtonLink
+                    variant="primary"
+                    size="default"
+                    href="https://blog.nrwl.io/versioning-and-releasing-packages-in-a-monorepo-45ee194378d1?source=friends_link&sk=934e4c5321774c8a9f88433e0dea578b"
+                    title="Blog post - Versioning and Releasing Packages in a Monorepo"
+                  >
+                    Read the blog post
+                  </ButtonLink>
+                  <ButtonLink
+                    variant="primary"
+                    size="default"
+                    href="https://www.youtube.com/watch?v=KjZKFGu3_9I"
+                    title="Releasing Nx Release"
+                  >
+                    Watch the talk
+                  </ButtonLink>
+                  <ButtonLink
+                    variant="primary"
+                    size="default"
+                    href="https://www.youtube.com/live/xjLrFvEcxZw?si=L8Cfk41yKvYb1rud"
+                    title="Nx Live Stream - Launch Week Wrap Up and Q&A"
+                  >
+                    Live Stream
+                  </ButtonLink>
+                </div>
+              </div>
+              <div
+                aria-hidden="true"
+                className="order-first md:order-last pb-8 relative flex flex-col items-center"
+              >
+                <img
+                  className="rounded-lg"
+                  src="/images/launch-nx/nx-release.jpg"
+                  alt="Tusky"
+                />
+              </div>
+            </div>
+          </article>
+        </div>
       </section>
     </div>
   );

diff --git a/nx-dev/ui-conference/src/lib/launch-week/intro.tsx b/nx-dev/ui-conference/src/lib/launch-week/intro.tsx
@@ -38,12 +38,39 @@ export function LaunchNxIntro() {
             </div>
           </h3>
           <p className="mb-6 sm:text-lg">
-            Join us for Launch Nx when we’ll be announcing exciting new features
-            and plans for Nx and Nx Cloud, culminating in a free, half-day
-            online conference on Thursday, Feb. 8th.
+            Missed our Launch Nx Conf? Then follow up with the{' '}
+            <a href="#announcements" className="underline">
+              announcements
+            </a>{' '}
+            below or watch the conference recording:
           </p>
 
-          <div className="border-t border-slate-200 dark:border-slate-700">
+          <a
+            rel="noreferrer"
+            target="_blank"
+            href="https://youtu.be/fy0K2Smyj5A"
+            className="font-input-mono group flex w-full items-center text-blue-500 dark:text-sky-500 sm:text-xl"
+          >
+            <span className="group-hover:underline">
+              Watch the conference recording
+            </span>
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              className="ml-1 h-8 w-8 transform-gpu transition duration-200 ease-out group-hover:translate-x-2 "
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke="currentColor"
+            >
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth={2}
+                d="M13 7l5 5m0 0l-5 5m5-5H6"
+              />
+            </svg>
+          </a>
+
+          <div className="mt-5 border-t border-slate-200 dark:border-slate-700">
             <p className="mb-6 mt-6 sm:text-lg">
               Follow us on{' '}
               <a
@@ -84,31 +111,6 @@ export function LaunchNxIntro() {
               to not miss any updates.
             </p>
           </div>
-
-          <a
-            rel="noreferrer"
-            target="_blank"
-            href="https://youtu.be/fy0K2Smyj5A"
-            className="font-input-mono group flex w-full items-center text-blue-500 dark:text-sky-500 sm:text-xl"
-          >
-            <span className="group-hover:underline">
-              Watch the live stream recording
-            </span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              className="ml-1 h-8 w-8 transform-gpu transition duration-200 ease-out group-hover:translate-x-2 "
-              fill="none"
-              viewBox="0 0 24 24"
-              stroke="currentColor"
-            >
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth={2}
-                d="M13 7l5 5m0 0l-5 5m5-5H6"
-              />
-            </svg>
-          </a>
         </div>
       </div>
     </div>