116 lines
5.8 KiB
PHP
116 lines
5.8 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<title>Malcomm Online – System w budowie</title>
|
||
|
||
<!-- Fonts -->
|
||
<link rel="preconnect" href="https://fonts.bunny.net">
|
||
<link href="https://fonts.bunny.net/css?family=inter:300,400,500,600,700,800&display=swap" rel="stylesheet" />
|
||
|
||
<!-- Tailwind CSS CDN -->
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
||
<style>
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-slate-950 text-slate-100 min-h-screen flex flex-col justify-between selection:bg-indigo-500 selection:text-white relative overflow-x-hidden">
|
||
|
||
<!-- Tło: Akcenty świetlne (Gradient Blobs) -->
|
||
<div class="absolute top-0 left-1/2 -translate-x-1/2 w-full max-w-7xl h-96 -z-10 pointer-events-none blur-3xl opacity-30">
|
||
<div class="absolute top-10 left-1/4 w-72 h-72 bg-indigo-600 rounded-full mix-blend-multiply filter blur-xl animate-pulse"></div>
|
||
<div class="absolute top-10 right-1/4 w-72 h-72 bg-blue-500 rounded-full mix-blend-multiply filter blur-xl animate-pulse" style="animation-delay: 2s;"></div>
|
||
</div>
|
||
|
||
<!-- Nawigacja / Header -->
|
||
<header class="w-full max-w-7xl mx-auto px-6 py-6 flex justify-between items-center gap-4">
|
||
<!-- Logo -->
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-9 h-9 rounded-xl bg-gradient-to-tr from-indigo-500 to-blue-500 flex items-center justify-center font-bold text-white shadow-lg shadow-indigo-500/20">
|
||
M
|
||
</div>
|
||
<span class="text-xl font-extrabold tracking-tight bg-gradient-to-r from-white via-slate-200 to-slate-400 bg-clip-text text-transparent">
|
||
Malcomm <span class="text-indigo-400">Online</span>
|
||
</span>
|
||
</div>
|
||
|
||
<!-- Przyciski Logowania / Rejestracji -->
|
||
<div class="flex items-center gap-3">
|
||
@if (Route::has('login'))
|
||
@auth
|
||
<a href="{{ url('/dashboard') }}" class="text-sm font-semibold text-slate-300 hover:text-white transition-colors py-2 px-4">
|
||
Dashboard
|
||
</a>
|
||
@else
|
||
<a href="{{ route('login') }}" class="text-sm font-semibold text-slate-300 hover:text-white transition-colors py-2 px-4 rounded-xl hover:bg-slate-900/60 border border-transparent hover:border-slate-800">
|
||
Zaloguj
|
||
</a>
|
||
|
||
@if (Route::has('register'))
|
||
<a href="{{ route('register') }}" class="text-sm font-semibold text-white bg-indigo-600 hover:bg-indigo-500 transition-all py-2 px-4 rounded-xl shadow-lg shadow-indigo-500/20 hover:shadow-indigo-500/30">
|
||
Zarejestruj
|
||
</a>
|
||
@endif
|
||
@endauth
|
||
@else
|
||
<!-- Domyślne przyciski (gdy trasy autoryzacji nie są jeszcze zdefiniowane) -->
|
||
<a href="/login" class="text-sm font-semibold text-slate-300 hover:text-white transition-colors py-2 px-4 rounded-xl hover:bg-slate-900/60 border border-transparent hover:border-slate-800">
|
||
Zaloguj
|
||
</a>
|
||
<a href="/register" class="text-sm font-semibold text-white bg-indigo-600 hover:bg-indigo-500 transition-all py-2 px-4 rounded-xl shadow-lg shadow-indigo-500/20 hover:shadow-indigo-500/30">
|
||
Zarejestruj
|
||
</a>
|
||
@endif
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Sekcja Główna / Hero -->
|
||
<main class="flex-1 flex items-center justify-center px-6 py-12">
|
||
<div class="max-w-2xl text-center space-y-8">
|
||
|
||
<!-- Badge "W Budowie" -->
|
||
<div class="inline-flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium bg-indigo-500/10 border border-indigo-500/20 text-indigo-300 backdrop-blur-md">
|
||
<span class="w-2 h-2 rounded-full bg-amber-400 animate-ping"></span>
|
||
Trwają prace programistyczne
|
||
</div>
|
||
|
||
<!-- Nagłówek -->
|
||
<h1 class="text-4xl sm:text-6xl font-black tracking-tight text-white leading-tight">
|
||
System w budowie. <br/>
|
||
<span class="bg-gradient-to-r from-indigo-400 via-blue-400 to-cyan-400 bg-clip-text text-transparent">
|
||
Wracamy niebawem.
|
||
</span>
|
||
</h1>
|
||
|
||
<!-- Opis -->
|
||
<p class="text-lg text-slate-400 max-w-xl mx-auto leading-relaxed">
|
||
Platforma <strong class="text-slate-200">Malcomm Online</strong> jest obecnie w fazie intensywnego rozwoju. Przygotowujemy dla Ciebie nowoczesne i wydajne narzędzie.
|
||
</p>
|
||
|
||
<!-- Box ze statusem / paskiem postępu -->
|
||
<div class="p-6 rounded-2xl bg-slate-900/50 border border-slate-800/80 backdrop-blur-xl shadow-2xl max-w-md mx-auto text-left space-y-3">
|
||
<div class="flex justify-between text-xs font-semibold text-slate-400">
|
||
<span>Inicjalizacja środowiska</span>
|
||
<span class="text-indigo-400">W toku...</span>
|
||
</div>
|
||
<!-- Progress bar -->
|
||
<div class="w-full h-2 bg-slate-800 rounded-full overflow-hidden">
|
||
<div class="h-full bg-gradient-to-r from-indigo-500 to-blue-500 w-1/3 rounded-full animate-pulse"></div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</main>
|
||
|
||
<!-- Stopka -->
|
||
<footer class="w-full max-w-7xl mx-auto px-6 py-6 text-center text-xs text-slate-500 border-t border-slate-900">
|
||
<p>© {{ date('Y') }} Malcomm Online. Wszelkie prawa zastrzeżone.</p>
|
||
</footer>
|
||
|
||
</body>
|
||
</html> |