========================================
PUSATBOLA AMP LANDING PAGE - LENGKAP
========================================

1. UPLOAD FILE

Upload index.html ke hosting Anda.

Buat folder:

img/

Masukkan gambar:

img/logo.png
img/vip.png
img/daftar.png
img/login1.png
img/login2.png
img/banner-1.jpg
img/banner-2.jpg


2. GANTI DOMAIN

Di index.html cari:

https://domainanda.com/

dan ganti dengan domain/link Anda.


3. GANTI LINK BUTTON

Button VIP:
href="https://domainanda.com/vip"

Button DAFTAR:
href="https://domainanda.com/daftar"

Login 1:
href="https://domainanda.com/login1"

Login 2:
href="https://domainanda.com/login2"


4. GANTI LINK BANNER

Banner 1:
href="https://domainanda.com/event1"

Banner 2:
href="https://domainanda.com/event2"


5. GANTI GAMBAR

Logo:
img/logo.png

Thumbnail:
img/vip.png
img/daftar.png
img/login1.png
img/login2.png

Banner:
img/banner-1.jpg
img/banner-2.jpg


6. MENAMBAH BUTTON

Copy satu blok:

<a class="link-btn"
   href="https://domainanda.com/link"
   target="_blank"
   rel="noopener">

  <div class="thumb">
    <amp-img
      src="img/icon.png"
      width="39"
      height="39"
      layout="responsive"
      alt="Nama">
    </amp-img>
  </div>

  <span class="link-text">
    NAMA BUTTON
  </span>

  <span class="button-share" aria-hidden="true">
    <svg viewBox="0 0 24 24">
      <circle cx="18" cy="5" r="2"/>
      <circle cx="6" cy="12" r="2"/>
      <circle cx="18" cy="19" r="2"/>
      <path d="M8 11l8-5M8 13l8 5"/>
    </svg>
  </span>

</a>


7. MENAMBAH BANNER

Copy blok slide yang sudah ada dan ubah:
- href
- src
- alt

AMP CSS sudah berada di index.html menggunakan <style amp-custom>,
jadi halaman tetap mengikuti struktur AMP.
