<div class="flex flex-col justify-between w-full lg:py-0 lg:w-1/2 lg:min-h-screen"> <div class="flex-1 flex flex-col justify-center items-center py-32 lg:py-0"> <svg viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-16 h-16">  </svg> <div class="mt-4 relative"> <h1 class="text-4xl text-center">cmd-c</h1> <div class="absolute top-1/2 right-0 translate-x-full -translate-y-1/2"> <span class="ml-2 text-xs px-1.5 py-0.5 bg-gray-200 text-gray-600">preview</span> </div> </div> <p class="mt-2 text-lg text-center text-gray-800 px-4 leading-7 mb-16"> An AI that converts Figma designs to <span class="font-handwriting text-3xl pr-0.5 -mr-1 bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 text-transparent bg-clip-text"> handwritten </span> tailwind code </p> <a href="https://www.figma.com/community/plugin/1377186521153810283" class="border border-black px-3 py-2 font-mono text-black text-sm shadow-button hover:shadow-none outline-none flex justify-center items-center"> use figma plugin </a> </div> <p class="text-sm text-gray-400 text-center pb-4">copyright © 2024 cmd-c</p> </div>