70 lines
3.4 KiB
PHP
70 lines
3.4 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">
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
<title>{{ config('app.name', 'Laravel') }}</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'])
|
|
</head>
|
|
<body>
|
|
<div class="container-fluid">
|
|
<div class="row min-vh-100">
|
|
<!-- Left Panel - Info -->
|
|
<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" style="max-width: 500px;">
|
|
<!-- Logo -->
|
|
<div class="icon-circle bg-white bg-opacity-10 mx-auto mb-4" style="width: 100px; height: 100px; border-radius: 30px;">
|
|
<i class="bi bi-book-half" style="font-size: 3rem;"></i>
|
|
</div>
|
|
|
|
<h1 class="display-4 fw-bold mb-3">DIGIPUS.GO</h1>
|
|
<p class="lead opacity-90 mb-4">
|
|
Gerbang Anda menuju dunia pengetahuan. Jelajahi ribuan koleksi buku digital, pinjam dengan mudah, dan lacak progres membaca Anda.
|
|
</p>
|
|
|
|
<!-- Features -->
|
|
<div class="row g-3 mt-4">
|
|
<div class="col-6">
|
|
<div class="p-3 bg-white bg-opacity-10 rounded-4">
|
|
<i class="bi bi-book fs-3 mb-2 d-block"></i>
|
|
<div class="fw-semibold">Ribuan Buku</div>
|
|
<small class="opacity-75">Koleksi lengkap</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="p-3 bg-white bg-opacity-10 rounded-4">
|
|
<i class="bi bi-clock-history fs-3 mb-2 d-block"></i>
|
|
<div class="fw-semibold">Mudah & Cepat</div>
|
|
<small class="opacity-75">Proses instant</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Right Panel - Auth Form -->
|
|
<div class="col-lg-5 d-flex flex-column justify-content-center align-items-center bg-light p-4">
|
|
<div class="w-100" style="max-width: 450px;">
|
|
<!-- Mobile Logo -->
|
|
<div class="d-lg-none text-center mb-4">
|
|
<div class="icon-circle bg-primary-soft mx-auto mb-3" style="width: 70px; height: 70px; border-radius: 22px;">
|
|
<i class="bi bi-book-half text-primary" style="font-size: 2rem;"></i>
|
|
</div>
|
|
<h4 class="fw-bold">DIGIPUS.GO</h4>
|
|
</div>
|
|
|
|
<!-- Auth Card -->
|
|
<div class="card shadow-lg border-0" style="border-radius: 28px;">
|
|
<div class="card-body p-4 p-md-5">
|
|
{{ $slot }}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |