<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CitrusMorning Order Form 🍊</title>
<style>
body {
font-family: 'Arial', sans-serif;
text-align: center;
background-color: #fffdf8;
color: #333;
padding: 40px;
}
img {
max-width: 120px;
margin-bottom: 20px;
}
h2 {
font-size: 22px;
margin-bottom: 16px;
}
p {
font-size: 16px;
margin-bottom: 20px;
}
a {
display: inline-block;
padding: 12px 20px;
background-color: #25D366;
color: #fff;
text-decoration: none;
border-radius: 8px;
font-weight: bold;
font-size: 18px;
}
</style>
<script>
window.onload = function () {
const formURL = "https://forms.gle/CQNuLX2ippm3QoqV9"; // ← Ganti ke form kamu
const userAgent = navigator.userAgent || navigator.vendor || window.opera;
// Deteksi jika dibuka dari aplikasi seperti Instagram, TikTok, Facebook, dll
const isInAppBrowser =
userAgent.includes("Instagram") ||
userAgent.includes("FBAN") ||
userAgent.includes("FBAV") ||
userAgent.includes("Line") ||
userAgent.includes("WhatsApp") ||
userAgent.includes("Messenger") ||
userAgent.includes("TikTok");
if (isInAppBrowser) {
// Tampilkan alert, lalu paksa buka form di browser eksternal
alert("Untuk mengisi form ini, akan dibuka di browser (Chrome/Safari).");
window.location.href = formURL;
} else {
// Kalau bukan dari dalam aplikasi, langsung buka aja
window.location.href = formURL;
}
};
</script>
</head>
<body>
<img src="https://i.ibb.co/g9jRv9J/logo-citrusmorning.png" alt="CitrusMorning Logo" />
<h2>Opening CitrusMorning Order Form 🍊</h2>
<p>Jika form tidak terbuka otomatis, klik tombol di bawah:</p>
<a href="https://forms.gle/CQNuLX2ippm3QoqV9">Buka Form Order</a>
</body>
</html>