{% extends "ob_base.html" %}
{% block title %}Welcome{% endblock %}
{% block action %}/welcome/country{% endblock %}
{% block submitted %}{% endblock %}
{% block question %}
<h1 class="t-display" tabindex="-1" data-autofocus>Be first to the good finds</h1>
<p class="t-lead">vinted-sniper checks your Vinted searches all day and tells you the moment something new turns up. It runs on this computer, and can buzz your phone.</p>
<div class="card promises">
  <div class="promise"><span class="promise__icon">{{ ui.icon("user-x") }}</span><p><b>No Vinted account needed</b><span>Can I get banned? No. It never uses your Vinted account, so there's nothing to ban.</span></p></div>
  <div class="promise"><span class="promise__icon">{{ ui.icon("laptop") }}</span><p><b>Runs on your own computer</b><span>Your searches and finds stay here. Nothing is sent to us.</span></p></div>
  <div class="promise"><span class="promise__icon">{{ ui.icon("heart") }}</span><p><b>Free</b><span>No subscription, no trial, no limit on searches. The code is public for anyone to check.</span></p></div>
</div>
<details class="faq">
  <summary>{{ ui.icon("circle-help", "i-sm") }}More about how it works</summary>
  <div class="prose">
    <p>It reads Vinted's public search pages, the same ones anyone sees without logging in, at a calm pace. It never buys, messages or logs in for you.</p>
    <p>If Vinted ever asks us to slow down, the app waits and tries again later, and tells you on the Finds page.</p>
  </div>
</details>
{% endblock %}
{% block cta %}Get started{% endblock %}
{% block hint %}Five quick steps, about 3 minutes{% endblock %}
{% block field_class %}field-panel--teal{% endblock %}
{% block field %}
<div class="ob__field-say">
  <b>Hi, I'm Mags.</b>
  <span>Magpies spot shiny things. I spot good listings and tell you.</span>
</div>
<div class="ob__field-stage">
  <div class="bubble" aria-hidden="true">
    <img src="{{ static('img/demo/straight-leg-jeans.webp') }}" alt="">
    <div><b>Levi's 501 straight jeans</b><span>W31 · Very good · found 2 min ago</span><span class="p">€23.80 incl. fees <em class="badge badge--deal">24% under typical</em></span></div>
  </div>
</div>
{{ ui.mags("wave", "ob__mags") }}
{% endblock %}