<template>
    <div>
        <section class="w-full mx-auto bg-nordic-gray-light flex pt-12 md:pt-0 md:items-center bg-cover bg-right"
            style="max-width:1600px; height: 32rem; background-image: url('cover-1.png');">
            <div class="container mx-auto">
                <div class="flex flex-col w-full lg:w-1/2 justify-center items-start  px-6 tracking-wide">
                    <div class="hero-headline flex flex-col items-center justify-center pt-24 text-center">
                        <h1 class=" font-bold text-3xl text-white">Look for your weekly hike</h1>
                        <p class=" font-base text-base text-white">our spark assistant is here to give you
                            everything</p>
                        <p class=" font-base text-base text-white">you need to go from couch to
                            mountain or valley</p>
                    </div>
                </div>
            </div>
        </section>
    </div>
</template>