Update keynoters style.

Author: nikoshell

src/components/keynoters/keynoter.astro

@@ -32,11 +32,10 @@ const placeholders = [Person1, Person2, Person3, Person4, Person5];
 const Placeholder =
   placeholders[Math.floor(Math.random() * placeholders.length)];
 
-const link = placeholder ? "":"`/speaker/${slug}`"
 ---
 
 <li class:list={["list-none rounded-2xl overflow-clip flex group", className]}>
-  <a class="block w-full h-full relative ${clicable}" href={link}>
+  <a class="block w-full h-full relative " href={`/speaker/${slug}`}>
     <div class="relative aspect-[9/10] overflow-clip">
       {
         image ? (
@@ -47,24 +46,24 @@ const link = placeholder ? "":"`/speaker/${slug}`"
             class="object-cover group-hover:scale-105 transition-transform h-full w-full"
           />
         ) : (
-          <div class="bg-keynoter-info w-full h-full group-hover:opacity-100 opacity-80">
+          <div class="bg-keynoter-info w-full h-full">
             <Placeholder />
           </div>
         )
       }
     </div>
 
     <div
-      class="px-5 py-2 pb-4 bg-keynoter-info rounded-t-none h-full group-hover:opacity-100 opacity-80"
+      class="px-5 py-2 pb-4 bg-keynoter-info rounded-t-none h-full "
     >
       {
         placeholder ? (
-          <p class="text-body-inverted font-bold ">More keynoters coming soon</p>
+          <p class="text-body-inverted ">More keynoters coming soon</p>
         ) : (
           <>
-            <p class="text-body-inverted font-bold">{name}</p>
+            <p class="text-[#17223A] font-bold">{name}</p>
             {tagline ? (
-              <p class="text-body-light font-bold text-lg italic">{tagline}</p>
+              <p class="text-secondary-hover text-lg italic">{tagline}</p>
             ) : null}
           </>
         )