Design this but... - Tailwind AI

Michael Mutinda

<body class="bg-gray-100 font-sans leading-normal tracking-normal flex items-center justify-center h-screen">
  <div class="bg-white shadow-lg rounded-lg p-8 max-w-sm w-full">
    <h1 class="text-2xl font-bold mb-6 text-center">Welcome</h1>
    <p class="text-gray-700 mb-4 text-center">Explore my work and projects below.</p>
    <div class="flex justify-center">
      <a href="/projects" class="inline-block mt-4 bg-blue-500 text-white py-3 px-6 rounded-lg shadow hover:bg-blue-600 transition duration-300 transform hover:scale-105">
        Browse my projects
      </a>
    </div>
  </div>
</body>

Design this button to be more professional and display the best design using tailwind <link to="/projects" classname="inline-block mt-4 bg-blue-500 ...