88 lines
4.1 KiB
PHP
88 lines
4.1 KiB
PHP
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>{{ $title }}</title>
|
||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||
|
|
<script>
|
||
|
|
tailwind.config = {
|
||
|
|
theme: {
|
||
|
|
extend: {
|
||
|
|
fontFamily: {
|
||
|
|
'sans': ['Inter', 'system-ui', 'sans-serif'],
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="font-sans bg-gray-50 min-h-screen">
|
||
|
|
<!-- Header -->
|
||
|
|
<header class="bg-white shadow-sm border-b border-gray-200">
|
||
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
|
|
<div class="flex justify-between items-center h-16">
|
||
|
|
<div class="flex items-center">
|
||
|
|
<div class="text-2xl mr-3">⚡</div>
|
||
|
|
<h1 class="text-xl font-bold text-gray-900">Woles Framework</h1>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center space-x-4">
|
||
|
|
<span class="text-gray-600">Welcome, {{ $user['name'] }}</span>
|
||
|
|
<a href="/logout" class="bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors">
|
||
|
|
Logout
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<!-- Main Content -->
|
||
|
|
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||
|
|
<!-- Welcome Card -->
|
||
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 p-8 mb-8 text-center">
|
||
|
|
<div class="text-6xl mb-4">🚀</div>
|
||
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">Woles Framework v1.0</h2>
|
||
|
|
<p class="text-lg text-gray-600 mb-8">Welcome to your dashboard! The framework is running successfully.</p>
|
||
|
|
<div class="flex flex-col sm:flex-row gap-4 justify-center">
|
||
|
|
<a href="/users" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium transition-colors">
|
||
|
|
Manage Users
|
||
|
|
</a>
|
||
|
|
<a href="/login" class="bg-gray-600 hover:bg-gray-700 text-white px-6 py-3 rounded-lg font-medium transition-colors">
|
||
|
|
Back to Login
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Features Grid -->
|
||
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 p-6 text-center">
|
||
|
|
<div class="text-3xl mb-4">🔒</div>
|
||
|
|
<h3 class="text-lg font-semibold text-gray-900 mb-3">Security First</h3>
|
||
|
|
<p class="text-gray-600 text-sm leading-relaxed">Built-in CSRF protection, XSS filtering, and secure password hashing with Argon2ID.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 p-6 text-center">
|
||
|
|
<div class="text-3xl mb-4">⚡</div>
|
||
|
|
<h3 class="text-lg font-semibold text-gray-900 mb-3">High Performance</h3>
|
||
|
|
<p class="text-gray-600 text-sm leading-relaxed">Optimized for PHP 8.2+ with JIT compilation and RoadRunner/FrankenPHP support.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 p-6 text-center">
|
||
|
|
<div class="text-3xl mb-4">🏗️</div>
|
||
|
|
<h3 class="text-lg font-semibold text-gray-900 mb-3">Clean Architecture</h3>
|
||
|
|
<p class="text-gray-600 text-sm leading-relaxed">Modular HMVC structure with dependency injection and PSR-4 autoloading.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 p-6 text-center">
|
||
|
|
<div class="text-3xl mb-4">🎨</div>
|
||
|
|
<h3 class="text-lg font-semibold text-gray-900 mb-3">Modern UI</h3>
|
||
|
|
<p class="text-gray-600 text-sm leading-relaxed">Clean, professional interface with Tailwind CSS and responsive design.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|