Sebastián Darío Ramírez

<body class="bg-gray-100 font-sans leading-normal tracking-normal">
  <nav class="container mx-auto px-4 lg:px-0">
    <div class="flex items-center justify-between py-4 lg:py-6 bg-white shadow-md rounded-lg">
      <a href="/" class="flex items-center">
        <img src="https://www.tailwindai.dev/placeholder.svg" width="200" height="35" alt="Logo" class="object-contain lg:ml-5" />
      </a>
      <div class="hidden lg:flex space-x-8">
        <a href="#" class="text-gray-700 hover:text-blue-500 transition duration-300">Home</a>
        <a href="#" class="text-gray-700 hover:text-blue-500 transition duration-300">About</a>
        <a href="#" class="text-gray-700 hover:text-blue-500 transition duration-300">Services</a>
        <a href="#" class="text-gray-700 hover:text-blue-500 transition duration-300">Contact</a>
      </div>
      <div class="hidden lg:flex">
        <a href="#" class="bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-400 transition duration-300">Get Started</a>
      </div>
      <div class="lg:hidden">
        <button class="text-gray-700 focus:outline-none">
          <i class="fa-solid fa-bars"></i>
        </button>
      </div>
    </div>
  </nav>
</body>