251666feb6
Antet/footer/stil extrase in include-uri comune (_lp_*.html) folosite de landing si de shell-ul paginilor statice (landing_static.html). Butoanele 'Vezi cum functioneaza' si 'Vezi documentatia API' devin link-uri reale; footer-ul si consimtamantul de la inregistrare leaga paginile noi; Contact indica spre romfast.ro/menu/contact.html. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
28 lines
3.0 KiB
HTML
28 lines
3.0 KiB
HTML
{# Antet comun landing + pagini statice. `lp_root` = '' pe landing, '/' pe paginile statice
|
|
(ancorele si butoanele de auth duc inapoi pe landing). #}
|
|
{% set lp_root = lp_root | default('') %}
|
|
<div class="lp-header" style="position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:68px;background:var(--hbg,rgba(15,18,24,.88));backdrop-filter:blur(8px);border-bottom:1px solid var(--line,#262b36);z-index:5;">
|
|
<div style="display:flex;align-items:center;gap:14px;">
|
|
<a href="/" style="display:flex;align-items:center;gap:14px;color:inherit;">
|
|
<img src="/static/romfast_logo.png" alt="ROMFAST" style="height:38px;width:auto;display:block;" />
|
|
<div style="display:flex;flex-direction:column;line-height:1.05;">
|
|
<span style="font:700 17px var(--font-ui);letter-spacing:-.01em;color:var(--text,#e6e9ef);">ROA AUTOPASS</span>
|
|
<span style="font:500 11px var(--font-ui);letter-spacing:.04em;color:var(--sub,#8b93a7);">Gateway RAR</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div style="display:flex;align-items:center;gap:28px;">
|
|
<div class="lp-nav" style="display:flex;gap:28px;font:500 14px var(--font-ui);color:var(--sub,#8b93a7);">
|
|
<a href="{{ lp_root }}#cum-functioneaza" style="color:inherit;text-decoration:none;">Cum funcționează</a><a href="{{ lp_root }}#api" style="color:inherit;text-decoration:none;">API</a><a href="{{ lp_root }}#pret" style="color:inherit;text-decoration:none;">Preț</a>
|
|
</div>
|
|
<div class="lp-hactions" style="display:flex;align-items:center;gap:12px;">
|
|
<button data-act="theme" style="display:flex;align-items:center;gap:8px;height:40px;padding:0 13px;border-radius:6px;background:transparent;border:1px solid var(--line,#262b36);color:var(--sub,#8b93a7);font:500 13px var(--font-ui);cursor:pointer;">
|
|
<svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><circle cx="12" cy="12" r="9"/><path d="M12 3a9 9 0 0 0 0 18z" fill="currentColor" stroke="none"/></svg>
|
|
<span id="theme-label">Grafit</span>
|
|
</button>
|
|
<a href="/login" class="auth-login-link" style="display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:6px;background:transparent;border:1px solid var(--line,#262b36);color:var(--text,#e6e9ef);font:500 14px var(--font-ui);cursor:pointer;transition:transform .18s ease, background .18s ease, border-color .18s ease;text-decoration:none;" style-hover="background:#1F9D5C;border-color:#1F9D5C;color:#fff;transform:translateY(-1px)">Autentificare</a>
|
|
<button data-act="auth" data-tab="register" style="height:44px;padding:0 18px;border-radius:6px;background:#1F9D5C;border:1px solid #1F9D5C;color:#fff;font:700 14px var(--font-ui);cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1), background .2s ease, box-shadow .2s ease;" style-hover="background:#16864a;border-color:#16864a;transform:translateY(-1px)">Creează cont</button>
|
|
</div>
|
|
</div>
|
|
</div>
|