<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CITRUS MORNING - Order Form</title>
<meta http-equiv="refresh" content="0; url=https://forms.gle/CQNuLX2ippm3QoqV9">
<style>
body {
background-color: #fffbe9;
color: #222;
font-family: "Poppins", sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
text-align: center;
}
.container {
max-width: 400px;
background: white;
border-radius: 16px;
padding: 30px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
img {
width: 120px;
margin-bottom: 20px;
}
h1 {
font-size: 20px;
margin-bottom: 10px;
}
p {
font-size: 15px;
color: #555;
margin-bottom: 20px;
}
a {
background-color: #ffb703;
color: white;
text-decoration: none;
padding: 12px 20px;
border-radius: 10px;
font-weight: 600;
}
</style>
<script>
// Detect Instagram/TikTok in-app browser, then force open in external browser
const userAgent = navigator.userAgent || navigator.vendor || window.opera;
if (userAgent.includes("Instagram") || userAgent.includes("FBAN") || userAgent.includes("FBAV") || userAgent.includes("TikTok")) {
window.onload = function() {
const url = "https://forms.gle/CQNuLX2ippm3QoqV9";
alert("Untuk mengisi form, link akan dibuka di browser Anda.");
window.location.href = url;
};
} else {
// Normal redirect
window.location.replace("https://forms.gle/CQNuLX2ippm3QoqV9");
}
</script>
</head>
<body>
<div class="container">
<img src="https://i.imgur.com/d7HBYzW.png" alt="Citrus Morning Logo">
<h1>Redirecting to Citrus Morning Order Form...</h1>
<p>Jika tidak otomatis terbuka, klik tombol di bawah ini:</p>
<a href="https://forms.gle/CQNuLX2ippm3QoqV9" target="_blank">Buka di Browser</a>
</div>
</body>
</html>