Homepage Flipto Unlock Block

{{!--{# Flip.to Unlock #}--}}
<div class="relative bg-gray-100 py-8">

    <div class="relative max-w-5xl mx-auto px-4">

        <div class="mt-2 flex items-start">

            <div class="flex-shrink-0 ">
                <div class="w-16 h-16 rounded-full bg-purple-200 ring-1 ring-gray-600 border-2 border-gray-200 overflow-hidden shadow-md mr-4">
                    <img class="object-cover" src="/dist/images/temp/flipto-profile-u3.png" alt="" style="width:76px; height: 76px;">
                </div>
            </div>

            <div>
                <p class="text-lg sm:text-xl mb-4 text-gray-600">
                    "My family and I enjoyed our vacation very very much. Thanks to your warm and super friendly staff, to the nice and spacious rooms. I enjoyed everything about your hotel!"
                </p>

                <div class="flex flex-col lg:flex-row">

                    <p class="text-sm mb-4 text-cyan mr-12">
                       Josie, one of our recent guests, has just unleashed a wave of complimentary welcome amenities.<br>
                        Unlock one now.
                    </p>

                    <div class="mt-2 lg:mt-4 mb-6">
                        <a class="px-6 py-3 text-sm text-white uppercase whitespace-nowrap cursor-pointer bg-cyan hover:bg-black">
                            Unlock Now
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>

</div>