style: update welcome page UI with improved dark mode styling and text formatting
This commit is contained in:
Yoga Pangestu
parent
bb8f41079f
commit
692882e099
@ -41,27 +41,27 @@ class="inline-flex items-center rounded-full bg-primary-50 dark:bg-primary-900/3
|
||||
</div>
|
||||
<h1
|
||||
class="text-4xl sm:text-5xl font-extrabold tracking-tight text-gray-900 dark:text-white leading-tight">
|
||||
Sistem Manajemen <br /> <span
|
||||
class="text-primary-600 dark:text-primary-400">Kelas Sederhana.</span>
|
||||
Sistem Manajemen <br /> <span class="text-primary-600 dark:text-primary-400">Kelas
|
||||
Sederhana.</span>
|
||||
</h1>
|
||||
<p class="text-lg text-gray-600 dark:text-gray-400 leading-relaxed max-w-xl">
|
||||
Kelola jadwal kelas, daftar presensi, pengumpulan tugas, hingga materi belajar dalam satu antarmuka yang cepat dan mudah.
|
||||
Kelola jadwal kelas, daftar presensi, pengumpulan tugas, hingga materi belajar dalam satu
|
||||
antarmuka yang cepat dan mudah.
|
||||
</p>
|
||||
<div class="pt-4 flex items-center gap-4">
|
||||
@auth
|
||||
<a href="{{ url('/admin') }}"
|
||||
class="inline-flex items-center justify-center rounded-lg bg-primary-600 px-8 py-3.5 text-base font-bold text-white shadow-lg shadow-primary-600/30 ring-1 ring-primary-600/50 hover:bg-primary-500 hover:-translate-y-0.5 hover:shadow-primary-600/50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 transition-all duration-300">
|
||||
Buka Dasbor
|
||||
</a>
|
||||
class="inline-flex items-center justify-center rounded-lg bg-primary-600 text-white dark:bg-primary-500 dark:text-white px-8 py-3.5 text-base font-bold shadow-lg shadow-primary-600/30 dark:shadow-primary-500/20 ring-1 ring-primary-600/50 dark:ring-primary-400/40 hover:bg-primary-500 dark:hover:bg-primary-400 hover:-translate-y-0.5 hover:shadow-primary-600/50 dark:hover:shadow-primary-400/40 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 dark:focus-visible:outline-primary-400 transition-all duration-300">
|
||||
Buka Dasbor</a>
|
||||
@else
|
||||
<a href="{{ route('filament.admin.auth.login') }}"
|
||||
class="inline-flex items-center justify-center rounded-lg bg-primary-600 px-8 py-3.5 text-base font-bold text-white shadow-lg shadow-primary-600/30 ring-1 ring-primary-600/50 hover:bg-primary-500 hover:-translate-y-0.5 hover:shadow-primary-600/50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 transition-all duration-300">
|
||||
Masuk ke Aplikasi
|
||||
class="inline-flex items-center justify-center rounded-lg bg-primary-600 text-white dark:bg-primary-500 dark:text-white px-8 py-3.5 text-base font-bold shadow-lg shadow-primary-600/30 dark:shadow-primary-500/20 ring-1 ring-primary-600/50 dark:ring-primary-400/40 hover:bg-primary-500 dark:hover:bg-primary-400 hover:-translate-y-0.5 hover:shadow-primary-600/50 dark:hover:shadow-primary-400/40 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 dark:focus-visible:outline-primary-400 transition-all duration-300">Masuk
|
||||
ke Aplikasi
|
||||
<svg class="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5"
|
||||
d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
|
||||
</svg>
|
||||
</a>
|
||||
d="M14 5l7 7m0 0l-7 7m7-7H3">
|
||||
</path>
|
||||
</svg></a>
|
||||
@endauth
|
||||
</div>
|
||||
</div>
|
||||
@ -79,7 +79,8 @@ class="w-12 h-12 rounded-lg bg-primary-50 dark:bg-primary-500/10 flex items-cent
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-gray-950 dark:text-white mb-2 leading-tight">Manajemen Sesi</h3>
|
||||
<p class="text-sm text-gray-500 dark:text-gray-400">Pemantauan kelas dan penjadwalan terstruktur dan mudah dilihat.</p>
|
||||
<p class="text-sm text-gray-500 dark:text-gray-400">Pemantauan kelas dan penjadwalan terstruktur
|
||||
dan mudah dilihat.</p>
|
||||
</div>
|
||||
<div
|
||||
class="rounded-xl border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900 p-6 shadow-sm hover:shadow-xl hover:border-primary-500/30 dark:hover:border-primary-500/30 transition-all duration-300 hover:-translate-y-1 group cursor-default translate-y-0 sm:translate-y-6">
|
||||
@ -92,7 +93,8 @@ class="w-12 h-12 rounded-lg bg-primary-50 dark:bg-primary-500/10 flex items-cent
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-gray-950 dark:text-white mb-2 leading-tight">Tugas & Materi</h3>
|
||||
<p class="text-sm text-gray-500 dark:text-gray-400">Pengelolaan repositori perkuliahan dan pengumpulan tugas.</p>
|
||||
<p class="text-sm text-gray-500 dark:text-gray-400">Pengelolaan repositori perkuliahan dan
|
||||
pengumpulan tugas.</p>
|
||||
</div>
|
||||
<div
|
||||
class="rounded-xl border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900 p-6 shadow-sm hover:shadow-xl hover:border-primary-500/30 dark:hover:border-primary-500/30 transition-all duration-300 hover:-translate-y-1 group cursor-default">
|
||||
@ -104,7 +106,8 @@ class="w-12 h-12 rounded-lg bg-primary-50 dark:bg-primary-500/10 flex items-cent
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-gray-950 dark:text-white mb-2 leading-tight">Presensi Digital</h3>
|
||||
<p class="text-sm text-gray-500 dark:text-gray-400">Sistem pendataan kehadiran yang praktis, cepat, dan real-time.</p>
|
||||
<p class="text-sm text-gray-500 dark:text-gray-400">Sistem pendataan kehadiran yang praktis,
|
||||
cepat, dan real-time.</p>
|
||||
</div>
|
||||
<div
|
||||
class="rounded-xl border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900 p-6 shadow-sm hover:shadow-xl hover:border-primary-500/30 dark:hover:border-primary-500/30 transition-all duration-300 hover:-translate-y-1 group cursor-default translate-y-0 sm:translate-y-6">
|
||||
@ -112,11 +115,13 @@ class="rounded-xl border border-gray-200 dark:border-gray-800 bg-white dark:bg-g
|
||||
class="w-12 h-12 rounded-lg bg-primary-50 dark:bg-primary-500/10 flex items-center justify-center mb-4 text-primary-600 dark:text-primary-400 group-hover:bg-primary-100 dark:group-hover:bg-primary-500/20 group-hover:scale-110 transition-all duration-300">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
|
||||
d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path>
|
||||
d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-gray-950 dark:text-white mb-2 leading-tight">Grup Belajar</h3>
|
||||
<p class="text-sm text-gray-500 dark:text-gray-400">Ruang kolaborasi, diskusi, dan obrolan untuk saling terhubung.</p>
|
||||
<p class="text-sm text-gray-500 dark:text-gray-400">Ruang kolaborasi, diskusi, dan obrolan untuk
|
||||
saling terhubung.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user