dab8ea396b
Point Docker and Coolify compose to the Laravel rebuild app so mahasiswa, dosen, and admin flows are served from the new Laravel public entrypoint.
44 lines
3.0 KiB
PHP
44 lines
3.0 KiB
PHP
<x-layouts.app :title="$title">
|
|
<main>
|
|
<section class="relative z-10 overflow-hidden rounded-b-[50px] pb-15 pt-34">
|
|
<div class="absolute bottom-0 left-0 h-full w-full rounded-b-[50px] bg-[#F9FAFB]"></div>
|
|
<div class="mx-auto relative z-10 max-w-[1170px] px-4 sm:px-8 xl:px-0">
|
|
<div class="grid gap-6 lg:grid-cols-[minmax(0,1.3fr)_minmax(320px,0.7fr)] lg:items-start">
|
|
<article class="rounded-xl bg-white p-7 shadow-[0_8px_12px_rgba(13,10,44,0.04)] sm:p-9">
|
|
<span class="inline-flex rounded-full bg-[#625DF5]/[0.08] px-3 py-1 text-sm font-medium text-[#625DF5]">{{ $intro['eyebrow'] }}</span>
|
|
<h1 class="mt-5 max-w-[820px] text-[28px] font-bold leading-[38px] text-[#15171A] sm:text-[38px] sm:leading-[48px]">{{ $intro['heading'] }}</h1>
|
|
<p class="mt-5 max-w-[820px] text-sm leading-8 text-[#4B5563] sm:text-base">{{ $intro['description'] }}</p>
|
|
|
|
<div class="mt-8 grid gap-4">
|
|
@foreach ($intro['details'] as $detail)
|
|
<div class="rounded-xl border border-[#E5E7EB] bg-[#F9FAFB] px-5 py-4 text-sm leading-7 text-[#374151]">
|
|
{{ $detail }}
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</article>
|
|
|
|
<aside class="rounded-xl bg-white p-6 shadow-[0_8px_12px_rgba(13,10,44,0.04)] sm:p-7">
|
|
<p class="text-xs font-semibold uppercase tracking-[0.18em] text-[#979797]">Akses Akun</p>
|
|
<h2 class="mt-3 text-[24px] font-semibold leading-[32px] text-[#15171A]">Pilih peran pengguna</h2>
|
|
<p class="mt-3 text-sm leading-7 text-[#5C6A78]">Gunakan akun yang sudah aktif pada SPOTA. Saat ini rebuild berfokus pada alur mahasiswa dan dosen.</p>
|
|
|
|
<div class="mt-6 space-y-4">
|
|
@foreach ($roles as $role)
|
|
<a href="{{ route('legacy.login', $role['slug']) }}" class="block rounded-xl border border-[#E5E7EB] bg-[#F9FAFB] px-5 py-4 transition hover:border-[#15171A] hover:bg-white">
|
|
<p class="text-base font-semibold text-[#15171A]">{{ $role['name'] }}</p>
|
|
<p class="mt-2 text-sm leading-7 text-[#5C6A78]">{{ $role['summary'] }}</p>
|
|
</a>
|
|
@endforeach
|
|
</div>
|
|
|
|
<div class="mt-6 rounded-xl border border-[#E5E7EB] bg-white px-5 py-4 text-sm leading-7 text-[#4B5563]">
|
|
Jika belum yakin masuk sebagai siapa, mulai dari peran yang memang digunakan sehari-hari pada proses tugas akhir di SPOTA.
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</x-layouts.app>
|