<div class="flex justify-center items-center bg-gray-100 w-full min-h-screen text-gray-800">
<div class="rounded bg-white shadow w-9/12 p-8 flex items-center">
<div class="w-32"><img src="https://uploads-ssl.webflow.com/5e3ce2ec7f6e53c045fe7cfa/5e46749cfcbf699aca96f513_idea%20BW-p-800.png"></div>
<div class="mx-2 flex-1">
<h1 class="text-lg font-bold">Personal</h1>
<p class="text-gray-400">For individuals who look forward to double their productivity</p>
</div>
<div class="flex flex-col items-end">
<div class="text-2xl font-bold">$19/mo</div><button class="px-6 py-2 mt-2 whitespace-nowrap rounded bg-blue-600 text-white hover:bg-blue-500">Get Started</button>
</div>
</div>
</div>