Index Page - Copy this React, Tailwind Component to your project

Atur kata kata ini: Jadi saya ingin membuat website dengan tema Clean Water dari sdg nomor 6 dengan frontend dan backend 1. Frontend (html, css, dan js) 2. Backend (Node.js atau server.js) Pada frontend saya ingin dengan design tailwind dan tambahan css buat dengan design dan animasi masa depan ada index.html disitu yang berisikan informasi mengenai manfaat air bersih dan disitu seperti ada slideshow dan beberapa penjelasan dengan data lalu ada page login dan register serta dashboard Jadi saya ingin menambah backend di login register serta dashboard Ketika register maka akan ditanyai berbagai hal (user, email, password, dan confirm password) ketika sudah register maka informasi regristrasi user akan muncul di file bernama data.js Ketika sudah berhasil login dan register maka tombol login dan register pada index.html akan menjadi gambar lingkaran profile kosong dan ketika di klik maka akan menuju ke dashboard.html Pada dashboard.html terdapat informasi pengguna yang ditulis pada register dan dibawahnya terdapat tulisan request KPAB ketika diklik maka akan masuk ke request.html disistu akan ada pertanyaan (nama, umur, domisili, dan basic salary) ketika klik submit maka request akan masuk ke email jasondariuschandra@gmail.com dengan format User dengan nama request KPAB (Kartu Permintaan Air Bersih) dengan informasi 1. Nama 2. Umur 3. Domisili 4. Basic Sallary Lalu paling bawah email terdapat 2 button yaitu button approve dan decline Ketika klik approve maka pada dashboard.html tulisan request KPAB diubah menjadi informasi KPAB Lalu terlihat kartu digital (bebentuk kartu) dengan informasi didalamnya (Nama, Domisili, Basic Sallary, dan Kode QR) Tapi ketika decline maka pada email pengguna akan terkirim Maaf, permintaan anda ditolak karena tidak memenuhi syarat Buat website ini dengan UiUx masa depan Aku udah buat folder frontend dan backend