diff --git a/public/assets/images/dashboard.png b/public/assets/images/dashboard.png index d016f59..83447c5 100644 Binary files a/public/assets/images/dashboard.png and b/public/assets/images/dashboard.png differ diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php index 1f69502..78f6576 100644 --- a/resources/views/index.blade.php +++ b/resources/views/index.blade.php @@ -7,8 +7,8 @@

Gas Rumah Kaca Daerah

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.

-
Lihat Rencana Aksi 
-
Akses Dashboard Terbaru
+
Lihat Rencana Aksi 
+
Akses Dashboard Terbaru
@@ -25,30 +25,30 @@

Energi

-

We're a UK-based Laravel agency. We'll get your project moving so you can focus on what matters most. You'll have peac.

+

Meliputi emisi dari pembakaran bahan bakar fosil di sektor Transportasi, Pembangkit Listrik, Industri, Komersial, dan Rumah Tangga.

Industrial Processes and Product Use

-

As the largest on-shore Laravel development company in the United States, Active Logic is headquartered in.

+

Emisi yang dilepaskan dari proses kimia dan fisik dalam industri manufaktur, bukan dari pembakaran bahan bakar itu sendiri.

Pertanian & Lahan

-

We're the Laravel agency you couldn't afford locally. But we're based in Georgia, the country. So, you can.

+

Meliputi emisi dan serapan (penghilangan) GRK dari kegiatan pertanian, kehutanan, peternakan, dan perubahan tata guna lahan.

Limbah

-

We're the experts in all things Laravel. If you need an app built or rescued, or you need your team built or leveled up, we'v

+

Emisi Metana yang dihasilkan dari penguraian sampah padat di TPA dan gas dari pengelolaan air limbah domestik serta industri.

-
Lihat Rencana Aksi 
+
Lihat Rencana Aksi 
@@ -60,10 +60,10 @@
-
Investasi Sektor
-
Tren Tahun ke Tahun
-
RAD GRK Interaktif
-
Peta Geografis Aksi
+
Inventarisasi Sektor
+
Tren Tahun ke Tahun
+
RAD GRK Interaktif
+
Peta Geografis Aksi
@@ -87,9 +87,9 @@
-
+
01  /  05
-
+
@@ -104,8 +104,8 @@ menjawab pertanyaan umum dari publik dan pemangku kepentingan mengenai data emisi dan upaya mitigasi daerah

- Akses Materi Edukasi - Hubungi Kami + Akses Materi Edukasi + Hubungi Kami
@@ -201,7 +201,7 @@ kondisi emisi serta efektifitas program mitigasi.

-
Lihat Selengkapnya
+
Lihat Selengkapnya
@@ -215,7 +215,7 @@

Data yang akurat memudahkan perencanaan mitigasi dan adaptasi berbasis kebutuhan nyata.

-
+
@@ -229,7 +229,7 @@

Pelaporan inventarisasi GRK lebih konsisten dan dapat dibandingan antar-tahun.

-
+
@@ -243,7 +243,7 @@

Transparansi pelaporan membantu evaluasi dan memastikan efektivitas program iklim daerah.

-
+
diff --git a/resources/views/layouts/front.blade.php b/resources/views/layouts/front.blade.php index 1872a74..15e4387 100644 --- a/resources/views/layouts/front.blade.php +++ b/resources/views/layouts/front.blade.php @@ -38,58 +38,96 @@ transform: translateY(0); } - /* Button hover animations */ - .btn-hover { + /* Modern Minimalist Button Hover Animations */ + .btn-minimal { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; - overflow: hidden; } - .btn-hover:hover { + .btn-minimal:hover { transform: translateY(-2px); - box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); } - .btn-hover:active { - transform: translateY(0); - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); + .btn-minimal:active { + transform: translateY(-1px); + transition-duration: 0.1s; } - /* Primary button (blue background) hover effect */ - .btn-hover.btn-primary:hover { + /* Primary button (blue background) */ + .btn-minimal.btn-primary { + background-color: #2084FF; + } + + .btn-minimal.btn-primary:hover { background-color: #1a6fd9; - transform: translateY(-3px); - box-shadow: 0 12px 30px rgba(32, 132, 255, 0.4); + transform: scale(1.05); } - /* Secondary button (border only) hover effect */ - .btn-hover.btn-secondary:hover { - background-color: #f8fafc; + /* Secondary button (border only) */ + .btn-minimal.btn-secondary { + border: 1px solid currentColor; + background-color: transparent; + } + + .btn-minimal.btn-secondary:hover { + background-color: #2084FF; + color: white; + border-color: #2084FF; + transform: scale(1.02); + } + + /* Outline button */ + .btn-minimal.btn-outline:hover { + background-color: rgba(32, 132, 255, 0.1); border-color: #2084FF; color: #2084FF; - transform: translateY(-2px); - box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); + transform: translateX(4px); } - /* Icon button hover effects */ - .btn-hover.btn-icon:hover { - transform: scale(1.1); - box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); + /* Icon button */ + .btn-minimal.btn-icon:hover { + transform: rotate(5deg) scale(1.1); } - /* Tab button hover effects */ - .btn-hover.btn-tab:hover { - background-color: rgba(255, 255, 255, 0.9); - color: #2084FF; - transform: translateY(-1px); - box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3); + /* Tab button */ + .btn-minimal.btn-tab { + display: block; + width: 100%; + color: white; + text-decoration: none; + background-color: transparent; + border-color: white; + font-weight: 500; + } + + .btn-minimal.btn-tab:hover { + background-color: white !important; + color: #2084FF !important; + border-color: white; + transform: scale(1.02); + } + + /* Link button */ + .btn-minimal.btn-link:hover { + transform: translateX(8px); + } + + .btn-minimal.btn-link::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + width: 0; + height: 1px; + background-color: currentColor; + transition: width 0.3s ease; + } + + .btn-minimal.btn-link:hover::after { + width: 100%; } /* FAQ Static Styles */ - .faq-item { - /* Static display - no animations */ - } - .faq-content { /* Always visible */ display: block;