030bb7c174
Avoid mixed-content form submissions behind Coolify by rendering internal links and form actions as relative paths.
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'], false) }}" 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>
|