<!DOCTYPE html><html lang="en" data-beasties-container><head><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<meta charset="utf-8">
<title>Melon Gaming - Your Ultimate Destination for Game Development with the Best Game Engine</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta name="author" content="Melon Gaming">
<meta name="description" content="Fresh game company, focusing on MelonJS and Facebook Instant Games, with superb support in Asian.">
<meta name="keywords" content="gaming company, melonjs, melongaming, melon gaming, game company, game creator, game developer, game development">
<meta property="og:title" content="Melongaming.com - Your Ultimate Destination for Game Development with the Best Game Engine">
<meta property="og:description" content="Fresh game company, focusing on MelonJS and Facebook Instant Games, with superb support in Asian.">
<meta property="og:url" content="https://melongaming.com">
<meta property="og:site_name" content="Melon Gaming">
<!-- <meta property="og:image" content="@ImageUrl"> -->
<link rel="canonical" href="https://melongaming.com/en">
<meta name="google-site-verification" content="dfJdEWhgIW0cL-YiEyZM9KRIB1p1BdZ3H633pM0FqBI">
<link rel="icon" type="image/x-icon" href="img/favicon/favicon.ico">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css">
<style>@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;}@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;}@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}</style>
<link rel="icon" type="image/png" href="img/favicon/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/svg+xml" href="img/favicon/favicon.svg">
<link rel="shortcut icon" href="img/favicon/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
<link rel="manifest" href="img/favicon/site.webmanifest">
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js"></script>
<!-- Umami Tracking -->
<script defer src="https://cloud.umami.is/script.js" data-website-id="2d4ce4c7-8964-40ea-b06b-6ab6425d8526"></script>
<style>*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Poppins,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button{text-transform:none}button{-webkit-appearance:button;background-color:transparent;background-image:none}h1,h2,h3,h4,p{margin:0}ul{list-style:none;margin:0;padding:0}button{cursor:pointer}img,svg,video,iframe{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width: 1280px){.container{max-width:1280px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-\[-2rem\]{bottom:-2rem}.bottom-\[1rem\]{bottom:1rem}.bottom-\[25\%\]{bottom:25%}.left-0{left:0}.left-\[-75\%\]{left:-75%}.right-0{right:0}.right-2{right:.5rem}.right-\[1rem\]{right:1rem}.right-\[2\%\]{right:2%}.top-0{top:0}.top-2{top:.5rem}.top-\[-7\.5\%\]{top:-7.5%}.top-\[52\%\]{top:52%}.top-\[55\%\]{top:55%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[0\]{z-index:0}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[999\]{z-index:999}.order-1{order:1}.order-2{order:2}.mx-\[3\%\]{margin-left:3%;margin-right:3%}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mb-0{margin-bottom:0}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ms-auto{margin-inline-start:auto}.mt-0\.5{margin-top:.125rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-56{margin-top:14rem}.mt-6{margin-top:1.5rem}.box-border{box-sizing:border-box}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[16\/5\]{aspect-ratio:16/5}.aspect-video{aspect-ratio:16 / 9}.h-10{height:2.5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[100svh\]{height:100svh}.h-full{height:100%}.h-screen{height:100vh}.max-h-5{max-height:1.25rem}.min-h-5{min-height:1.25rem}.min-h-\[100svh\]{min-height:100svh}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[100px\]{width:100px}.w-\[50\%\]{width:50%}.w-\[80\%\]{width:80%}.w-\[90px\]{width:90px}.w-full{width:100%}.min-w-5{min-width:1.25rem}.max-w-3xl{max-width:48rem}.max-w-5{max-width:1.25rem}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skew-x-\[-20deg\]{--tw-skew-x: -20deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[calc\(theme\(borderRadius\.2xl\)-2px\)\]{border-radius:calc(1rem - 2px)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[3px\]{border-width:3px}.border-t{border-top-width:1px}.border-\[\#69F9E4\]{--tw-border-opacity: 1;border-color:rgb(105 249 228 / var(--tw-border-opacity, 1))}.border-blue-400\/80{border-color:#60a5facc}.border-main{--tw-border-opacity: 1;border-color:rgb(104 174 66 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/20{border-color:#fff3}.border-white\/40{border-color:#fff6}.bg-\[\#000000\]{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-\[\#10224f\]{--tw-bg-opacity: 1;background-color:rgb(16 34 79 / var(--tw-bg-opacity, 1))}.bg-\[\#215878\]{--tw-bg-opacity: 1;background-color:rgb(33 88 120 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-main{--tw-bg-opacity: 1;background-color:rgb(104 174 66 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(123 199 0 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-opacity-40{--tw-bg-opacity: .4}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-tl{background-image:linear-gradient(to top left,var(--tw-gradient-stops))}.from-\[\#062e75\]{--tw-gradient-from: #062e75 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 46 117 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#092a6d\]{--tw-gradient-from: #092a6d var(--tw-gradient-from-position);--tw-gradient-to: rgb(9 42 109 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-main{--tw-gradient-from: #68ae42 var(--tw-gradient-from-position);--tw-gradient-to: rgb(104 174 66 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/20{--tw-gradient-from: rgb(255 255 255 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-10\%{--tw-gradient-from-position: 10%}.from-20\%{--tw-gradient-from-position: 20%}.from-30\%{--tw-gradient-from-position: 30%}.from-60\%{--tw-gradient-from-position: 60%}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/20{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#008AFE\]\/50{--tw-gradient-to: rgb(0 138 254 / .5) var(--tw-gradient-to-position)}.to-\[\#008AFE\]\/70{--tw-gradient-to: rgb(0 138 254 / .7) var(--tw-gradient-to-position)}.to-\[\#062e75\]{--tw-gradient-to: #062e75 var(--tw-gradient-to-position)}.to-\[\#0a286a\]{--tw-gradient-to: #0a286a var(--tw-gradient-to-position)}.to-main-grad{--tw-gradient-to: #59b147 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-white\/20{--tw-gradient-to: rgb(255 255 255 / .2) var(--tw-gradient-to-position)}.bg-clip-text{background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-top{object-position:top}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-\[2px\]{padding:2px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[6\%\]{padding-left:6%;padding-right:6%}.px-\[8\%\]{padding-left:8%;padding-right:8%}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-10{padding-bottom:2.5rem}.pb-20{padding-bottom:5rem}.pb-6{padding-bottom:1.5rem}.pt-16{padding-top:4rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[42px\]{font-size:42px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-\[1\.1\]{line-height:1.1}.text-\[\#69F9E4\]{--tw-text-opacity: 1;color:rgb(105 249 228 / var(--tw-text-opacity, 1))}.text-dark{--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-main{--tw-text-opacity: 1;color:rgb(104 174 66 / var(--tw-text-opacity, 1))}.text-melon-second{--tw-text-opacity: 1;color:rgb(254 189 16 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/60{color:#fff9}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-80{opacity:.8}.opacity-95{opacity:.95}.mix-blend-screen{mix-blend-mode:screen}.shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.2\)\,_0_10px_30px_rgba\(255\,255\,255\,0\.1\)\]{--tw-shadow: inset 0 0 0 1px rgba(255,255,255,.2), 0 10px 30px rgba(255,255,255,.1);--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color), 0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}html{scroll-behavior:smooth}#footer-section{background-repeat:no-repeat;background-size:cover;background-image:url("./media/TembokBawah-7SDOUVYR.webp")}@media (max-width: 768px){#footer-section{background-position:center;background-image:url("./media/TembokBawahMobile-3L6UJ5MF.webp")}}body{font-family:Poppins,sans-serif;background-color:#f5f5f5}.nav-link:hover{color:#7bc700;border-bottom:2px solid #7BC700}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-\[2px\]:hover{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.025\]:hover{--tw-scale-x: 1.025;--tw-scale-y: 1.025;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:text-main:hover{--tw-text-opacity: 1;color:rgb(104 174 66 / var(--tw-text-opacity, 1))}.hover\:text-white\/60:hover{color:#fff9}.hover\:shadow-\[inset_0_0_0_1px_rgba\(0\,255\,0\,0\.3\)\,_0_0px_20px_rgba\(0\,255\,0\,0\.5\)\]:hover{--tw-shadow: inset 0 0 0 1px rgba(0,255,0,.3), 0 0px 20px rgba(0,255,0,.5);--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color), 0 0px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@keyframes shine{0%{left:-75%}to{left:130%}}.group:hover .group-hover\:animate-shine{animation:shine 1.2s ease-out forwards}.group:hover .group-hover\:opacity-10{opacity:.1}.group:hover .group-hover\:opacity-40{opacity:.4}@media (min-width: 768px){.md\:left-\[5rem\]{left:5rem}.md\:mb-0{margin-bottom:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:aspect-auto{aspect-ratio:auto}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-\[120px\]{width:120px}.md\:w-\[180px\]{width:180px}.md\:w-max{width:max-content}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[\.7fr_1fr\]{grid-template-columns:.7fr 1fr}.md\:grid-cols-\[1fr_\.55fr\]{grid-template-columns:1fr .55fr}.md\:flex-row{flex-direction:row}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.md\:px-0{padding-left:0;padding-right:0}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:pt-20{padding-top:5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-\[40px\]{font-size:40px}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width: 1024px){.lg\:bottom-0{bottom:0}.lg\:bottom-\[-5rem\]{bottom:-5rem}.lg\:left-\[6\%\]{left:6%}.lg\:top-\[30\%\]{top:30%}.lg\:top-\[42\%\]{top:42%}.lg\:top-\[52\%\]{top:52%}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:mb-2{margin-bottom:.5rem}.lg\:mt-0{margin-top:0}.lg\:block{display:block}.lg\:grid{display:grid}.lg\:w-\[80\%\]{width:80%}.lg\:w-full{width:100%}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:text-left{text-align:left}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-\[60px\]{font-size:60px}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:opacity-100{opacity:1}}
</style><link rel="stylesheet" href="styles-IGBK3SFG.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-IGBK3SFG.css"></noscript><style ng-app-id="ng">canvas[_ngcontent-ng-c1830218232]{display:block;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.slider[_ngcontent-ng-c1830218232]::-webkit-slider-thumb{appearance:none;height:16px;width:16px;border-radius:50%;background:#ef4444;cursor:pointer;box-shadow:0 2px 6px #0000004d}.slider[_ngcontent-ng-c1830218232]::-moz-range-thumb{height:16px;width:16px;border-radius:50%;background:#ef4444;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}</style><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"></head>
<body class="bg-gray-50 text-gray-800"><!--nghm--><script type="text/javascript" id="ng-event-dispatch-contract">(()=>{function p(t,n,r,o,e,i,f,m){return{eventType:t,event:n,targetElement:r,eic:o,timeStamp:e,eia:i,eirp:f,eiack:m}}function u(t){let n=[],r=e=>{n.push(e)};return{c:t,q:n,et:[],etc:[],d:r,h:e=>{r(p(e.type,e,e.target,t,Date.now()))}}}function s(t,n,r){for(let o=0;o<n.length;o++){let e=n[o];(r?t.etc:t.et).push(e),t.c.addEventListener(e,t.h,r)}}function c(t,n,r,o,e=window){let i=u(t);e._ejsas||(e._ejsas={}),e._ejsas[n]=i,s(i,r),s(i,o,!0)}window.__jsaction_bootstrap=c;})();
</script><script>window.__jsaction_bootstrap(document.body,"ng",["click"],[]);</script>
<!-- Facebook Pixel Code -->
<script>
!function (f, b, e, v, n, t, s) {
if (f.fbq) return; n = f.fbq = function () {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
n.queue = []; t = b.createElement(e); t.async = !0;
t.src = v; s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '282207105935799');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=282207105935799&ev=PageView&noscript=1">
</noscript>
<!-- End Facebook Pixel Code -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KQBKT8G" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- Hidden H1 (SEO) -->
<h1 class="hidden">Melongaming home page. Official MelonJS focused company.</h1>
<app-root ng-version="19.2.14" ngh="3" ng-server-context="ssr"><app-navbar ngh="0"><header class="bg-transparent backdrop-blur-xl shadow-md fixed w-full top-0 z-50"><div class="container mx-auto py-3 px-[6%] md:px-0 box-border"><div class="flex justify-between items-center"><div class="flex items-center gap-3"><a href="/en" jsaction="click:;"><img src="/img/index/Logo.webp" alt class="w-[90px] md:w-[120px]"></a></div><nav class="hidden md:flex space-x-8"><a class="nav-link text-white/60 py-2 font-medium" href="/en" jsaction="click:;">Home</a><a class="nav-link text-white/60 py-2 font-medium" href="/en/services" jsaction="click:;">Services</a><a class="nav-link text-white/60 py-2 font-medium" href="/en/games" jsaction="click:;">Games</a><a class="nav-link text-white/60 py-2 font-medium" href="/en/about-us" jsaction="click:;">About Us</a><a class="nav-link text-white/60 py-2 font-medium" href="/en/news" jsaction="click:;">News</a><a class="nav-link text-white/60 py-2 font-medium" href="/en/contact" jsaction="click:;">Contact</a><a href="http://forum.melongaming.com/" target="_blank" class="text-white/60 nav-link py-2 font-medium" jsaction="click:;">Forum</a><a href="https://editor.melongaming.com" target="_blank" class="font-medium py-2 px-6 bg-main rounded-full text-white/80" jsaction="click:;">Try Editor For Free <i class="uil uil-arrow-right"></i></a></nav><div class="md:hidden flex items-center space-x-4"><button id="mobile-menu-button" class="md:hidden" jsaction="click:;click:;"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24" class="w-6 h-6 text-white"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg></button></div></div><div id="mobile-menu" class="fixed inset-0 bg-black bg-opacity-40 z-50 h-screen hidden" jsaction="click:;"><div id="mobile-menu-box" class="w-full absolute top-0 right-0 h-full bg-transparent shadow-lg p-6 flex flex-col space-y-4 transform translate-x-full transition-transform duration-300 ease-in-out"><div class="absolute top-0 right-0 w-1/2 h-[100svh] bg-white shadow-lg p-6 flex flex-col space-y-4"><button id="close-mobile-menu" class="self-end mb-4" jsaction="click:;"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24" class="w-6 h-6 text-dark"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg></button><a class="font-medium text-dark" href="/en" jsaction="click:;">Home</a><a class="font-medium text-dark" href="/en/services" jsaction="click:;">Services</a><a class="font-medium text-dark" href="/en/games" jsaction="click:;">Games</a><a class="font-medium text-dark" href="/en/about-us" jsaction="click:;">About Us</a><a class="font-medium text-dark" href="/en/news" jsaction="click:;">News</a><a class="font-medium text-dark" href="/en/contact" jsaction="click:;">Contact</a><a target="_blank" href="http://forum.melongaming.com/" class="font-medium text-dark" jsaction="click:;">Forum</a><a target="_blank" href="https://editor.melongaming.com" class="text-main font-medium py-2 rounded-full transition duration-300" jsaction="click:;">Try Editor For Free <i class="uil uil-arrow-right"></i></a></div></div></div></div></header></app-navbar><div class="overflow-x-hidden"><router-outlet></router-outlet><app-home _nghost-ng-c1830218232 ngh="2"><section _ngcontent-ng-c1830218232 id="hero" class="min-h-[100svh] bg-gradient-to-b from-[#062e75] from-60% to-[#062e75] relative"><div _ngcontent-ng-c1830218232 class="relative z-20 container min-h-screen flex items-center justify-center"><div _ngcontent-ng-c1830218232 class="flex flex-col lg:grid md:grid-cols-[.7fr_1fr] items-center px-[6%] md:px-0 md:gap-6"><div _ngcontent-ng-c1830218232 class="mt-56 lg:mt-0 text-center lg:order-1 order-2 mb-6 md:mb-0 lg:text-left flex flex-col md:gap-4"><div _ngcontent-ng-c1830218232 class="flex flex-col items-start text-[42px] lg:text-[60px] font-bold leading-[1.1]"><span _ngcontent-ng-c1830218232 class="text-3xl lg:text-4xl text-white bg-gradient-to-b from-main to-main-grad bg-clip-text text-transparent">Your <span _ngcontent-ng-c1830218232 class="text-melon-second">Web-Based</span> Gateway to Game Development.</span></div><p _ngcontent-ng-c1830218232 class="text-white text-lg lg:text-xl mt-2">Melon Editor is a powerful no-code game editor that makes game development fast, fun, and accessible to everyone.</p><div _ngcontent-ng-c1830218232 class="flex flex-col md:flex-row items-center gap-3 md:gap-4 justify-start mt-6 text-lg"><a _ngcontent-ng-c1830218232 href="https://editor.melongaming.com" target="_blank" class="box-border w-[80%] mx-auto lg:w-full text-center md:w-max border-2 border-main bg-main shadow-md text-white rounded-lg px-8 py-3" jsaction="click:;">Try Melon Editor</a><a _ngcontent-ng-c1830218232 class="box-border w-[80%] mx-auto lg:w-full text-center md:w-max hover:bg-white duration-300 hover:text-main bg-transparent shadow-md border-2 border-white text-white rounded-lg px-8 py-3" href="/en/games" jsaction="click:;">Play Games <i _ngcontent-ng-c1830218232 class="uil uil-arrow-right"></i></a></div></div><div _ngcontent-ng-c1830218232 class="mt-20 lg:mt-0 order-1 lg:order-2 relative w-full flex justify-end"><div _ngcontent-ng-c1830218232 class="backdrop-blur-md aspect-video bg-gradient-to-br from-transparent to-white/20 border border-white/20 rounded-xl shadow-lg p-3 w-full lg:w-[80%]"><video _ngcontent-ng-c1830218232 controls loop playsinline preload="none" poster="/img/index/Editor.png" class="w-full h-full rounded-lg object-cover cursor-pointer"><source _ngcontent-ng-c1830218232 src="https://cdn.melongaming.com/assets/melongaming.com/video/Editor.mp4" type="video/mp4"></video></div></div></div></div><div _ngcontent-ng-c1830218232 class="overflow-hidden"><picture _ngcontent-ng-c1830218232><source _ngcontent-ng-c1830218232 srcset="/img/paralax/LangitMobile.png" media="(max-width: 768px)"><img _ngcontent-ng-c1830218232 src="/img/paralax/Langit.png" alt class="object-cover absolute top-0 left-0 z-[0] transition-transform duration-100 ease-out will-change-transform"></picture><picture _ngcontent-ng-c1830218232><img _ngcontent-ng-c1830218232 src="/animations/Bintang.gif" alt class="absolute top-0 left-0 z-[1] object-cover"></picture><picture _ngcontent-ng-c1830218232><source _ngcontent-ng-c1830218232 srcset="/img/paralax/BackMobile.png" media="(max-width: 768px)"><img _ngcontent-ng-c1830218232 src="/img/paralax/Back.png" alt class="object-cover absolute top-0 left-0 z-[1] transition-transform duration-100 ease-out will-change-transform"></picture><picture _ngcontent-ng-c1830218232><source _ngcontent-ng-c1830218232 srcset="/img/paralax/FrontMobile.png" media="(max-width: 768px)"><img _ngcontent-ng-c1830218232 src="/img/paralax/Front.png" alt class="object-cover absolute top-0 left-0 z-[2] transition-transform duration-100 ease-out will-change-transform"></picture><picture _ngcontent-ng-c1830218232><source _ngcontent-ng-c1830218232 srcset="/img/paralax/TembokMobile.png" media="(max-width: 768px)"><img _ngcontent-ng-c1830218232 src="/img/paralax/Tembok.png" alt class="object-cover absolute top-0 left-0 z-[3] transition-transform duration-100 ease-out will-change-transform"></picture><!----><!----></div></section><section _ngcontent-ng-c1830218232 id="second-town" class="relative bg-gradient-to-t from-[#062e75] from-10% to-[#062e75] overflow-hidden"><div _ngcontent-ng-c1830218232 class="overflow-hidden"><img _ngcontent-ng-c1830218232 loading="lazy" src="/img/paralax/Langit.png" alt class="hidden lg:block object-cover absolute top-[52%] left-0 z-[0] transition-transform duration-100 ease-out will-change-transform"><picture _ngcontent-ng-c1830218232><img _ngcontent-ng-c1830218232 src="/animations/Bintang.gif" loading="lazy" alt class="absolute top-[55%] lg:top-[30%] left-0 z-[1] object-cover"></picture><picture _ngcontent-ng-c1830218232><source _ngcontent-ng-c1830218232 srcset="/img/paralax/BackMobile.png" media="(max-width: 768px)"><img _ngcontent-ng-c1830218232 src="/img/paralax/Back.png" loading="lazy" alt class="object-cover absolute bottom-[25%] lg:top-[52%] opacity-80 left-0 z-[1] transition-transform duration-100 ease-out will-change-transform"></picture><picture _ngcontent-ng-c1830218232><source _ngcontent-ng-c1830218232 srcset="/img/paralax/FrontMobile.png" media="(max-width: 768px)"><img _ngcontent-ng-c1830218232 src="/img/paralax/Front.png" loading="lazy" alt class="object-cover absolute bottom-[25%] lg:top-[42%] left-0 z-[2] transition-transform duration-100 ease-out will-change-transform"></picture></div><section _ngcontent-ng-c1830218232 class="relative z-20 py-20 pb-10 min-h-screen px-[8%] md:px-0 box-border"><div _ngcontent-ng-c1830218232 class="relative z-20 text-center mb-16"><h2 _ngcontent-ng-c1830218232 class="text-3xl md:text-4xl font-bold text-melon-second mb-4">Create Games Your Way</h2><p _ngcontent-ng-c1830218232 class="text-white text-lg max-w-3xl mx-auto">Our powerful yet simple game creation platform gives you everything you need to bring your ideas to life.</p></div><div _ngcontent-ng-c1830218232 class="relative z-20 container grid md:grid-cols-3 gap-6"><div _ngcontent-ng-c1830218232 class="mix-blend-screen hover:-translate-y-1 duration-300 bg-gradient-to-tl p-5 from-transparent from-30% to-[#008AFE]/50 rounded-2xl border-[3px] border-[#69F9E4]"><img _ngcontent-ng-c1830218232 loading="lazy" src="/img/components/Code.png" width="60" alt><h3 _ngcontent-ng-c1830218232 class="text-[#69F9E4] text-xl font-bold my-3">No Coding Required</h3><p _ngcontent-ng-c1830218232 class="text-white/90">Create professional games without writing a single line of code. Our visual editor makes game development accessible to everyone.</p></div><div _ngcontent-ng-c1830218232 class="mix-blend-screen hover:-translate-y-1 duration-300 bg-gradient-to-tl p-5 from-transparent from-30% to-[#008AFE]/50 rounded-2xl border-[3px] border-[#69F9E4]"><img _ngcontent-ng-c1830218232 loading="lazy" src="/img/components/Drag.png" width="60" alt><h3 _ngcontent-ng-c1830218232 class="text-[#69F9E4] text-xl font-bold my-3">Drag & Drop Editor</h3><p _ngcontent-ng-c1830218232 class="text-white/90">Simply drag and drop elements to build your game world. Design levels, create characters, and add interactive elements with ease.</p></div><div _ngcontent-ng-c1830218232 class="mix-blend-screen hover:-translate-y-1 duration-300 bg-gradient-to-tl p-5 from-transparent from-30% to-[#008AFE]/50 rounded-2xl border-[3px] border-[#69F9E4]"><img _ngcontent-ng-c1830218232 loading="lazy" src="/img/components/Cloud.png" width="60" alt><h3 _ngcontent-ng-c1830218232 class="text-[#69F9E4] text-xl font-bold my-3">Cloud-Based Platform</h3><p _ngcontent-ng-c1830218232 class="text-white/90">Create games from anywhere, on any device. Your projects are automatically saved to the cloud and accessible whenever you need them.</p></div><div _ngcontent-ng-c1830218232 class="mix-blend-screen hover:-translate-y-1 duration-300 bg-gradient-to-tl p-5 from-transparent from-30% to-[#008AFE]/50 rounded-2xl border-[3px] border-[#69F9E4]"><img _ngcontent-ng-c1830218232 loading="lazy" src="/img/components/Publish.png" width="60" alt><h3 _ngcontent-ng-c1830218232 class="text-[#69F9E4] text-xl font-bold my-3">Publish Anywhere</h3><p _ngcontent-ng-c1830218232 class="text-white/90">Publish your games to web, mobile, and desktop platforms with a single click. Reach players wherever they are.</p></div><div _ngcontent-ng-c1830218232 class="mix-blend-screen hover:-translate-y-1 duration-300 bg-gradient-to-tl p-5 from-transparent from-30% to-[#008AFE]/50 rounded-2xl border-[3px] border-[#69F9E4]"><img _ngcontent-ng-c1830218232 loading="lazy" src="/img/components/Colab.png" width="60" alt><h3 _ngcontent-ng-c1830218232 class="text-[#69F9E4] text-xl font-bold my-3">Collaborative Creation</h3><p _ngcontent-ng-c1830218232 class="text-white/90">Work together with friends or team members in real-time. Share projects, collaborate on designs, and build games together.</p></div><div _ngcontent-ng-c1830218232 class="mix-blend-screen hover:-translate-y-1 duration-300 bg-gradient-to-tl p-5 from-transparent from-30% to-[#008AFE]/50 rounded-2xl border-[3px] border-[#69F9E4]"><img _ngcontent-ng-c1830218232 loading="lazy" src="/img/components/Analytics.png" width="60" alt><h3 _ngcontent-ng-c1830218232 class="text-[#69F9E4] text-xl font-bold my-3">Lightweight & Fast</h3><p _ngcontent-ng-c1830218232 class="text-white/90">Built to run smoothly even on low-end devices.</p></div></div></section><section _ngcontent-ng-c1830218232 class="relative z-20 mx-[3%] py-10 md:py-20"><div _ngcontent-ng-c1830218232 class="relative z-20 w-full aspect-[16/5] md:aspect-auto"><picture _ngcontent-ng-c1830218232><source _ngcontent-ng-c1830218232 srcset="/img/components/Banner1Mobile.png" media="(max-width: 768px)"><img _ngcontent-ng-c1830218232 src="/img/components/Banner1.png" loading="lazy" alt class="w-full object-cover"></picture><div _ngcontent-ng-c1830218232 class="absolute inset-0 flex flex-col items-center justify-center text-center px-[6%] gap-4"><p _ngcontent-ng-c1830218232 class="text-sm md:text-2xl text-white"> Unlock advanced features, and more creative control. Go beyond the basics and take your game development to the next level. </p><a _ngcontent-ng-c1830218232 target="_blank" href="https://editor.melongaming.com/membership" class="hidden md:block bg-orange-500 md:text-base text-sm hover:scale-[1.025] text-white px-6 py-2.5 mt-3 rounded-full font-medium duration-300" jsaction="click:;"> SUBSCRIBE NOW </a></div></div><div _ngcontent-ng-c1830218232 class="md:hidden mt-6 flex justify-center"><a _ngcontent-ng-c1830218232 target="_blank" href="https://editor.melongaming.com/membership" class="bg-orange-500 md:text-base text-sm hover:scale-[1.025] text-white px-6 py-2.5 mt-3 rounded-full font-medium duration-300" jsaction="click:;"> SUBSCRIBE NOW </a></div></section><section _ngcontent-ng-c1830218232 class="relative z-20 lg:py-20 py-10 md:pt-20"><div _ngcontent-ng-c1830218232 class="relative z-20 container mx-auto px-4 overflow-hidden box-border"><div _ngcontent-ng-c1830218232 class="text-center mb-16"><h2 _ngcontent-ng-c1830218232 class="text-3xl md:text-[40px] font-bold text-melon-second mb-5">How It Works</h2><p _ngcontent-ng-c1830218232 class="text-white text-lg max-w-3xl mx-auto">Got a game idea? Bring it to life, Just follow a few simple steps!.</p></div><div _ngcontent-ng-c1830218232 class="flex flex-col md:flex-row items-center justify-center space-y-12 md:space-y-0"><div _ngcontent-ng-c1830218232 class="md:w-1/3 px-6 text-center flex items-center justify-center flex-col"><img _ngcontent-ng-c1830218232 loading="lazy" src="/img/components/Number1.png" width="100" alt class="mb-4"><h3 _ngcontent-ng-c1830218232 class="text-xl font-bold mb-3 text-[#69F9E4]">Sign Up</h3><p _ngcontent-ng-c1830218232 class="text-white">Create your free account and access the Melon Editor platform. No credit card required to get started.</p></div><div _ngcontent-ng-c1830218232 class="md:w-1/3 px-6 text-center flex items-center justify-center flex-col"><img _ngcontent-ng-c1830218232 loading="lazy" src="/img/components/Number2.png" width="100" alt class="mb-4"><h3 _ngcontent-ng-c1830218232 class="text-xl font-bold mb-3 text-[#69F9E4]">Create Your Game</h3><p _ngcontent-ng-c1830218232 class="text-white">Use our intuitive drag-and-drop editor to design levels, add characters, and create game logic.</p></div><div _ngcontent-ng-c1830218232 class="md:w-1/3 px-6 text-center flex items-center justify-center flex-col"><img _ngcontent-ng-c1830218232 loading="lazy" src="/img/components/Number3.png" width="100" alt class="mb-4"><h3 _ngcontent-ng-c1830218232 class="text-xl font-bold mb-3 text-[#69F9E4]">Publish & Share</h3><p _ngcontent-ng-c1830218232 class="text-white">Publish your game to web, mobile, or even Steam or Epic Store, and share it with players around the world.</p></div></div><div _ngcontent-ng-c1830218232 class="pb-20 mt-16 text-center"><a _ngcontent-ng-c1830218232 target="_blank" href="https://editor.melongaming.com" class="group relative inline-block px-6 py-3 rounded-xl border border-blue-400/80 bg-gradient-to-br from-transparent via-white/20 to-transparent backdrop-blur-sm shadow-[inset_0_0_0_1px_rgba(255,255,255,0.2),_0_10px_30px_rgba(255,255,255,0.1)] transition-all duration-300 ease-out hover:shadow-[inset_0_0_0_1px_rgba(0,255,0,0.3),_0_0px_20px_rgba(0,255,0,0.5)] hover:scale-[1.02] text-white font-semibold overflow-hidden" jsaction="click:;"><span _ngcontent-ng-c1830218232 class="relative z-10">Try Melon Editor</span><span _ngcontent-ng-c1830218232 class="absolute inset-0 z-0 rounded-xl bg-gradient-to-br from-white/20 via-transparent to-transparent opacity-30 group-hover:opacity-40 transition duration-300"></span><span _ngcontent-ng-c1830218232 class="absolute top-0 left-[-75%] w-[50%] h-full bg-white/20 opacity-0 transform skew-x-[-20deg] group-hover:opacity-10 group-hover:animate-shine rounded-xl"></span></a></div></div><div _ngcontent-ng-c1830218232 class="relative"><img _ngcontent-ng-c1830218232 src="/animations/RobotUfo.gif" loading="lazy" alt class="w-[100px] md:w-[180px] absolute z-30 bottom-[-2rem] lg:bottom-[-5rem] right-[2%] lg:left-[6%] md:left-[5rem]"></div></section></section><section _ngcontent-ng-c1830218232 id="thrid-town" class="relative bg-gradient-to-b from-[#062e75] to-[#0a286a] overflow-hidden"><section _ngcontent-ng-c1830218232 class="mx-[3%]"><div _ngcontent-ng-c1830218232 class="relative z-20 w-full"><picture _ngcontent-ng-c1830218232><source _ngcontent-ng-c1830218232 srcset="/img/components/BannerBawahMobile.png" media="(max-width: 768px)"><img _ngcontent-ng-c1830218232 src="/img/components/Banner1.png" loading="lazy" alt class="w-full object-cover"></picture><div _ngcontent-ng-c1830218232 class="absolute inset-0 grid grid-cols-2 gap-8 items-center"><div _ngcontent-ng-c1830218232 class="text-center opacity-95 lg:opacity-100"><div _ngcontent-ng-c1830218232 class="text-3xl md:text-5xl text-white font-bold mb-0 lg:mb-2">10K+</div><p _ngcontent-ng-c1830218232 class="text-white text-sm lg:text-base">Creators</p></div><div _ngcontent-ng-c1830218232 class="text-center opacity-95 lg:opacity-100"><div _ngcontent-ng-c1830218232 class="text-3xl md:text-5xl text-white font-bold mb-0 lg:mb-2">2K+</div><p _ngcontent-ng-c1830218232 class="text-white text-sm lg:text-base">Games Created</p></div></div></div></section><section _ngcontent-ng-c1830218232 class="py-20"><div _ngcontent-ng-c1830218232 class="relative container z-20 mx-auto px-4 box-border"><div _ngcontent-ng-c1830218232 class="text-center mb-16"><h2 _ngcontent-ng-c1830218232 class="text-3xl md:text-4xl font-bold text-melon-second mb-4">Featured Games</h2><p _ngcontent-ng-c1830218232 class="text-white text-lg max-w-3xl mx-auto">Featured games built by our Team — all made with Melon Editor.</p></div><div _ngcontent-ng-c1830218232 class="grid md:grid-cols-[1fr_.55fr] gap-4 items-center backdrop-blur-md bg-gradient-to-br from-transparent to-white/20 border border-white/20 rounded-xl shadow-lg p-4"><div _ngcontent-ng-c1830218232 class="p-[2px] w-full h-full rounded-2xl bg-white/20 shadow-md"><video _ngcontent-ng-c1830218232 controls preload="none" poster="/img/index/Card.png" class="w-full h-full object-contain bg-black aspect-video rounded-[calc(theme(borderRadius.2xl)-2px)]"><source _ngcontent-ng-c1830218232 src="https://cdn.melongaming.com/assets/melongaming.com/img/games/heinz.webm" type="video/mp4"> Your browser does not support the video tag. </video></div><div _ngcontent-ng-c1830218232 class="flex flex-col gap-4"><app-game-card _ngcontent-ng-c1830218232 title="Heinz: Honor and Revenge" genre="Actions" creatorname="Melon Gaming Team" playurl="https://store.steampowered.com/app/3159740/Heinz_Honor_and_Revenge/" description="Heinz Honor & Revenge is a beat 'em up game that offers an action-packed experience with a deep story and challenging puzzles. Players will take on the role of Heinz, a secret agent fighting for his country against various threats from ruthless criminal syndicates. Heinz is a secret agent with a reputation as a reliable 'troubleshooter' in handling the most dangerous and difficult missions. From rescuing important individuals, protecting VIPs, and capturing terrorists. However, when the world's most dangerous criminal syndicate, known as Cataclysm Corp, destroys his life and threatens his country's safety, he is pushed to the limit. On his journey, he will uncover a vast conspiracy that threatens global security." thumbnailurl="/img/index/Card.png" ngh="1"><div class="border-2 border-white/20 rounded-xl overflow-hidden shadow-md"><div class="relative"><div class="aspect-video flex items-center justify-center overflow-hidden"><div class="w-full h-full"><img class="w-full h-full object-cover object-top" alt="Heinz: Honor and Revenge" src="/img/index/Card.png"></div><!----></div><div class="absolute top-2 right-2 bg-primary text-white text-xs font-bold px-2 py-1 rounded">Actions</div></div><div class="p-6 mix-blend-screen bg-gradient-to-br from-[#092a6d] from-20% to-[#008AFE]/70"><h3 class="text-xl text-white font-bold mb-2">Heinz: Honor and Revenge</h3><p class="text-white/80 mb-4 line-clamp-3">Heinz Honor & Revenge is a beat 'em up game that offers an action-packed experience with a deep story and challenging puzzles. Players will take on the role of Heinz, a secret agent fighting for his country against various threats from ruthless criminal syndicates. Heinz is a secret agent with a reputation as a reliable 'troubleshooter' in handling the most dangerous and difficult missions. From rescuing important individuals, protecting VIPs, and capturing terrorists. However, when the world's most dangerous criminal syndicate, known as Cataclysm Corp, destroys his life and threatens his country's safety, he is pushed to the limit. On his journey, he will uncover a vast conspiracy that threatens global security.</p><div class="flex flex-col justify-between"><a target="_blank" href="https://store.epicgames.com/en-US/p/heinz-bfc3c8" class="mt-2 py-2.5 font-medium text-sm flex items-center gap-3 bg-[#000000] rounded-lg w-full text-white justify-center" data-umami-event="Game Card | Epic Clicked"><img src="/img/partners/epic-white-logo.webp" alt width="22"> Buy on Epic Games Store </a><a target="_blank" href="https://store.steampowered.com/app/3159740/Heinz_Honor_and_Revenge/" class="mt-2 py-2.5 font-medium text-sm flex items-center gap-3 bg-[#10224f] rounded-lg w-full text-white justify-center" data-umami-event="Game Card | Steam Clicked"><img src="/img/partners/steam-white-logo.webp" alt width="20"> Buy on Steam </a></div></div></div></app-game-card></div></div><div _ngcontent-ng-c1830218232 class="text-center mt-12"><a _ngcontent-ng-c1830218232 class="group relative inline-block px-6 py-3 rounded-xl border border-blue-400/80 bg-gradient-to-br from-transparent via-white/20 to-transparent backdrop-blur-sm shadow-[inset_0_0_0_1px_rgba(255,255,255,0.2),_0_10px_30px_rgba(255,255,255,0.1)] transition-all duration-300 ease-out hover:shadow-[inset_0_0_0_1px_rgba(0,255,0,0.3),_0_0px_20px_rgba(0,255,0,0.5)] hover:scale-[1.02] text-white font-semibold overflow-hidden" href="/en/games" jsaction="click:;"><span _ngcontent-ng-c1830218232 class="relative z-10">Browse All Games</span><span _ngcontent-ng-c1830218232 class="absolute inset-0 z-0 rounded-xl bg-gradient-to-br from-white/20 via-transparent to-transparent opacity-30 group-hover:opacity-40 transition duration-300"></span><span _ngcontent-ng-c1830218232 class="absolute top-0 left-[-75%] w-[50%] h-full bg-white/20 opacity-0 transform skew-x-[-20deg] group-hover:opacity-10 group-hover:animate-shine rounded-xl"></span></a></div></div></section><app-footer _ngcontent-ng-c1830218232 ngh="0"><footer id="footer-section" class="relative z-20 text-white pt-16 pb-6"><div class="container mx-auto px-4 inset-0 flex flex-col justify-center items-center box-border"><div class="grid md:grid-cols-2 gap-12"><div class="flex flex-col md:flex-row items-start gap-8"><div><div class="flex items-center space-x-2 mb-4"><h3 class="text-xl font-bold">Melon Gaming</h3></div><p class="text-white mb-4">Your premier destination for gaming news, tournaments, and community.</p><div class="flex gap-2"><a target="_blank" rel="noopener noreferer" href="https://www.facebook.com/melongamingofficial/" class="text-white hover:-translate-y-[2px] duration-300" data-umami-event="Footer | Facebook Clicked"><img src="/img/index/fb.webp" width="35" alt></a><a target="_blank" rel="noopener noreferer" href="https://www.instagram.com/melongaming.official/" class="text-white hover:-translate-y-[2px] duration-300" data-umami-event="Footer | Instagram Clicked"><img src="/img/index/ig.webp" width="35" alt></a><a target="_blank" rel="noopener noreferer" href="https://www.youtube.com/@melongamingofficial8363" class="text-white hover:-translate-y-[2px] duration-300" data-umami-event="Footer | Youtube Clicked"><img src="/img/index/yt.webp" width="35" alt></a><a target="_blank" rel="noopener noreferer" href="https://www.linkedin.com/company/melon-gaming-limited/" class="text-white hover:-translate-y-[2px] duration-300" data-umami-event="Footer | Linkedin Clicked"><img src="/img/index/linkedin.webp" width="35" alt></a><a target="_blank" rel="noopener noreferer" href="https://www.tiktok.com/@melon_gaming_official" class="text-white hover:-translate-y-[2px] duration-300" data-umami-event="Footer | Tiktok Clicked"><img src="/img/index/tiktok.webp" width="35" alt></a><a target="_blank" rel="noopener noreferer" href="https://discord.com/invite/6nBenVMCJG" class="text-white hover:-translate-y-[2px] duration-300" data-umami-event="Footer | Discord Clicked"><img src="/img/index/dc.webp" width="35" alt></a></div></div><div class="hidden lg:block w-full md:w-1/2"><h4 class="text-lg font-semibold mb-4">Quick Links</h4><ul class="space-y-3"><li><a class="text-white hover:text-white/60" data-umami-event="Footer | Home Clicked" href="/en" jsaction="click:;">Home</a></li><li><a class="text-white hover:text-white/60" data-umami-event="Footer | Games Clicked" href="/en/games" jsaction="click:;">All Games</a></li><li><a class="text-white hover:text-white/60" data-umami-event="Footer | Service Clicked" href="/en/services" jsaction="click:;">Our Services</a></li><li><a class="text-white hover:text-white/60" data-umami-event="Footer | About Clicked" href="/en/about-us" jsaction="click:;">About Melon Gaming</a></li><li><a class="text-white hover:text-white/60" data-umami-event="Footer | News Clicked" href="/en/news" jsaction="click:;">News Archive</a></li><li><a class="text-white hover:text-white/60" data-umami-event="Footer | Contact Clicked" href="/en/contact" jsaction="click:;">Contact Us</a></li></ul></div></div><div class="ms-auto"><h4 class="text-lg font-semibold mb-4">Contact Us</h4><ul class="space-y-2"><li class="flex items-start space-x-3"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24" class="w-5 h-5 min-w-5 min-h-5 max-w-5 max-h-5 text-white mt-0.5"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg><span class="text-white">Jl. Boulevard Timur No.88, RT.5/RW.2, Klp. Gading Tim.<br>Kec. Klp. Gading, Kota Jkt Utara, Daerah Khusus Ibukota Jakarta 14240</span></li><li class="flex items-start space-x-3"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24" class="w-5 h-5 min-w-5 min-h-5 max-w-5 max-h-5 text-white mt-0.5"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg><span class="text-white"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="23505653534c5157634e464f4c4d44424e4a4d440d404c4e">[email protected]</a></span></li></ul></div></div><div class="border-t border-white/40 pt-6 mt-6 w-full"><div class="flex flex-col md:flex-row justify-between items-center"><p class="text-white text-sm mb-4 md:mb-0">© 2025 Melon Gaming. All rights reserved.</p><div class="flex space-x-6"><a href="#" class="text-white hover:text-white/60 text-sm" data-umami-event="Footer | TOS Clicked">Terms of Service</a></div></div></div></div></footer></app-footer><div _ngcontent-ng-c1830218232 class="overflow-hidden"><img _ngcontent-ng-c1830218232 src="/animations/Bintang2.gif" loading="lazy" alt class="absolute top-[-7.5%] left-0 z-[1] object-cover"><picture _ngcontent-ng-c1830218232><source _ngcontent-ng-c1830218232 srcset="/img/paralax/BackMobile.png" media="(max-width: 768px)"><img _ngcontent-ng-c1830218232 src="/img/paralax/Back.png" loading="lazy" alt class="object-cover absolute bottom-[25%] lg:bottom-0 left-0 z-[1] transition-transform duration-100 ease-out will-change-transform"></picture><picture _ngcontent-ng-c1830218232><source _ngcontent-ng-c1830218232 srcset="/img/paralax/FrontMobile.png" media="(max-width: 768px)"><img _ngcontent-ng-c1830218232 src="/img/paralax/Front.png" loading="lazy" alt class="object-cover absolute bottom-[25%] lg:bottom-0 left-0 z-[2] transition-transform duration-100 ease-out will-change-transform"></picture></div></section></app-home><!----></div><div class="hidden md:block fixed bottom-[1rem] right-[1rem] z-[999]"><div class="p-2 py-4 rounded-full flex items-center justify-center flex-col gap-2 text-white"><a target="_blank" rel="noopener noreferer" href="https://www.tiktok.com/@melon_gaming_official" class="hover:-translate-y-[2px] duration-200 bg-[#215878] w-10 h-10 flex items-center justify-center rounded-full" jsaction="click:;"><img width="15" src="/img/index/tt2.webp" alt></a><a target="_blank" rel="noopener noreferer" href="https://www.youtube.com/@melongamingofficial8363" class="hover:-translate-y-[2px] duration-200 bg-[#215878] w-10 h-10 flex items-center justify-center rounded-full" jsaction="click:;"><img width="17" src="/img/index/yt2.webp" alt></a><a target="_blank" rel="noopener noreferer" href="https://discord.com/invite/6nBenVMCJG" class="hover:-translate-y-[2px] duration-200 bg-[#215878] w-10 h-10 flex items-center justify-center rounded-full" jsaction="click:;"><img width="17" src="/img/index/dc2.webp" alt></a><a target="_blank" rel="noopener noreferer" href="https://www.linkedin.com/company/melon-gaming-limited/" class="hover:-translate-y-[2px] duration-200 bg-[#215878] w-10 h-10 flex items-center justify-center rounded-full" jsaction="click:;"><img width="15" src="/img/index/linkedin2.webp" alt></a><a target="_blank" rel="noopener noreferer" href="https://www.facebook.com/melongamingofficial/" class="hover:-translate-y-[2px] duration-200 bg-[#215878] w-10 h-10 flex items-center justify-center rounded-full" jsaction="click:;"><img width="10" src="/img/index/fb2.webp" alt></a><a target="_blank" rel="noopener noreferer" href="https://www.instagram.com/melongaming.official/" class="hover:-translate-y-[2px] duration-200 bg-[#215878] w-10 h-10 flex items-center justify-center rounded-full" jsaction="click:;"><img width="15" src="/img/index/ig2.webp" alt></a></div></div></app-root>
<link rel="modulepreload" href="chunk-M74EL6EI.js"><link rel="modulepreload" href="chunk-4JNLUYMR.js"><link rel="modulepreload" href="chunk-RQROOMEL.js"><link rel="modulepreload" href="chunk-2IGXSIB7.js"><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="polyfills-B6TNHZQ6.js" type="module"></script><script src="main-BY6G6PFM.js" type="module"></script>
<link rel="modulepreload" href="chunk-FGHTJDJF.js">
<link rel="modulepreload" href="chunk-6JEUWG2Q.js">
<link rel="modulepreload" href="chunk-6WZPXGUG.js">
<link rel="modulepreload" href="chunk-WNEEQGCG.js">
<link rel="modulepreload" href="chunk-UCJ2OYNH.js">
<script id="ng-state" type="application/json">{"__nghData__":[{},{"t":{"3":"t2"},"c":{"3":[{"i":"t2","r":1}]}},{"t":{"40":"t0","41":"t1"},"c":{"40":[],"41":[]}},{"c":{"2":[{"i":"c1830218232","r":1}]}}]}</script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"ec6762f651134326b4857c1504cd606b","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body></html>