{{ template "layouts/header.html" . }}

<section class="hero">
    <div class="container">
        <h2>Belanja Mudah dan Cepat</h2>
        <p>Marketplace modern berbasis GoLang.</p>

        <a href="/product" class="btn">
            Belanja Sekarang
        </a>
    </div>
</section>

<section class="products">
    <div class="container">

        <h2>Produk Terbaru</h2>

        <div class="product-grid">

            {{ range .products }}
            <div class="card">
                <img src="{{ .Image }}" alt="{{ .Name }}">
                <h3>{{ .Name }}</h3>
                <p>Rp {{ .Price }}</p>
            </div>
            {{ end }}

        </div>

    </div>
</section>

{{ template "layouts/footer.html" . }}