File Manager
Viewing File: layout.blade.php
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>@yield('title')</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Lucide Icons -->
<script src="https://unpkg.com/lucide@latest"></script>
<!-- Fonts: Inter -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: {
50: '#f0f7f4',
100: '#d9ede3',
200: '#b3dbc7',
300: '#7fc29f',
400: '#4da576',
500: '#2d8659',
600: '#1f6b45',
700: '#195539',
800: '#15442e',
900: '#0d2a1c',
},
surface: {
100: '#FFFFFF',
200: '#F9F9F9',
300: '#DFE5E5',
400: '#BFC9C9',
},
},
fontFamily: {
sans: ['Inter', 'system-ui', 'sans-serif'],
},
}
}
}
</script>
<style>
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-family: 'Inter', system-ui, sans-serif;
background: #F9F9F9;
min-height: 100vh;
letter-spacing: -0.011em;
}
.error-card {
background: #FFFFFF;
border: 1px solid #E0E5E5;
box-shadow: 0 8px 32px rgba(13, 27, 35, 0.06), 0 2px 8px rgba(13, 27, 35, 0.04);
}
</style>
</head>
<body class="antialiased overflow-x-hidden">
<div class="min-h-screen flex items-center justify-center p-4">
<div class="w-full max-w-md mx-auto">
<div class="error-card rounded-xl p-8 md:p-10 text-center space-y-4">
<p class="text-lg text-[#4A4A4A] leading-relaxed">
@yield('message')
</p>
<a href="{{ url('/') }}" class="inline-block text-sm text-primary-500 hover:text-primary-600 font-medium transition-colors">
Return to homepage
</a>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
if (typeof lucide !== 'undefined') {
lucide.createIcons();
}
});
</script>
</body>
</html>