Deskripsi
Website portfolio modern dengan website yang terintegrasi AI untuk automasi WhatsApp inbound, chatbot cerdas, ekstraksi data chat, dan sistem notifikasi multi-divisi.
Highlights
- AI WhatsApp Extraction
- Smart Group Routing
- Product Catalog Integration
- AI Database Chat
- CKEditor Rich Text
- AI Recommendation Master Project
Detail Project
LOGIN KE WEB INI GUNAKAN CREDENTIAL BERIKUT :
- Email : hrd@abnatour.com
- Password : bismillah123
🎯 Smart Portfolio Website with AI Integration
Website portfolio profesional yang dilengkapi dengan sistem automasi WhatsApp berbasis AI. Sistem ini mampu menerima pesan dari pelanggan, mengekstrak informasi penting secara otomatis, dan mengirim notifikasi ke grup WhatsApp yang sesuai berdasarkan divisi.
🚀 Fitur Utama
1. AI WhatsApp Message Extraction
Sistem menggunakan Groq AI (Llama 3.3-70b) untuk mengekstrak informasi dari pesan pelanggan:
- Nama Pelanggan - Diambil otomatis dari pesan
- Kebutuhan - Rangkuman apa yang dibutuhkan pelanggan
- Budget - Jika disebutkan dalam pesan
- Divisi Tujuan - SALES / FINANCE / CS (otomatis dikategorikan)
- Tingkat Urgensi - HIGH / LOW
- Ringkasan AI - Ringkasan 1-2 kalimat dari pesan
2. Smart Group Routing
Notifikasi dikirim ke grup WhatsApp yang tepat berdasarkan kategori pesan:
| Divisi | Kriteria Pesan | Format Notifikasi |
|---|---|---|
| SALES | Tanya harga, mau beli, cari produk, rekomendasi, stock | 🛒 dengan emoji produk dan info prospek |
| FINANCE | Pembayaran, cicilan, invoice, transfer, DP, pelunasan | 💰 dengan emoji uang dan info pembayaran |
| CS | Komplain, rusak, service, garansi, pertanyaan umum | 🎧 dengan emoji support dan status urgensi |
3. Product Catalog & AI Recommendations
Sistem chatbot AI yang hanya merekomendasikan produk dari database katalog. Mencakup:
- 28 produk dalam 8 kategori (Laptop, PC Desktop, Printer, dll)
- AI tidak akan mengarang produk yang tidak ada
- Informasi harga dan stok real-time dari database
4. AI Database Chat Assistant
Fitur untuk berkomunikasi dengan database menggunakan bahasa natural:
- Query database dengan bahasa Indonesia
- Auto-generate visualisasi (Donut Chart, Bar Chart)
- Export ke Excel dan PNG
5. Master Projects (Featured Portfolio)
Menampilkan 3 proyek unggulan di halaman utama dengan tampilan premium.
6. Rich Text Editor (CKEditor)
Detail project menggunakan CKEditor untuk formatting yang kaya termasuk tabel, list, dan kode.
🔗 Cara Mencoba Fitur AI WhatsApp
Untuk melihat bagaimana sistem notifikasi bekerja, Anda bisa bergabung ke grup-grup berikut:
📱 Join WhatsApp Groups
- 💰 Finance Group:
https://chat.whatsapp.com/E28fYcEYFyt6kerYXao2Tu - 🎧 CS Group:
https://chat.whatsapp.com/Hy0C3xsfjfZAbb8h4OTrr0 - 🛒 Sales Group:
https://chat.whatsapp.com/K0vSHBf5b4MG2jcIVqggqU
📝 Langkah Testing:
- Join salah satu atau semua grup di atas
- Kirim pesan ke nomor 085194588097 via WhatsApp
- AI Chat Bot akan membalas sesuai dengan database
- Contoh pesan untuk SALES: "Halo, saya Budi mau tanya laptop gaming budget 15 juta"
- Contoh pesan untuk FINANCE: "Min, saya mau bayar cicilan laptop bulan ini"
- Contoh pesan untuk CS: "Laptop saya error, minta bantuan dong"
- AI Chat Bot akan mengirimkan notifikasi ke divisi terkait
- Lihat notifikasi yang masuk ke grup sesuai kategori
🛠️ Teknologi yang Digunakan
| Komponen | Teknologi |
|---|---|
| Backend Framework | Laravel 12 |
| AI Provider | Groq API (Llama 3.3-70b-versatile) |
| WhatsApp API | Whapi.cloud |
| Database | MySQL |
| Frontend | Tailwind CSS + Blade |
| Rich Text Editor | CKEditor 5 |