Munch Orbit - Comic Food Interactive Website

Munch Orbit adalah template website interaktif bertema food brand dengan konsep comic arcade experience.

Template ini dirancang dengan tampilan visual yang playful, colorful, dan penuh motion. Di dalamnya terdapat opening screen, tombol Play, transisi fullscreen, animasi teks per huruf, custom cursor, floating food object, navbar sticky, section How It Works, location section, menu card interaktif, sound toggle, dan progress bar bawah.

Cocok digunakan untuk:
- Website food brand
- Landing page restoran
- Campaign produk makanan
- Website snack / fast food
- Creative coding project
- Portfolio frontend interaktif
- UI/UX experiment
- Interactive landing page

Fitur utama:
- Opening/loading screen
- Tombol Play interaktif
- Fullscreen wipe transition
- Navbar sticky
- Menu scroll ke section tujuan
- Hero section bergaya comic food
- Animated text per huruf
- Custom mouse cursor
- Floating food object animation
- Section How It Works interaktif
- Tombol step 1 sampai 4 aktif
- Tombol Claim Your Box aktif
- Section Locations dengan planet map
- Menu card interaktif
- Sound toggle aktif
- Progress bar bawah
- Responsive layout
- Dibuat dalam 1 file HTML
- Menggunakan HTML, CSS, dan Vanilla JavaScript
- Tidak membutuhkan framework tambahan

Template ini cocok untuk developer atau designer yang ingin membuat website food brand yang lebih hidup, fun, interaktif, dan berbeda dari landing page biasa.

# Munch Orbit - Comic Food Interactive Website

Munch Orbit adalah template website interaktif bertema food brand dengan konsep comic arcade experience.

## Fitur

- Opening/loading screen
- Tombol Play interaktif
- Fullscreen wipe transition
- Navbar sticky
- Menu navigasi scroll ke section tujuan
- Hero section comic food style
- Animated text per huruf
- Custom mouse cursor
- Floating food object animation
- Section How It Works interaktif
- Tombol step 1 sampai 4 aktif
- Tombol Claim Your Box aktif
- Section Locations
- Menu card interaktif
- Sound toggle aktif
- Progress bar bawah
- Responsive layout
- Dibuat dalam 1 file HTML
- Tidak membutuhkan framework tambahan

## Teknologi

- HTML5
- CSS3
- Vanilla JavaScript

## Cara Install

1. Download file ZIP template.
2. Extract file ZIP.
3. Buka file `index.html` di browser.
4. Template siap digunakan.

## Cara Custom

Kamu bisa mengubah semua konten langsung di file `index.html`.

Bagian yang bisa disesuaikan:
- Nama brand
- Logo
- Warna utama
- Judul hero
- Text section
- Menu makanan
- Step How It Works
- Location content
- Animasi CSS
- Link CTA
- Sound toggle behavior

## Catatan

Template ini dibuat dalam satu file HTML agar mudah dipelajari, diedit, dan digunakan sebagai portfolio atau starter project.

Untuk hasil terbaik, buka menggunakan browser modern seperti Chrome, Edge, Firefox, atau Safari.