feat: update hero component to include hover animation for sparkles

pheralb · Jul 23, 2024 · ceac7ce · ceac7ce
1 parent ae011ee
commit ceac7ce
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/website/app/components/hero.tsx b/website/app/components/hero.tsx
@@ -21,15 +21,18 @@ const Hero = () => {
       <div className="animate-in fade-in-40 flex flex-col items-center space-y-2 duration-700 md:flex-row md:space-x-2 md:space-y-0">
         <Button
           variant="default"
-          className="w-full md:w-40"
+          className="group w-full md:w-40"
           onClick={() =>
             toast.default({
               text: 'pheralb/toast',
               description: '✨ A beautiful toast library for React',
             })
           }
         >
-          <Sparkles size={14} />
+          <Sparkles
+            size={14}
+            className="duration-500 group-hover:animate-pulse group-hover:text-yellow-400"
+          />
           <span>Render a toast</span>
         </Button>
         <ExternalLink