File Manager

Edit File: guest.blade.php

@php
use App\Models\Page;
use App\Models\Banner;
use App\Models\Social;
$page = Page::latest()->first();
$top_banners = Banner::where("is_top", true)->limit(4)->get();
$socials = Social::orderBy("order")->get();
@endphp
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<title>@yield("title")</title>

<link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />

<link rel="canonical" href="{{url()->current()}}">
    <link rel="shortcut icon" href="/storage/page/favicon.webp" type="image/x-icon">

@yield("headerseo")

@vite(['resources/css/app.css', 'resources/js/app.js'])

</head>

<livewire:offcanvas-navbar :page="$page" />
        <main class="w-full md:w-3/4 p-4 bg-gray-800 shadow-md overflow-hidden sm:rounded-lg text-white">
            <div class="w-full flex-wrap flex justify-between lg:mb-8">
                @foreach ($top_banners as $top_banner)
                <a href="{{$top_banner->link}}" target="_blank" class="lg:w-1/2 w-full">
                    <img src="{{$top_banner->image}}" class="w-full aspect-[800/100]">
                </a>
                @endforeach
            </div>
            <div class="w-full flex flex-col gap-8">
                {{ $slot }}
            </div>
        </main>
    </div>

</footer>

</div>

<footer class="bg-gray-800 text-white border-t-2 border-red-600">
        <div class="flex gap-4 w-full lg:w-3/4 mx-auto p-8 justify-center flex-wrap">
            @foreach ($socials as $social)
                <a class="flex text-lg font-bold items-center gap-4 hover:bg-gray-700 p-2 duration-150" href="{{$social->link}}" target="_blank">
                    <img src="{{$social->logo}}" alt="{{$social->name}} {{$page->name}}" class="w-12 rounded-2xl">
                    <div>{{$social->display_text}}</div>
                </a>
            @endforeach
        </div>
    </footer>

function scrollToTop() {
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        }
    </script>

</body>

</html>

Back