fix: various tweaks

apps/web/src/views/home/components/Cta.tsx

@@ -1,3 +1,4 @@
+import Link from "next/link";
 import { useEffect, useState } from "react";
 
 import Button from "~/components/Button";
@@ -55,9 +56,11 @@ const Cta = ({ theme }: { theme: string }) => {
             Unlimited boards, unlimited lists, unlimited cards. No credit card
             required.
           </p>
-          <div className="mt-10 flex items-center justify-center gap-x-6">
-            <Button size="lg">Get started</Button>
-          </div>
+          <Link href="/signup">
+            <div className="mt-10 flex items-center justify-center gap-x-6">
+              <Button size="lg">Get started</Button>
+            </div>
+          </Link>
         </div>
       </div>
       <svg

apps/web/src/views/home/components/Pricing.tsx

@@ -122,7 +122,7 @@ const Pricing = () => {
             key={tier.id}
             className={twMerge(
               tier.highlighted
-                ? "bg-dark-50 ring-1 dark:ring-dark-800"
+                ? "bg-dark-50 ring-1 ring-dark-50 dark:ring-dark-800"
                 : "bg-light-50 ring-1 ring-light-300 dark:bg-dark-50 dark:ring-dark-300",
               "rounded-3xl p-8 xl:p-10",
             )}