MEGAN28 MODULAR MOBILE DESIGN
PHP 7.4

KOMPONEN UTAMA

1. includes/header.php
   - <head>
   - header atas
   - logo/brand
   - tombol login/register
   - side drawer/menu

2. includes/navbar.php
   - navigasi kategori horizontal
   - dapat digunakan pada semua halaman

3. includes/home-content.php
   - hero
   - jackpot
   - provider populer
   - kategori permainan
   - metode pembayaran

4. includes/footer.php
   - footer
   - mobile bottom navigation
   - JavaScript
   - penutup body/html

FILE PENDUKUNG

- assets/css/app.css
- assets/js/app.js
- index.php sebagai penyusun empat komponen

CARA PASANG

1. Upload isi ZIP ke public_html.
2. Jangan menimpa bootstrap.php yang sudah dibuat.
3. Buka index.php.
4. Pastikan folder assets dan includes ikut ter-upload.

STRUKTUR

public_html/
├── bootstrap.php              <- bootstrap Anda yang sudah ada
├── index.php
├── includes/
│   ├── header.php
│   ├── navbar.php
│   ├── home-content.php
│   └── footer.php
└── assets/
    ├── css/app.css
    ├── js/app.js
    └── images/

CONTOH HALAMAN BARU

<?php

declare(strict_types=1);

require_once __DIR__ . '/bootstrap.php';

if (session_status() === PHP_SESSION_NONE) {
    session_name('USERSESSID');
    session_start();
}

if (!function_exists('e')) {
    function e($value)
    {
        return htmlspecialchars(
            (string) $value,
            ENT_QUOTES,
            'UTF-8'
        );
    }
}

$siteName = 'MEGAN28';
$pageTitle = 'Slot';
$activeMenu = 'slot';
$isLoggedIn = !empty($_SESSION['user_id']);

$currentUser = [
    'username' => isset($_SESSION['username'])
        ? $_SESSION['username']
        : 'Member',
    'balance' => isset($_SESSION['balance'])
        ? $_SESSION['balance']
        : '0.00',
];

$categories = [
    ['key' => 'slot', 'label' => 'Slot', 'icon' => '777', 'url' => 'slot.php'],
    ['key' => 'casino', 'label' => 'Casino', 'icon' => '♠', 'url' => 'live-casino.php'],
];

require __DIR__ . '/includes/header.php';
require __DIR__ . '/includes/navbar.php';
?>

<section style="padding:24px 16px;">
    <h1>Daftar Slot</h1>
    <p>Konten khusus halaman slot diletakkan di sini.</p>
</section>

<?php require __DIR__ . '/includes/footer.php'; ?>

CATATAN

- Desain mobile-first dan melebar maksimal 980px.
- Tidak memakai CDN atau font eksternal.
- Semua tampilan awal bekerja tanpa gambar.
- Jackpot pada versi ini adalah tampilan demo.
- Untuk data produksi, ambil provider/game dari database lokal, bukan memanggil
  API provider setiap halaman dibuka.
- Jangan meletakkan signature/token API pada HTML atau JavaScript.
