62 lines
2.9 KiB
PHP
62 lines
2.9 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>Selamat Datang di {{ config('app.name', 'Perpus Digital') }}</title>
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
@vite(['resources/scss/app.scss', 'resources/js/app.js'])
|
|
|
|
<style>
|
|
.info-panel {
|
|
background-color: var(--bs-primary);
|
|
}
|
|
.info-svg {
|
|
max-width: 400px;
|
|
width: 80%;
|
|
height: auto;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container-fluid">
|
|
<div class="row min-vh-100">
|
|
|
|
<div class="col-lg-7 d-none d-lg-flex flex-column justify-content-center align-items-center info-panel text-white p-5">
|
|
<div class="text-center">
|
|
<i class="bi bi-book-half" style="font-size: 4rem;"></i>
|
|
<h1 class="display-4 fw-bold mt-3">Perpus Digital</h1>
|
|
<p class="lead mt-3">Gerbang Anda menuju dunia pengetahuan. Jelajahi ribuan koleksi buku digital, pinjam dengan mudah, dan lacak progres membaca Anda.</p>
|
|
|
|
<svg class="info-svg mt-4" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill="#FFFFFF" d="M37.3,-45.1C51.2,-36.8,67.3,-26.1,72.4,-11.3C77.5,3.6,71.6,22.6,61,35.1C50.4,47.6,35.1,53.6,19.9,56.9C4.8,60.2,-10.2,60.8,-25.1,55.9C-40,51,-54.8,40.6,-64.3,26.3C-73.8,12,-78,-6.2,-73,-21.2C-68,-36.2,-53.8,-48.1,-39.3,-56.3C-24.8,-64.5,-10,-69,5.7,-68.1C21.4,-67.2,42.8,-60.9,37.3,-45.1" transform="translate(100 100)" style="opacity: 0.1;"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-5 d-flex flex-column justify-content-center align-items-center bg-light p-4">
|
|
<div class="card shadow-lg border-0 p-4 p-md-5" style="max-width: 450px; width: 100%;">
|
|
<div class="text-center mb-4">
|
|
<h3 class="fw-bold text-primary">Selamat Datang</h3>
|
|
<p class="text-muted">Silakan pilih peran Anda untuk masuk.</p>
|
|
</div>
|
|
|
|
<div class="d-grid gap-3">
|
|
<a href="{{ route('login') }}" class="btn btn-primary btn-lg">
|
|
<i class="bi bi-person-badge me-2"></i> Login sebagai Murid
|
|
</a>
|
|
<a href="{{ route('login') }}" class="btn btn-success btn-lg">
|
|
<i class="bi bi-person-workspace me-2"></i> Login sebagai Guru
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html> |