add hover effect on Join the AsyncAPI Conf in Paris! button

asyncapi · Jan 9, 2025 · fb4ff92 · fb4ff92
1 parent 960583f
commit fb4ff92
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/components/announcement.js b/components/announcement.js
@@ -4,7 +4,7 @@ import Link from 'next/link';
 export default function Announcement() {
   return (
     <Link href="/venue/Paris">
-    <div className='cursor-pointer border text-white min-w-[300px] rounded-lg p-1 text-center text-lg'>Join the AsyncAPI Conf in Paris!</div>
+    <div className='cursor-pointer border text-white min-w-[300px] rounded-lg p-1 text-center text-lg transition-all duration-300 transform hover:scale-105 hover:shadow-lg hover:bg-white hover:text-black'>Join the AsyncAPI Conf in Paris!</div>
     </Link>
   )
 }