<div class="py-6">
    <div class="mx-auto text-left">
        <div class="relative z-20 rounded-lg shadow-xl overflow-hidden lg:grid lg:grid-cols-2 lg:gap-4" style="
         background-image: linear-gradient(to left bottom, #f87171, #f55979, #ee4085, #e12896, #cb18a9, #bd12b5, #aa16c1, #921fce, #881ed5, #7d1fdc, #6e21e3, #5c24eb);
         ">
            <div class="pt-10 pb-12 px-6 sm:pt-16 sm:px-8 lg:py-16 lg:pr-0">
                <div class="lg:self-center">
                    <h2 class="text-3xl leading-9 font-extrabold text-white sm:text-4xl sm:leading-10">
<span class="block">
Your AI-powered code review assistant
</span>
                    </h2>
                    <p class="mt-4 text-base leading-6 text-white">
                        What The Diff analyzes the changes of your pull requests and gives you and your team a summary of all the changes in plain english – no need to do this yourself.
                    </p><p class="mt-4 text-base leading-6 text-dark-blue-800">
                    </p>
                    <a href="https://whatthediff.ai/?utm_source=writeout&amp;utm_medium=productable&amp;utm_campaign=transcript" target="_blank" style="background-color: #000" class="mt-8 border border-transparent rounded-md shadow px-6 py-3 inline-flex items-center text-base leading-6 font-medium  text-white transition duration-150 ease-in-out">
                        Get started
                    </a>
                    <a href="https://whatthediff.ai/?utm_source=writeout&amp;utm_medium=productable&amp;utm_campaign=transcript" target="_blank" class="ml-4 mt-8 text-white font-bold text-sm underline">
                        Learn more
                    </a>
                </div>
            </div>
            <div class="relative pb-3/5 -mt-6 md:pb-1/2">
                <img class="absolute inset-0 w-full h-full transform translate-x-6 translate-y-6 rounded-md object-cover object-left-top sm:translate-x-10 lg:translate-y-20" src="https://beyondco.de/img/blog/product_banner/what-the-diff.png" alt="whatthediff.ai">
            </div>
        </div>
    </div>
</div>
