{% extends "base.html" %}
{% block title %}GoldBuy — Sell your gold, we call you back{% endblock %}
{% block meta_description %}Turn your gold into cash. GoldBuy buys jewellery, coins, bars, nuggets and watches across Kenya. Post your item with photos and your price — we call you back with a free offer, no obligation.{% endblock %}
{% block container_class %}container-full{% endblock %}

{% block content %}
{% if prices %}
<div class="price-banner">
    <span class="price-banner-title">&#9670; Today's gold prices</span>
    {% for karat, price in prices %}
        <span class="price-item"><strong>{{ karat }}</strong> KSh {{ price }}/g</span>
    {% endfor %}
</div>
{% endif %}

<section class="hero">
    <h1>Turn your gold into cash</h1>
    <p class="lead">
        Have gold jewellery, coins, nuggets or scrap gold to sell?
        Post your item with pictures and your phone number —
        <strong>our team will call you back</strong> with an offer.
    </p>
    <a class="btn btn-large" href="{{ url_for('sell') }}">Sell Your Gold Now</a>
</section>

<section class="what-we-buy">
    <h2>What we buy</h2>
    <p class="lead">We buy all kinds of gold, in any condition — old, broken or unwanted.</p>
    <div class="buy-grid">
        <a class="buy-card" href="{{ url_for('sell') }}">
            <img src="{{ url_for('static', filename='img/jewellery.jpg') }}" alt="Gold jewellery">
            <h3>Gold Jewellery</h3>
            <p>Necklaces, chains, bracelets, earrings and pendants — even broken pieces.</p>
        </a>
        <a class="buy-card" href="{{ url_for('sell') }}">
            <img src="{{ url_for('static', filename='img/rings.jpg') }}" alt="Gold rings">
            <h3>Gold Rings</h3>
            <p>Wedding bands, engagement rings and signet rings of any karat.</p>
        </a>
        <a class="buy-card" href="{{ url_for('sell') }}">
            <img src="{{ url_for('static', filename='img/coins.jpg') }}" alt="Gold coins">
            <h3>Gold Coins</h3>
            <p>Sovereigns, Krugerrands, collectible and bullion coins.</p>
        </a>
        <a class="buy-card" href="{{ url_for('sell') }}">
            <img src="{{ url_for('static', filename='img/bars.jpg') }}" alt="Gold bars">
            <h3>Gold Bars &amp; Bullion</h3>
            <p>Cast and minted bars of any size, with or without certificates.</p>
        </a>
        <a class="buy-card" href="{{ url_for('sell') }}">
            <img src="{{ url_for('static', filename='img/nuggets.jpg') }}" alt="Gold nuggets">
            <h3>Gold Nuggets &amp; Dust</h3>
            <p>Raw and natural gold, nuggets, flakes and gold dust.</p>
        </a>
        <a class="buy-card" href="{{ url_for('sell') }}">
            <img src="{{ url_for('static', filename='img/watches.jpg') }}" alt="Gold watches">
            <h3>Gold Watches</h3>
            <p>Luxury and vintage gold watches, working or not.</p>
        </a>
        <a class="buy-card" href="{{ url_for('sell') }}">
            <img src="{{ url_for('static', filename='img/bangles.jpg') }}" alt="Gold bracelets and bangles">
            <h3>Bracelets &amp; Bangles</h3>
            <p>Solid gold bracelets, bangles and anklets in any style.</p>
        </a>
        <a class="buy-card" href="{{ url_for('sell') }}">
            <img src="{{ url_for('static', filename='img/earrings.jpg') }}" alt="Gold earrings">
            <h3>Gold Earrings</h3>
            <p>Studs, hoops and drop earrings — single pieces welcome too.</p>
        </a>
        <a class="buy-card" href="{{ url_for('sell') }}">
            <img src="{{ url_for('static', filename='img/pendants.jpg') }}" alt="Gold pendants">
            <h3>Pendants &amp; Charms</h3>
            <p>Gold pendants, lockets, charms and religious medallions.</p>
        </a>
        <a class="buy-card" href="{{ url_for('sell') }}">
            <img src="{{ url_for('static', filename='img/dental.jpg') }}" alt="Dental gold">
            <h3>Dental &amp; Scrap Gold</h3>
            <p>Gold crowns, dental gold and any broken or scrap gold pieces.</p>
        </a>
    </div>
    <p class="photo-credits">Photos: <a href="https://commons.wikimedia.org/" target="_blank" rel="noopener">Wikimedia Commons</a> contributors (CC BY / CC BY-SA / public domain).</p>
</section>

{% if bought %}
<section class="recently-bought">
    <h2>Recently bought</h2>
    <p class="lead">Real items we bought from sellers like you.</p>
    <div class="bought-grid">
        {% for b in bought %}
        <figure class="bought-card">
            {% if b['photo'] %}
                <img src="{{ url_for('static', filename='uploads/' ~ b['photo']) }}"
                     alt="{{ b['item_title'] }}" loading="lazy">
            {% endif %}
            <figcaption>
                <strong>{{ b['item_title'] }}</strong>
                <span>&#10003; Bought — {{ b['location'] }}</span>
            </figcaption>
        </figure>
        {% endfor %}
    </div>
</section>
{% endif %}

<section class="steps">
    <h2 class="steps-title">How it works</h2>
    <div class="step">
        <div class="step-num">1</div>
        <h3>Post your item</h3>
        <p>Fill in the details of your gold item, your location, and upload clear pictures.</p>
    </div>
    <div class="step">
        <div class="step-num">2</div>
        <h3>Send it to us</h3>
        <p>Hit the send button — your listing goes straight to our buying team.</p>
    </div>
    <div class="step">
        <div class="step-num">3</div>
        <h3>We call you back</h3>
        <p>We review your item and call you on the number you provided to make an offer.</p>
    </div>
</section>

<section class="faq-teaser">
    <h2>Common questions</h2>
    <div class="faq-list">
        <details>
            <summary>Does a quote cost anything? Am I obliged to sell?</summary>
            <p>No and no. Testing and quoting are <strong>completely free</strong>,
               and you can walk away at any point — no pressure, no charges.</p>
        </details>
        <details>
            <summary>Is it safe to meet?</summary>
            <p>Yes. We meet in <strong>public, busy places</strong> during the day —
               a bank hall, a mall, or an office you choose. You are paid before
               you hand over your item.</p>
        </details>
        <details>
            <summary>How do you decide the price?</summary>
            <p>By <strong>weight and purity (karat)</strong>, measured in front of
               you and priced against the day's market rate.</p>
        </details>
    </div>
    <p class="faq-teaser-more">
        <a href="{{ url_for('faq') }}">See all questions &rarr;</a>
    </p>
</section>

<section class="cta-strip">
    <h2>Ready to turn your gold into cash?</h2>
    <p>Post your item now — it takes two minutes, and we call you back the same day.</p>
    <div class="cta-strip-actions">
        <a class="btn btn-large" href="{{ url_for('sell') }}">Sell Your Gold Now</a>
        {% if site_whatsapp %}
        <a class="btn btn-large btn-wa" target="_blank" rel="noopener"
           href="https://wa.me/{{ site_whatsapp|wa }}?text=Hello GoldBuy, I want to sell my gold item&hellip;">
           Chat on WhatsApp</a>
        {% endif %}
    </div>
</section>
{% endblock %}