Website Toko Buku Online

A. Deskripsi

Website ini berfungsi sebagai katalog buku online yang menampilkan berbagai jenis buku beserta deskripsi dan harga. Meskipun tanpa fitur pembelian atau penyimpanan data, website ini tetap memberikan pengalaman interaktif dengan fitur pencarian, filter, dan animasi.

B. Halaman (Statis)

1. Home – Menampilkan rekomendasi buku terbaru dan terlaris.
2. Kategori Buku – Daftar buku berdasarkan genre (Fiksi, Non-Fiksi, Komik, dll.).
3. Detail Buku – Halaman spesifik untuk setiap buku, mencakup deskripsi, harga, dan penulis.
4. Testimoni Pembeli – Menampilkan ulasan pembaca dengan tampilan slider.
5. Kontak & Pemesanan – Formulir kontak untuk informasi pemesanan (tanpa backend).

C. Fitur (Interaktivitas JavaScript)

• Carousel Buku Terbaru – Slider otomatis/manual di halaman Home untuk menampilkan rekomendasi buku.
• Hover Animasi pada Katalog Buku – Saat kursor diarahkan ke buku, akan muncul efek highlight dan deskripsi singkat.
• Filter Buku Berdasarkan Genre – Memungkinkan pengguna memilih kategori buku.
• Pencarian Buku – Fitur pencarian menggunakan JavaScript untuk menemukan buku berdasarkan judul atau penulis.
• Testimoni Slider – Slider otomatis untuk menampilkan ulasan pembaca.

D. Detail Implementasi

1. Home

• Header dengan banner promosi buku terbaru.
• Carousel buku terlaris dan rekomendasi.
• Bagian "Kenapa Belanja di Sini?" dengan ikon dan deskripsi.

2. Kategori Buku (contoh)

• Grid layout untuk daftar buku berdasarkan kategori.
• Dropdown atau tombol filter kategori.
• Hover effect untuk memperjelas tampilan buku.

3. Detail Buku

• Halaman detail dengan informasi lengkap tentang buku.
• Tombol "Beli Sekarang" (simulasi tanpa backend).
• Efek transisi untuk pergantian halaman.

4. Testimoni Pembeli

• Slider otomatis/manual untuk menampilkan ulasan pembeli.
• Efek transisi pada testimoni yang berganti.

5. Kontak & Pemesanan

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

E. Syarat yang Harus Dipenuhi

• Minimal memiliki 5 halaman HTML yang saling terhubung.
• Menggunakan CSS Grid atau Flexbox untuk tampilan yang rapi dan responsif.
• Navigasi antar halaman harus jelas dan mudah digunakan.
• Filter dan pencarian buku harus berfungsi dengan baik menggunakan JavaScript.
• Minimal ada 3 fitur interaktif yang berjalan dengan baik (carousel, pencarian, filter, slider testimoni, dll.).