MIF_E31220442/resources/views/welcome.blade.php

91 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">
<title>Welcome to SPK Penerimaan Karyawan</title>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
body {
font-family: 'Poppins', sans-serif;
background-color: #f8f9fa;
}
.hero-section {
min-height: 100vh;
display: flex;
align-items: center;
background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
}
.logo-img {
max-width: 300px;
height: auto;
margin-bottom: 2rem;
}
.btn-custom {
padding: 10px 30px;
border-radius: 30px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 10px;
}
.btn-login {
background-color: #007bff;
color: white;
}
.btn-register {
background-color: #28a745;
color: white;
}
.btn-login:hover, .btn-register:hover {
opacity: 0.9;
color: white;
}
.description {
max-width: 600px;
margin: 0 auto 2rem auto;
color: #6c757d;
font-size: 1.1rem;
line-height: 1.6;
}
</style>
</head>
<body>
<div class="hero-section">
<div class="container text-center">
<!-- Ganti src dengan path logo Intecon yang sesuai -->
<img src="{{ asset('assets/images/logo.png') }}" alt="Intecon Logo" class="logo-img">
<h1 class="mb-4">Welcome to SIPKAR</h1>
<p class="description">
Selamat Datang di Sistem Pendukung Keputusan Penerimaan Karyawan PT Intecon Bangun Persada
</p>
<div class="d-flex justify-content-center gap-3">
@if (Route::has('login'))
@auth
<a href="{{ url('/dashboard') }}" class="btn btn-custom btn-login">Dashboard</a>
@else
<a href="{{ route('login') }}" class="btn btn-custom btn-login">Login</a>
@if (Route::has('register.user'))
<a href="{{ route('register.user') }}" class="btn btn-custom btn-register">Register</a>
@endif
@endauth
@endif
</div>
<div class="mt-5">
<p class="text-muted">© {{ date('Y') }} Intecon. All rights reserved.</p>
</div>
</div>
</div>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>