<div class="bg-gray-200">
    <div class="py-8 px-12 text-center">
        <p class="text-3xl md:text-4xl text-center text-purple-900 uppercase py-8">Come Live the Okanagan Lifestyle</p>
        <i class="fas fa-anchor pb-4 text-xl text-gray-500"></i>
        <p class="max-w-lg text-center mx-auto text-gray-700">Amidst the beauty of vineyards and dramatic landscapes, the Summerland Waterfront Resort &amp; Spa is set on a secluded stretch of Okanagan Lake shoreline</p>
        <div class="uppercase pt-8">
            <div class="transition-colors duration-300 border-2 border-green-600 hover:border-green-800 text-green-600 hover:text-green-800 max-w-xs mx-auto py-4 cursor-pointer">
                <p class="font-semibold text-sm md:text-lg">book your getaway now</p>
            </div>
        </div>
    </div>
</div>