chore: update replays

web/src/components/magicui/bento-grid.tsx

@@ -53,13 +53,17 @@ const BentoCard = ({
     {...props}
   >
     {background && <div>{background}</div>}
-    <div className="pointer-events-none z-10 flex transform-gpu flex-col gap-1 p-6 transition-all duration-300 group-hover:-translate-y-5">
+    <a
+      className="z-10 flex transform-gpu flex-col gap-1 p-6 transition-all duration-300 group-hover:-translate-y-5"
+      href={href}
+      target="_blank"
+    >
       <Icon className="h-12 w-12 origin-left transform-gpu text-neutral-700 transition-all duration-300 ease-in-out group-hover:scale-60" />
       <h3 className="text-xl font-semibold text-neutral-700 dark:text-neutral-300">
         {name}
       </h3>
       <p className="max-w-lg text-neutral-400">{description}</p>
-    </div>
+    </a>
 
     <div
       className={cn(