Updated footer copy

Author: D-K-P

app/components/Footer.tsx

@@ -69,21 +69,20 @@ function WorkflowFooterBanner() {
     <a
       href="https://trigger.dev"
       target="_blank"
-      className="group  text-md  lg:text-md whitespace-nowrap flex group hover:cursor-pointer transition items-center"
+      className="group  text-lg lg:text-lg whitespace-nowrap flex group hover:cursor-pointer transition items-center  px-2 h-full rounded-full"
     >
       <div className="dark:hidden">
-        <TriggerDevLogoDark className="flex w-24 mr-2 mt-0.5 pr-1" />
+        <TriggerDevLogoDark className="w-24 mr-2 mt-0.5" />
       </div>
       <div className="dark:block hidden">
-        <TriggerDevLogo className="flex w-24 mr-2 mt-0.5" />
+        <TriggerDevLogo className="w-24 mr-2 mt-0.5" />
       </div>
-      <span className="lg:block hidden  text-slate-700 group-hover:text-slate-900 dark:text-slate-200 dark:group-hover:text-slate-100 transition">
-        Create reliable workflows in code:
+      <span className="items-center lg:flex sm:flex hidden underline underline-offset-2 text-slate-700 group-hover:text-slate-900 dark:text-slate-300 dark:group-hover:text-slate-100 transition">
+        <span className="lg:block hidden">- the &nbsp;</span> background jobs
+        <span className="lg:block hidden">&nbsp;framework&nbsp;</span> for
+        Next.js
+        <ArrowRightIcon className="flex ml-1 h-3 w-3 text-base text-green-900 dark:text-green-500 whitespace-nowrap group-hover:text-green-900 dark:group-hover:text-green-400 transition" />
       </span>
-      <span className="flex  items-center underline underline-offset-2 pl-1 font-extrabold text-purple-500 whitespace-nowrap transition group-hover:text-purple-600 dark:group-hover:text-purple-400">
-        Check it out
-      </span>
-      <ArrowRightIcon className="ml-1 h-3 w-3 text-base text-purple-500 whitespace-nowrap group-hover:text-purple-600 dark:group-hover:text-purple-400 transition" />
     </a>
   );
 }