Website Pameran Seni Digital

A. Deskripsi

Website ini berfungsi sebagai platform pameran seni digital yang menampilkan karya seni dari berbagai seniman. Situs ini berisi informasi mengenai pameran, daftar seniman, koleksi karya seni, dan jadwal acara.

B. Halaman (Statis)

1. Home – Informasi pameran seni terbaru dan event yang sedang berlangsung.
2. Seniman – Profil para seniman yang ikut serta dalam pameran.
3. Galeri Seni – Koleksi karya seni digital dalam format gambar atau animasi.
4. Jadwal Pameran – Waktu dan lokasi event seni mendatang.
5. Kontak – Informasi penyelenggara dan form komunikasi.

C. Fitur (Interaktivitas JavaScript)

• Slideshow Galeri Seni – Gambar-gambar karya seni akan berganti secara otomatis atau dengan tombol navigasi.
• Hover Animasi pada Karya Seni – Saat pengguna mengarahkan kursor ke gambar, gambar akan diperbesar sedikit dan deskripsi singkat akan muncul.
• Tombol "Lihat Detail" untuk Seniman – Menampilkan lebih banyak informasi tentang seniman dalam modal pop-up.
• Countdown Timer ke Event Berikutnya – Menampilkan hitung mundur hingga pameran dimulai.
• Smooth Scrolling untuk pengalaman navigasi yang lebih halus.

D. Detail Implementasi

1. Home

• Header dengan gambar banner event seni yang sedang berlangsung.
• Carousel yang menampilkan highlight event pameran terbaru.
• Tombol "Jelajahi Pameran" yang mengarahkan ke halaman Galeri Seni.

2. Seniman

• Grid layout berisi daftar seniman dengan foto dan nama.
• Tombol "Lihat Detail" untuk membuka modal pop-up berisi biodata dan karya unggulan seniman tersebut.

3. Galeri Seni (contoh)

• Slideshow otomatis atau manual untuk menampilkan karya seni satu per satu.
• Hover effect: Saat pengguna mengarahkan kursor ke gambar, akan muncul overlay berisi nama karya dan seniman.

4. Jadwal Pameran

• Tabel interaktif berisi informasi tanggal, lokasi, dan jenis pameran.
• Countdown Timer yang menunjukkan sisa waktu sebelum event dimulai.

5. Kontak

• Form kontak sederhana dengan validasi input menggunakan JavaScript.
• Tombol "Kirim" yang akan menampilkan alert sukses (tanpa backend).

E. Syarat yang Harus Dipenuhi

• Minimal memiliki 5 halaman HTML yang saling terhubung.
• Desain harus responsif menggunakan CSS Grid atau Flexbox.
• Navigasi antar halaman harus berfungsi dengan baik.
• Gambar-gambar karya seni harus memiliki deskripsi yang muncul dengan efek hover.
• Minimal 3 fitur JavaScript interaktif harus berjalan dengan baik.