Cta Sister Property Promo

{{!--{# CTA Sister Property Promo #}--}}


<div class="relative">

{{!--    {% if image %}--}}

{{!--        {% set imageAlt = image.photoCaption ?? siteName %}--}}
{{!--        {% set imgSize = {--}}
{{!--            mode: 'crop',--}}
{{!--            position: 'top-center',--}}
{{!--            width: 2000,--}}
{{!--            height: 500,--}}
{{!--        } %}--}}

{{!--        <img class="absolute inset-0 object-cover h-full w-full opacity-70"--}}
{{!--             src="{{ image.getUrl(imgSize) }}"--}}
{{!--             width="{{ image.getWidth(imgSize) }}"--}}
{{!--             height="{{ image.getHeight(imgSize) }}"--}}
{{!--             alt="{{ imageAlt }}"--}}
{{!--        >--}}

{{!--    {% endif %}--}}
    <div class="absolute inset-0 bg-red-600 opacity-70"></div>

    <div class="relative px-12 py-8 flex flex-col lg:flex-row items-center justify-between">

        <div class="">
            <p class="text-lg sm:text-xl text-white uppercase">
                Lake Louise + Icefields parkway + Jasper
            </p>

            <p class="mt-3 text-4xl sm:text-5xl md:text-6xl font-heading text-white uppercase">
                = Awesome Road Trip
            </p>

            <p class="mt-2 text-white">
                Book your stay at Mount Robson Inn, our sister property in Jasper and save...
            </p>
        </div>

        <div class="block pt-10 mb-6 md:mt-0">
            <a href="" class="px-5 py-4 bg-cyan text-white uppercase whitespace-nowrap">
                Start Planning
            </a>
        </div>

    </div>

</div>