From 692882e099132ecfbbd61173d01dfcb1ccbabd5e Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Tue, 31 Mar 2026 08:24:56 +0700
Subject: [PATCH] style: update welcome page UI with improved dark mode styling
 and text formatting

---
 resources/views/welcome.blade.php | 37 ++++++++++++++++++-------------
 1 file changed, 21 insertions(+), 16 deletions(-)

diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index 2796193..1c24cf6 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -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>