update form url

Author: danhollick

src/app/course/confirmed/page.tsx

@@ -21,15 +21,15 @@ export default async function Subscribed() {
           <div className="grid border-y border-black/5 p-2 max-md:border-t-0 max-sm:justify-center max-sm:px-4 dark:border-white/10">
             <Logo className="h-7" />
           </div>
-          <div className="mt-4 border-y border-black/5 p-2 max-sm:px-4 dark:border-white/10">
+          <div className="mt-2 border-y border-black/5 p-2 max-sm:px-4 dark:border-white/10">
             <p className="font-mono text-sm font-medium text-gray-700 uppercase max-sm:text-center dark:text-gray-400">
               Tailwind CSS by Example
             </p>
             <h1 className="text-5xl tracking-tighter text-balance text-gray-900 max-sm:text-center lg:text-8xl dark:text-white">
               You're in!
             </h1>
           </div>
-          <div className="mt-6 border-y border-black/5 p-2 max-md:border-b-0 max-sm:px-4 dark:border-white/10">
+          <div className="mt-4 border-y border-black/5 p-2 max-md:border-b-0 max-sm:px-4 dark:border-white/10">
             <p className="max-w-xl text-lg/7 font-medium text-pretty text-gray-500 max-sm:text-center dark:text-gray-400">
               We'll be in touch soon with more details on the course. Stay tuned for sneak peaks, free chapters and
               early access.

src/app/course/page.tsx

@@ -21,8 +21,7 @@ import { Signature } from "./signature";
 
 function SignUpForm() {
   return (
-    // TODO: replace with real url
-    <form className="relative" method="POST" action="https://app.kit.com/forms/7712177/subscriptions">
+    <form className="relative" method="POST" action="https://app.kit.com/forms/8458453/subscriptions">
       <input
         required
         type="email"

src/app/course/subscribed/page.tsx

@@ -21,15 +21,15 @@ export default async function Subscribed() {
           <div className="grid border-y border-black/5 p-2 max-md:border-t-0 max-sm:justify-center max-sm:px-4 dark:border-white/10">
             <Logo className="h-7" />
           </div>
-          <div className="mt-4 border-y border-black/5 p-2 max-sm:px-4 dark:border-white/10">
+          <div className="mt-2 border-y border-black/5 p-2 max-sm:px-4 dark:border-white/10">
             <p className="font-mono text-sm font-medium text-gray-700 uppercase max-sm:text-center dark:text-gray-400">
               Tailwind CSS by Example
             </p>
             <h1 className="text-5xl tracking-tighter text-balance text-gray-900 max-sm:text-center lg:text-8xl dark:text-white">
               Check your email.
             </h1>
           </div>
-          <div className="mt-6 border-y border-black/5 p-2 max-md:border-b-0 max-sm:px-4 dark:border-white/10">
+          <div className="mt-4 border-y border-black/5 p-2 max-md:border-b-0 max-sm:px-4 dark:border-white/10">
             <p className="max-w-xl text-lg/7 font-medium text-pretty text-gray-500 max-sm:text-center dark:text-gray-400">
               You should get a confirmation email any minute —{" "}
               <strong className="font-medium text-gray-900 dark:text-white">open it up</strong> and{" "}