<footer class="hx-footer">
    <div class="hx-container">
        <div class="hx-footer-top">
            <div class="hx-footer-brand">
                <img src="<?= APP_URL ?>/assets/brand/logo/helmyx-wordmark-white.svg" alt="Helmyx">
                <p>Projects, contractors, suppliers, budgets and invoices — one system, so the person accountable can see what every project is doing.</p>
            </div>
            <div class="hx-footer-cols">
                <div class="hx-footer-col">
                    <h5>Product</h5>
                    <a href="<?= APP_URL ?>/#features">Features</a>
                    <a href="<?= APP_URL ?>/pricing">Pricing</a>
                    <a href="<?= APP_URL ?>/#how-it-works">How it works</a>
                </div>
                <div class="hx-footer-col">
                    <h5>Account</h5>
                    <a href="<?= APP_URL ?>/signup">Start free trial</a>
                    <a href="<?= APP_URL ?>/login">Log in</a>
                </div>
            </div>
        </div>
        <div class="hx-footer-bottom">
            <span>&copy; <?= date('Y') ?> Helmyx. All rights reserved.</span>
            <span>Steer. Plan. Deliver.</span>
        </div>
    </div>
</footer>
