emmanuel.rizky
2991cf0685
This commit removes the chat page feature, including its HTML, JavaScript, and CSS files. The color palette documentation has also been updated. The chat page was deemed unnecessary for the current scope of the project.
119 lines
4.3 KiB
HTML
119 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Formulir Demo Mayagen</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
|
|
</head>
|
|
<body>
|
|
<!-- Floating circles background -->
|
|
<ul class="floating-circles">
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
</ul>
|
|
<div class="form-container" id="form-section">
|
|
<form id="demo-form">
|
|
<h2>Dapatkan Demo Gratis</h2>
|
|
<p>Silakan isi formulir di bawah ini untuk melanjutkan ke halaman demo.</p>
|
|
|
|
<div class="input-group">
|
|
<i class="bi bi-person"></i>
|
|
<input type="text" id="nama" placeholder="Nama Lengkap / Perusahaan" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<i class="bi bi-envelope"></i>
|
|
<input type="email" id="email" placeholder="Alamat Email" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<i class="bi bi-phone"></i>
|
|
<input type="tel" id="nomor-hp" placeholder="Nomor HP" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<i class="bi bi-briefcase"></i>
|
|
<select id="bidang-bisnis" required>
|
|
<option value="" disabled selected>Pilih Bidang Bisnis</option>
|
|
<option value="E-commerce / Toko Online">E-commerce / Toko Online</option>
|
|
<option value="Restoran / F&B">Restoran / F&B</option>
|
|
<option value="Properti / Real Estate">Properti / Real Estate</option>
|
|
<option value="Pendidikan / Kursus Online">Pendidikan / Kursus Online</option>
|
|
<option value="Kesehatan / Klinik">Kesehatan / Klinik</option>
|
|
<option value="Otomotif / Dealer">Otomotif / Dealer</option>
|
|
<option value="Jasa Profesional">Jasa Profesional</option>
|
|
<option value="Sewa Lapangan">Sewa Lapangan</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="input-group" id="other-bisnis-wrapper" style="display: none;">
|
|
<i class="bi bi-pencil"></i>
|
|
<input type="text" id="other-bidang-bisnis" placeholder="Masukkan Bidang Bisnis Anda">
|
|
</div>
|
|
|
|
<button type="submit">Akses Demo</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="chat-container" id="chat-section" style="display: none;">
|
|
<!-- Floating circles background -->
|
|
<ul class="floating-circles">
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
</ul>
|
|
|
|
<!-- Header dengan avatar dan nama pengguna -->
|
|
<header class="chat-header">
|
|
<div class="user-info">
|
|
<div class="avatar">M</div>
|
|
<div class="user-details">
|
|
<h2>Maya</h2>
|
|
<span class="user-role">Virtual Assistant - Demo</span>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Area chat utama -->
|
|
<div class="chat-area">
|
|
</div>
|
|
|
|
<!-- Input area with WhatsApp-like design -->
|
|
<div class="input-area">
|
|
<div class="input-wrapper">
|
|
<input type="text" class="message-input" placeholder="Ketik pesan...">
|
|
<div class="attachment-icons">
|
|
<!-- Hanya ikon kamera yang tersisa -->
|
|
<button class="icon-btn attachment-btn">
|
|
<i class="bi bi-camera"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<button class="send-btn">
|
|
<i class="bi bi-arrow-right-circle"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|