{{- /* ShopQpon landing page — overrides PaperMod index for main domain */ -}}
{{- define "main" }}
<div class="landing-page">
  <section class="hero">
    <div class="hero-content">
      <h1>🛍️ ShopQpon</h1>
      <p class="hero-tagline">Shopee Vouchers for Southeast Asia</p>
      <p class="hero-sub">Select your country to start saving on Shopee.</p>
    </div>
  </section>

  <section class="country-grid">
    {{ range .Site.Params.sites.country }}
    <a href="{{ .url }}" class="country-card">
      <span class="country-card-flag">{{ .flag }}</span>
      <span class="country-card-code">{{ .code }}</span>
      <span class="country-card-name">{{ .name }}</span>
      <span class="country-card-currency">{{ .currencySymbol }}</span>
    </a>
    {{ end }}
  </section>

  <section class="info-section">
    <div class="info-links">
      <a href="{{ "/about/" | relURL }}">About Us</a>
      <span>·</span>
      <a href="{{ "/privacy/" | relURL }}">Privacy Policy</a>
      <span>·</span>
      <a href="{{ "/disclaimer/" | relURL }}">Disclaimer</a>
    </div>
  </section>
</div>
{{- end }}{{/* end main */}}