will
2c9f3c6d15
deploy / deploy (push) Successful in 6s
Deliberately using the low-res thumbnail the client dropped in the repo (180x280px) so the pixelation is visible live — the treatment itself is the right direction, it just needs a real high-res source photo. No customers yet, so safe to ship as a visible placeholder rather than a mockup. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
49 lines
1.7 KiB
HTML
49 lines
1.7 KiB
HTML
{{ define "main" }}
|
|
<div class="shop-hero">
|
|
<img class="shop-hero-img" src="{{ "images/shop-hero.jpg" | relURL }}" alt="">
|
|
<div class="shop-hero-overlay"></div>
|
|
<div class="shop-hero-copy">
|
|
<h1>{{ .Title }}</h1>
|
|
<p>Small-batch, cold-processed, cured for six weeks — here's what's ready now.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product-grid">
|
|
{{ range .Site.Data.products }}
|
|
<div class="product-card">
|
|
<img src="{{ .image | relURL }}" alt="{{ .name }}">
|
|
<div class="body">
|
|
<span class="status-pill {{ .status }}">
|
|
{{ if eq .status "available" }}Available
|
|
{{ else if eq .status "low" }}Low Stock
|
|
{{ else }}Out of Stock{{ end }}
|
|
</span>
|
|
<h3>{{ .name }}</h3>
|
|
<p class="desc">{{ .description }}</p>
|
|
<p class="price">${{ .price }}</p>
|
|
{{ if eq .status "low" }}
|
|
<p class="low-note">Orders may take a bit longer to ship.</p>
|
|
{{ end }}
|
|
{{ if eq .status "out" }}
|
|
<span class="buy-btn disabled">Out of Stock</span>
|
|
{{ else if .stripe_payment_link }}
|
|
<a class="buy-btn enabled" href="{{ .stripe_payment_link }}">Buy — ${{ .price }}</a>
|
|
{{ else }}
|
|
<span class="buy-btn disabled">Checkout coming soon</span>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
|
|
<div class="reorder-box">
|
|
<h2>Already ordered from us?</h2>
|
|
<p>Enter your email to see what you got last time.</p>
|
|
<form onsubmit="return false;">
|
|
<input type="email" placeholder="you@example.com" disabled>
|
|
<button type="submit" disabled>Look up my orders</button>
|
|
</form>
|
|
<p class="demo-note">This box is a preview — it'll work once checkout is connected, since it looks up real past orders.</p>
|
|
</div>
|
|
{{ end }}
|