<header class="book-bg w-full flex justify-center items-center flex-col py-16 mb-32 relative">
    <div class="w-4/5 sm:w-3/5 md:w-100">
        <h1 id="headline" class="text-white m-0 mb-10 text-5xl font-landing text-center text-shadow-lighter">Finally a
            starting point for your PHP chatbot
        </h1>
    </div>
    <div class="md:mt-10 flex w-full justify-center items-center flex-row">
        <div class="flex flex-col flex-col-reverse md:flex-row mb-4 w-100 items-center">
            <div class="w-3/4 md:w-1/2 mb-8 text-center">
                <h3 class="mt-2 mb-2 book-yellow uppercase font-landing text-xl">The Book Is Outdated and not available anymore.</h3>

                <p class="text-white text-md mb-8 font-landing font-light leading-tight">After one year the chatbot landscaped changed to much that I had to take my book offline. Since my sales for this book did not went that well, I decided to take it offline.</p>



            </div>
            <div class="w-1/2 flex justify-center items-center flex-col ml-4">
                <img class="ml-8 w-full self-center" src="/images/book/book_v1.png"
                     width="500" alt="Build Chatbots in PHP book cover">
            </div>
        </div>
    </div>
    <a href="https://christoph-rumpel.com/">
        <img class="gravatar"
             src="https://s.gravatar.com/avatar/14d39e65f615fd6dcb9dd44ea7f7995b?s=160" width="160"
             alt="Gravatar image of Christoph Rumpel">
    </a>
</header>
