@extends("layout")

@section("content")
    <div class="flex flex-col w-3/4 h-full">
        <div class="relative w-full h-fit bg-no-repeat bg-cover flex items-center justify-center flex-col">
            <!--<img class="w-full absolute right-0 left-0 -z-10" src="/img/immo.jpg">-->
            <p class="text-[90px] font-bold mt-10 text-white w-2/3">Viewer 360°</p>
            <p class="text-lg font-semibold text-white w-2/3 mb-10 mt-2 p-5 rounded-lg bg-black/50">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer porta pretium risus. Curabitur eleifend maximus orci. Mauris a diam nec tortor posuere dapibus non ut mi. Quisque egestas tempor nibh, et efficitur nulla viverra eget. Aenean neque justo, sollicitudin sit amet vestibulum sed, posuere non mi. Nulla molestie diam felis. Curabitur a nisl pharetra, tempor dui ac, vestibulum ipsum. Fusce pulvinar dapibus orci commodo sodales. Maecenas mattis metus vitae turpis facilisis elementum. Donec luctus nunc porttitor ipsum imperdiet aliquet. Maecenas orci lectus, maximus vel ultricies ac, tristique a purus. Vestibulum at dui magna. Fusce a urna varius, varius massa eget, efficitur ligula. Nam elementum lorem urna. Pellentesque in magna elit. </p>
        </div>
    </div>
@endsection