Update URL, tweak promo

Author: adamwathan

src/app/build-uis-that-dont-suck/hero-section.tsx

@@ -4,6 +4,7 @@ import { Logo } from "@/components/logo";
 import { GridContainer } from "./grid-container";
 import { HeroActions } from "./call-to-action";
 import { useRef } from "react";
+import Link from "next/link";
 
 export function HeroSection() {
   let videoRef = useRef<HTMLVideoElement>(null);
@@ -19,8 +20,10 @@ export function HeroSection() {
         <div className="absolute inset-0 size-full bg-linear-to-t from-gray-950 to-50%"></div>
       </div>
       <GridContainer>
-        <div className="p-2">
-          <Logo className="h-7" />
+        <div className="flex p-2">
+          <Link href="/" aria-label="Home" className="inline-flex">
+            <Logo className="h-7" />
+          </Link>
         </div>
       </GridContainer>
       <div className="mt-20 flex flex-col gap-4 sm:mt-24">

src/components/docs-sidebar.tsx

@@ -89,7 +89,7 @@ function TopNav() {
         </TopNavLink>
       </li>
       <li className="flex items-center gap-3">
-        <TopNavLink href="/course">
+        <TopNavLink href="/build-uis-that-dont-suck">
           <svg viewBox="0 0 16 16" fill="none">
             <path data-highlight d="M8 2 1 6l7 4 7-4-7-4Z" />
             <path

src/components/promos.tsx

@@ -69,17 +69,15 @@ export function CoursePromo() {
         </div>
       </div>
       <p className="text-[0.815rem]/6 font-semibold text-sky-500 dark:text-sky-400">5-day mini-course</p>
-      <p className="mt-1.5 text-[0.9375rem]/5 font-semibold text-gray-950 dark:text-white">
-        Build UIs that don’t suck.
-      </p>
-      <p className="mt-6 text-[0.8125rem]/5 text-gray-600 dark:text-gray-400">
+      <p className="mt-1.5 text-base/5 font-semibold text-gray-950 dark:text-white">Build UIs that don’t suck.</p>
+      <p className="mt-3 text-[0.8125rem]/5 text-gray-600 dark:text-gray-400">
         Short, tactical video lessons from the creator of Tailwind CSS, delivered directly to your inbox every day for a
         week.
       </p>
       <p className="mt-4">
-        <LinkButton href="/course">
+        <LinkButton href="/build-uis-that-dont-suck">
           <span className="absolute inset-0" />
-          Get the free course &rarr;
+          Get the free course <span aria-hidden="true">&rarr;</span>
         </LinkButton>
       </p>
     </div>