muninn/resources/views/components/layouts/app.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ $title ?? 'Muninn' }}</title>
    @vite('resources/css/app.css')
    @livewireStyles
</head>
<body class="bg-gray-50 text-gray-900">
    <nav class="bg-white border-b border-gray-200 px-6 py-4 flex gap-6 items-center">
        <a href="{{ route('sites.index') }}" class="font-medium hover:text-blue-600">Sites</a>
        <a href="{{ route('social-accounts.index') }}" class="font-medium hover:text-blue-600">Social Accounts</a>
        <a href="{{ route('posts.index') }}" class="font-medium hover:text-blue-600">Posts</a>
        <a href="{{ route('projects.index') }}" class="font-medium hover:text-blue-600">Projects</a>
        <a href="{{ route('tasks.index') }}" class="font-medium hover:text-blue-600">Tasks</a>
        <a href="{{ route('ideas.index') }}" class="font-medium hover:text-blue-600">Ideas</a>

        <span class="border-l border-gray-200 h-5"></span>
        <a href="{{ route('video-projects.index') }}" class="font-medium hover:text-blue-600">Video Projects</a>

        @auth
            <form method="POST" action="{{ route('logout') }}" class="ml-auto">
                @csrf
                <button type="submit" class="text-sm text-gray-500 hover:text-gray-900">Log out</button>
            </form>
        @endauth
    </nav>

    <main class="p-6">
        {{ $slot }}
    </main>

    @livewireScripts
</body>
</html>