export default function Hyperlink({name, link}: {name: string; link: string}) {
    return (
      <div className="bg-slate-400 dark:bg-slate-800 hover:bg-slate-600 font-medium py-2 px-4 rounded-lg shadow-md transition duration-200 ease-in-out">
        <a href={`https://${link}`} className="block">
          <h1 className="font-semibold text-slate-800dark:text-slate-400 text-lg">{name}</h1>
        </a>
      </div>
    )
}