15 lines
1.4 KiB
PHP
15 lines
1.4 KiB
PHP
<!-- hero section -->
|
|
<section class="relative min-h-[calc(100vh-120px)] flex items-center justify-center fade-in">
|
|
<div class="absolute inset-0 bg-cover bg-center bg-no-repeat" style="background-image: url('{{ asset('assets/images/bg-front.png') }}');"></div>
|
|
<div class="absolute inset-0"></div>
|
|
<div class="relative z-10">
|
|
<div class="flex flex-col items-center text-center mx-auto gap-1 w-[80%] md:w-[80%] lg:w-[60%]">
|
|
<h1 class="mb-0 font-semibold text-[42px] md:text-[52px] lg:text-[72px] leading-[110%] tracking-[-0.03em]">Sistem Informasi</h1>
|
|
<h1 class="mb-0 font-semibold text-[42px] md:text-[52px] lg:text-[72px] leading-[110%] tracking-[-0.03em]">Gas Rumah Kaca Daerah</h1>
|
|
<p class="mb-0 text-[#878C91] md:w-[70%] pt-12">Platform terintegrasi untuk memantau, melaporkan, dan mengevaluasi status emisi GRK serta kemajuan Rencana Aksi Mitigasi di wilayah Jakarta. Akses data inventarisasi terbaru dan peran serta publik.</p>
|
|
<div class="flex flex-col md:flex-row gap-10 md:gap-3 mt-20">
|
|
<div><a href="{{ route('rencana-aksi') }}" class="btn-minimal btn-primary rounded-full px-10 py-4 text-white">Lihat Rencana Aksi <i class="bx bx-right-arrow-alt"></i></a></div>
|
|
<div><a href="{{ url('login') }}" class="btn-minimal btn-secondary rounded-full px-10 py-4">Akses Dashboard Terbaru</a></div>
|
|
</div>
|
|
</div>
|
|
</section> |