cloudflare
tcp/443 tcp/80 tcp/8443
Open service 2606:4700:20::681a:a35:443 · mikhmon.me
2026-01-09 21:01
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 21:01:49 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Set-Cookie: PHPSESSID=h9nah5s1scu35smab6lc6fu341; path=/
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate
Pragma: no-cache
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=lniwMSfWtBWWuL0U309eRn2YVO3LDBeKKa20meHCzpAa8TwPEG1I7qeq7lBUPUYR68m5RQvlCyWUvVNECZ8TwyCUBKndWbmcXo%2BmnDj7cA3lLjUooQ%3D%3D"}]}
cf-cache-status: DYNAMIC
vary: accept-encoding
Speculation-Rules: "/cdn-cgi/speculation"
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=12,cfOrigin;dur=307
CF-RAY: 9bb6df3fcb98bb35-FRA
Page title: MIKHMON ONLINE Official
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="MIKHMON ONLINE Official - Hotspot Management Solution">
<link rel="icon" href="/assets/img/favicon.png">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<meta property="og:title" content="MIKHMON ONLINE Official">
<meta property="og:description" content="MIKHMON ONLINE Official - Hotspot Management Solution">
<meta property="og:image" content="/assets/img/dashboard.png">
<meta property="og:url" content="https://mikhmon.link">
<meta property="og:type" content="website">
<meta property="og:site_name" content="MIKHMON ONLINE Official">
<title>MIKHMON ONLINE Official</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
html {
scroll-behavior: smooth;
}
.floating-preview {
transition: width 0.3s; /* Optional: smooth transition */
}
</style>
</head>
<body class="bg-gray-50">
<!-- Navigation -->
<nav class="bg-white shadow-sm fixed w-full z-50">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center h-16">
<a href="#" class="flex items-center font-bold text-xl"><img src="/assets/img/favicon_.png" alt="MIKHMON ONLINE Official" class="w-6 h-6 inline-block mr-2">MIKHMON ONLINE Official</a>
<div class="hidden md:flex space-x-8">
<a href="https://status.mikhmon.me" class="text-gray-600 hover:text-blue-600" >Status</a>
<a href="#features" class="text-gray-600 hover:text-blue-600" onclick="scrollToSection('features')">Fitur</a>
<a href="#pricing" class="text-gray-600 hover:text-blue-600" onclick="scrollToSection('pricing')">Harga</a>
</div>
</div>
</div>
</nav>
<!-- Hero Section with App Preview -->
<header class="bg-gradient-to-b from-blue-600 to-blue-800 text-white pt-16">
<div class="container mx-auto px-4 py-12">
<div class="grid md:grid-cols-2 gap-8 items-center">
<div class="text-left">
<h1 class="text-4xl font-bold mb-4">Kelola Hotspot MikroTik Anda dengan mudah</h1>
<p class="text-xl mb-8 text-blue-100">Platform manajemen hotspot dan PPP dengan interface modern, cocok untuk bisnis Anda.</p>
<div class="flex space-x-4">
<a href="#pricing" class="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-blue-50 transition" onclick="scrollToSection('pricing')">Mulai Sekarang</a>
<a href="#features" class="border border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-blue-700 transition" onclick="scrollToSection('features')">Lihat Fitur</a>
</div>
</div>
<div class="relative">
<div class="bg-white p-2 rounded-lg shadow-2xl" onclick="showPreview('/assets/img/dashboard.png')">
<img src="/assets/img/dashboard.png" alt="Dashboard Preview Mikhmon Online" class="w-full rounded">
</div>
<!-- Floating Preview Images -->
<div class="absolute -bottom-6 -left-2 w-48 bg-white p-1 rounded-lg shadow-lg transform -rotate-6 floating-preview" onclick="showPreview('/assets/img/report.png')">
<img src="/assets/img/report.png" alt="Hotspot Users List Preview Mikhmon Online" class="w-full rounded">
</div>
<div class="absolute -top-6 -right-2 w-48 bg-white p-1 rounded-lg shadow-lg transform rotate-6 floating-preview" onclick="showPreview('/assets/img/resu
Open service 104.26.10.53:443 · mikhmon.me
2026-01-09 21:01
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 21:01:49 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Set-Cookie: PHPSESSID=1lhtfm4tc96j4jr6fgajo4r54c; path=/
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate
Pragma: no-cache
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=jpQcPKJ1EX2TnZXX%2BISGRYzVWgH4OawuQ%2FgBwnMN3Enj%2FDWGXd2i0HMsVHnSKSa%2F9PK2rZjrnAV%2BNe%2F%2FdPLgYa3UZ%2BdCeNH4Mw%3D%3D"}]}
cf-cache-status: DYNAMIC
vary: accept-encoding
Speculation-Rules: "/cdn-cgi/speculation"
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=9,cfOrigin;dur=325
CF-RAY: 9bb6df40bd439a07-FRA
Page title: MIKHMON ONLINE Official
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="MIKHMON ONLINE Official - Hotspot Management Solution">
<link rel="icon" href="/assets/img/favicon.png">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<meta property="og:title" content="MIKHMON ONLINE Official">
<meta property="og:description" content="MIKHMON ONLINE Official - Hotspot Management Solution">
<meta property="og:image" content="/assets/img/dashboard.png">
<meta property="og:url" content="https://mikhmon.link">
<meta property="og:type" content="website">
<meta property="og:site_name" content="MIKHMON ONLINE Official">
<title>MIKHMON ONLINE Official</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
html {
scroll-behavior: smooth;
}
.floating-preview {
transition: width 0.3s; /* Optional: smooth transition */
}
</style>
</head>
<body class="bg-gray-50">
<!-- Navigation -->
<nav class="bg-white shadow-sm fixed w-full z-50">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center h-16">
<a href="#" class="flex items-center font-bold text-xl"><img src="/assets/img/favicon_.png" alt="MIKHMON ONLINE Official" class="w-6 h-6 inline-block mr-2">MIKHMON ONLINE Official</a>
<div class="hidden md:flex space-x-8">
<a href="https://status.mikhmon.me" class="text-gray-600 hover:text-blue-600" >Status</a>
<a href="#features" class="text-gray-600 hover:text-blue-600" onclick="scrollToSection('features')">Fitur</a>
<a href="#pricing" class="text-gray-600 hover:text-blue-600" onclick="scrollToSection('pricing')">Harga</a>
</div>
</div>
</div>
</nav>
<!-- Hero Section with App Preview -->
<header class="bg-gradient-to-b from-blue-600 to-blue-800 text-white pt-16">
<div class="container mx-auto px-4 py-12">
<div class="grid md:grid-cols-2 gap-8 items-center">
<div class="text-left">
<h1 class="text-4xl font-bold mb-4">Kelola Hotspot MikroTik Anda dengan mudah</h1>
<p class="text-xl mb-8 text-blue-100">Platform manajemen hotspot dan PPP dengan interface modern, cocok untuk bisnis Anda.</p>
<div class="flex space-x-4">
<a href="#pricing" class="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-blue-50 transition" onclick="scrollToSection('pricing')">Mulai Sekarang</a>
<a href="#features" class="border border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-blue-700 transition" onclick="scrollToSection('features')">Lihat Fitur</a>
</div>
</div>
<div class="relative">
<div class="bg-white p-2 rounded-lg shadow-2xl" onclick="showPreview('/assets/img/dashboard.png')">
<img src="/assets/img/dashboard.png" alt="Dashboard Preview Mikhmon Online" class="w-full rounded">
</div>
<!-- Floating Preview Images -->
<div class="absolute -bottom-6 -left-2 w-48 bg-white p-1 rounded-lg shadow-lg transform -rotate-6 floating-preview" onclick="showPreview('/assets/img/report.png')">
<img src="/assets/img/report.png" alt="Hotspot Users List Preview Mikhmon Online" class="w-full rounded">
</div>
<div class="absolute -top-6 -right-2 w-48 bg-white p-1 rounded-lg shadow-lg transform rotate-6 floating-preview" onclick="showPreview('/assets/img/resu
Open service 104.26.10.53:80 · mikhmon.me
2026-01-09 21:01
HTTP/1.1 301 Moved Permanently
Date: Fri, 09 Jan 2026 21:01:49 GMT
Content-Length: 0
Connection: close
Location: https://mikhmon.me/
Speculation-Rules: "/cdn-cgi/speculation"
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=GKLf1vvJU%2FvV44k8kOTzz8Mvwlqc2EjaUSTFzQogzVL0LlbS6ckhOJ2CyiTt5UzUbU%2FI2unzt5MXC3nIQEJUHWWCp6UhqldVdQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server-Timing: cfEdge;dur=11,cfOrigin;dur=0
Server: cloudflare
CF-RAY: 9bb6df3ebae02560-EWR
Open service 104.26.11.53:8443 · mikhmon.me
2026-01-09 21:01
HTTP/1.1 522 <none> Date: Fri, 09 Jan 2026 21:02:09 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin Server-Timing: cfEdge;dur=19590,cfOrigin;dur=0 X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9bb6df44ef6b7753-LHR error code: 522
Open service 104.26.11.53:443 · mikhmon.me
2026-01-09 21:01
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 21:01:50 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Set-Cookie: PHPSESSID=n4pv389lu0gqbsjsm8efn2lqsi; path=/
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate
Pragma: no-cache
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=kD4ccVQTzdzWca8VXXRNFvxbIGc98JDVUohfipsg6jg8BpQ%2BSjJagVBj18r5%2By5e9dIJ74klgZMsvKfbiSqznhbtagjXpy4%3D"}]}
cf-cache-status: DYNAMIC
vary: accept-encoding
Speculation-Rules: "/cdn-cgi/speculation"
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=9,cfOrigin;dur=501
CF-RAY: 9bb6df41bd400f4f-EWR
Page title: MIKHMON ONLINE Official
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="MIKHMON ONLINE Official - Hotspot Management Solution">
<link rel="icon" href="/assets/img/favicon.png">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<meta property="og:title" content="MIKHMON ONLINE Official">
<meta property="og:description" content="MIKHMON ONLINE Official - Hotspot Management Solution">
<meta property="og:image" content="/assets/img/dashboard.png">
<meta property="og:url" content="https://mikhmon.link">
<meta property="og:type" content="website">
<meta property="og:site_name" content="MIKHMON ONLINE Official">
<title>MIKHMON ONLINE Official</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
html {
scroll-behavior: smooth;
}
.floating-preview {
transition: width 0.3s; /* Optional: smooth transition */
}
</style>
</head>
<body class="bg-gray-50">
<!-- Navigation -->
<nav class="bg-white shadow-sm fixed w-full z-50">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center h-16">
<a href="#" class="flex items-center font-bold text-xl"><img src="/assets/img/favicon_.png" alt="MIKHMON ONLINE Official" class="w-6 h-6 inline-block mr-2">MIKHMON ONLINE Official</a>
<div class="hidden md:flex space-x-8">
<a href="https://status.mikhmon.me" class="text-gray-600 hover:text-blue-600" >Status</a>
<a href="#features" class="text-gray-600 hover:text-blue-600" onclick="scrollToSection('features')">Fitur</a>
<a href="#pricing" class="text-gray-600 hover:text-blue-600" onclick="scrollToSection('pricing')">Harga</a>
</div>
</div>
</div>
</nav>
<!-- Hero Section with App Preview -->
<header class="bg-gradient-to-b from-blue-600 to-blue-800 text-white pt-16">
<div class="container mx-auto px-4 py-12">
<div class="grid md:grid-cols-2 gap-8 items-center">
<div class="text-left">
<h1 class="text-4xl font-bold mb-4">Kelola Hotspot MikroTik Anda dengan mudah</h1>
<p class="text-xl mb-8 text-blue-100">Platform manajemen hotspot dan PPP dengan interface modern, cocok untuk bisnis Anda.</p>
<div class="flex space-x-4">
<a href="#pricing" class="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-blue-50 transition" onclick="scrollToSection('pricing')">Mulai Sekarang</a>
<a href="#features" class="border border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-blue-700 transition" onclick="scrollToSection('features')">Lihat Fitur</a>
</div>
</div>
<div class="relative">
<div class="bg-white p-2 rounded-lg shadow-2xl" onclick="showPreview('/assets/img/dashboard.png')">
<img src="/assets/img/dashboard.png" alt="Dashboard Preview Mikhmon Online" class="w-full rounded">
</div>
<!-- Floating Preview Images -->
<div class="absolute -bottom-6 -left-2 w-48 bg-white p-1 rounded-lg shadow-lg transform -rotate-6 floating-preview" onclick="showPreview('/assets/img/report.png')">
<img src="/assets/img/report.png" alt="Hotspot Users List Preview Mikhmon Online" class="w-full rounded">
</div>
<div class="absolute -top-6 -right-2 w-48 bg-white p-1 rounded-lg shadow-lg transform rotate-6 floating-preview" onclick="showPreview('/assets/img/resu
Open service 2606:4700:20::681a:a35:8443 · mikhmon.me
2026-01-09 21:01
HTTP/1.1 522 <none> Date: Fri, 09 Jan 2026 21:02:09 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin Server-Timing: cfEdge;dur=19655,cfOrigin;dur=0 X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9bb6df4429f141f5-EWR error code: 522
Open service 172.67.74.77:443 · mikhmon.me
2026-01-09 21:01
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 21:01:49 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Set-Cookie: PHPSESSID=649f7toen5oi97r8rcn0skd538; path=/
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate
Pragma: no-cache
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=41drYQlD%2FAv0SEii2wA7hPwJMwOPS54zSWAwJmZb88vfeMKBcfivLbaKXRog5Nz%2Fhn4YpJszpux4X1u6ERw%2BFAEqsCMyUU8%3D"}]}
cf-cache-status: DYNAMIC
vary: accept-encoding
Speculation-Rules: "/cdn-cgi/speculation"
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=10,cfOrigin;dur=239
CF-RAY: 9bb6df40fb9ea1de-YYZ
Page title: MIKHMON ONLINE Official
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="MIKHMON ONLINE Official - Hotspot Management Solution">
<link rel="icon" href="/assets/img/favicon.png">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<meta property="og:title" content="MIKHMON ONLINE Official">
<meta property="og:description" content="MIKHMON ONLINE Official - Hotspot Management Solution">
<meta property="og:image" content="/assets/img/dashboard.png">
<meta property="og:url" content="https://mikhmon.link">
<meta property="og:type" content="website">
<meta property="og:site_name" content="MIKHMON ONLINE Official">
<title>MIKHMON ONLINE Official</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
html {
scroll-behavior: smooth;
}
.floating-preview {
transition: width 0.3s; /* Optional: smooth transition */
}
</style>
</head>
<body class="bg-gray-50">
<!-- Navigation -->
<nav class="bg-white shadow-sm fixed w-full z-50">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center h-16">
<a href="#" class="flex items-center font-bold text-xl"><img src="/assets/img/favicon_.png" alt="MIKHMON ONLINE Official" class="w-6 h-6 inline-block mr-2">MIKHMON ONLINE Official</a>
<div class="hidden md:flex space-x-8">
<a href="https://status.mikhmon.me" class="text-gray-600 hover:text-blue-600" >Status</a>
<a href="#features" class="text-gray-600 hover:text-blue-600" onclick="scrollToSection('features')">Fitur</a>
<a href="#pricing" class="text-gray-600 hover:text-blue-600" onclick="scrollToSection('pricing')">Harga</a>
</div>
</div>
</div>
</nav>
<!-- Hero Section with App Preview -->
<header class="bg-gradient-to-b from-blue-600 to-blue-800 text-white pt-16">
<div class="container mx-auto px-4 py-12">
<div class="grid md:grid-cols-2 gap-8 items-center">
<div class="text-left">
<h1 class="text-4xl font-bold mb-4">Kelola Hotspot MikroTik Anda dengan mudah</h1>
<p class="text-xl mb-8 text-blue-100">Platform manajemen hotspot dan PPP dengan interface modern, cocok untuk bisnis Anda.</p>
<div class="flex space-x-4">
<a href="#pricing" class="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-blue-50 transition" onclick="scrollToSection('pricing')">Mulai Sekarang</a>
<a href="#features" class="border border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-blue-700 transition" onclick="scrollToSection('features')">Lihat Fitur</a>
</div>
</div>
<div class="relative">
<div class="bg-white p-2 rounded-lg shadow-2xl" onclick="showPreview('/assets/img/dashboard.png')">
<img src="/assets/img/dashboard.png" alt="Dashboard Preview Mikhmon Online" class="w-full rounded">
</div>
<!-- Floating Preview Images -->
<div class="absolute -bottom-6 -left-2 w-48 bg-white p-1 rounded-lg shadow-lg transform -rotate-6 floating-preview" onclick="showPreview('/assets/img/report.png')">
<img src="/assets/img/report.png" alt="Hotspot Users List Preview Mikhmon Online" class="w-full rounded">
</div>
<div class="absolute -top-6 -right-2 w-48 bg-white p-1 rounded-lg shadow-lg transform rotate-6 floating-preview" onclick="showPreview('/assets/img/resu
Open service 2606:4700:20::681a:b35:443 · mikhmon.me
2026-01-09 21:01
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 21:01:49 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Set-Cookie: PHPSESSID=k7aokbol6esjbo2d7b8njq1r3f; path=/
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate
Pragma: no-cache
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=LZjB4cpKHf%2FtmPdIWahQvTBEEq73J7RNtyS3l2BbDAHkuyy2GO3tz%2BLIgaSpcoCkNuwgVqF%2Biu6R1n4VaY304bqWq7Zi0n9iiVJQyxm2GSrziUiF9Q%3D%3D"}]}
cf-cache-status: DYNAMIC
vary: accept-encoding
Speculation-Rules: "/cdn-cgi/speculation"
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=6,cfOrigin;dur=316
CF-RAY: 9bb6df3f9861ae5f-FRA
Page title: MIKHMON ONLINE Official
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="MIKHMON ONLINE Official - Hotspot Management Solution">
<link rel="icon" href="/assets/img/favicon.png">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<meta property="og:title" content="MIKHMON ONLINE Official">
<meta property="og:description" content="MIKHMON ONLINE Official - Hotspot Management Solution">
<meta property="og:image" content="/assets/img/dashboard.png">
<meta property="og:url" content="https://mikhmon.link">
<meta property="og:type" content="website">
<meta property="og:site_name" content="MIKHMON ONLINE Official">
<title>MIKHMON ONLINE Official</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
html {
scroll-behavior: smooth;
}
.floating-preview {
transition: width 0.3s; /* Optional: smooth transition */
}
</style>
</head>
<body class="bg-gray-50">
<!-- Navigation -->
<nav class="bg-white shadow-sm fixed w-full z-50">
<div class="container mx-auto px-4">
<div class="flex justify-between items-center h-16">
<a href="#" class="flex items-center font-bold text-xl"><img src="/assets/img/favicon_.png" alt="MIKHMON ONLINE Official" class="w-6 h-6 inline-block mr-2">MIKHMON ONLINE Official</a>
<div class="hidden md:flex space-x-8">
<a href="https://status.mikhmon.me" class="text-gray-600 hover:text-blue-600" >Status</a>
<a href="#features" class="text-gray-600 hover:text-blue-600" onclick="scrollToSection('features')">Fitur</a>
<a href="#pricing" class="text-gray-600 hover:text-blue-600" onclick="scrollToSection('pricing')">Harga</a>
</div>
</div>
</div>
</nav>
<!-- Hero Section with App Preview -->
<header class="bg-gradient-to-b from-blue-600 to-blue-800 text-white pt-16">
<div class="container mx-auto px-4 py-12">
<div class="grid md:grid-cols-2 gap-8 items-center">
<div class="text-left">
<h1 class="text-4xl font-bold mb-4">Kelola Hotspot MikroTik Anda dengan mudah</h1>
<p class="text-xl mb-8 text-blue-100">Platform manajemen hotspot dan PPP dengan interface modern, cocok untuk bisnis Anda.</p>
<div class="flex space-x-4">
<a href="#pricing" class="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-blue-50 transition" onclick="scrollToSection('pricing')">Mulai Sekarang</a>
<a href="#features" class="border border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-blue-700 transition" onclick="scrollToSection('features')">Lihat Fitur</a>
</div>
</div>
<div class="relative">
<div class="bg-white p-2 rounded-lg shadow-2xl" onclick="showPreview('/assets/img/dashboard.png')">
<img src="/assets/img/dashboard.png" alt="Dashboard Preview Mikhmon Online" class="w-full rounded">
</div>
<!-- Floating Preview Images -->
<div class="absolute -bottom-6 -left-2 w-48 bg-white p-1 rounded-lg shadow-lg transform -rotate-6 floating-preview" onclick="showPreview('/assets/img/report.png')">
<img src="/assets/img/report.png" alt="Hotspot Users List Preview Mikhmon Online" class="w-full rounded">
</div>
<div class="absolute -top-6 -right-2 w-48 bg-white p-1 rounded-lg shadow-lg transform rotate-6 floating-preview" onclick="showPreview('/assets/img/resu