feat(landing): pagini publice Termeni/GDPR/Documentatie API + fix link-uri moarte
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>
This commit is contained in:
Claude Agent
@@ -837,6 +837,32 @@ def dashboard(request: Request, tab: str = "acasa", status: str | None = None, s
|
|||||||
conn.close()
|
conn.close()
|
||||||
|
|
||||||
|
|
||||||
|
# Pagini statice publice cu antet/footer comune cu landing-ul.
|
||||||
|
_PAGINI_STATICE = {
|
||||||
|
"termeni": "termeni.html",
|
||||||
|
"confidentialitate": "confidentialitate.html",
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@router.get("/termeni", response_class=HTMLResponse)
|
||||||
|
@router.get("/confidentialitate", response_class=HTMLResponse)
|
||||||
|
def pagina_statica(request: Request) -> HTMLResponse:
|
||||||
|
nume = request.url.path.strip("/")
|
||||||
|
return templates.TemplateResponse(_PAGINI_STATICE[nume], {"request": request})
|
||||||
|
|
||||||
|
|
||||||
|
@router.get("/documentatie-api", response_class=HTMLResponse)
|
||||||
|
def pagina_documentatie_api(request: Request) -> HTMLResponse:
|
||||||
|
"""Documentatie API publica (varianta scurta a tab-ului Integrare, fara login)."""
|
||||||
|
from .integrare_examples import exemplu_json
|
||||||
|
|
||||||
|
return templates.TemplateResponse("documentatie_api.html", {
|
||||||
|
"request": request,
|
||||||
|
"base_url": str(request.base_url).rstrip("/"),
|
||||||
|
"exemplu_json": exemplu_json(),
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
@router.get("/_fragments/acasa", response_class=HTMLResponse)
|
@router.get("/_fragments/acasa", response_class=HTMLResponse)
|
||||||
def fragment_acasa(request: Request) -> HTMLResponse:
|
def fragment_acasa(request: Request) -> HTMLResponse:
|
||||||
"""Fragment HTMX pentru tab-ul Acasa."""
|
"""Fragment HTMX pentru tab-ul Acasa."""
|
||||||
|
|||||||
8
app/web/templates/_lp_footer.html
Normal file
8
app/web/templates/_lp_footer.html
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
{# Footer comun landing + pagini statice publice. #}
|
||||||
|
<div style="border-top:1px solid var(--line,#262b36);padding:36px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;">
|
||||||
|
<div style="font:700 18px var(--font-ui);letter-spacing:-.02em;color:var(--text,#e6e9ef);">ROM<span style="color:var(--accent,#2E74D6);">FAST</span></div>
|
||||||
|
<div style="display:flex;gap:26px;font:400 14px var(--font-ui);color:var(--sub,#8b93a7);flex-wrap:wrap;">
|
||||||
|
<a href="/termeni" style="color:inherit;">Termeni</a><a href="/confidentialitate" style="color:inherit;">Confidențialitate / GDPR</a><a href="/documentatie-api" style="color:inherit;">Documentație API</a><a href="https://romfast.ro/menu/contact.html" target="_blank" rel="noopener" style="color:inherit;">Contact</a>
|
||||||
|
</div>
|
||||||
|
<div style="font:400 13px var(--font-ui);color:var(--mut,#5c6473);">© 2026 ROMFAST</div>
|
||||||
|
</div>
|
||||||
27
app/web/templates/_lp_header.html
Normal file
27
app/web/templates/_lp_header.html
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
{# 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>
|
||||||
51
app/web/templates/_lp_style.html
Normal file
51
app/web/templates/_lp_style.html
Normal file
@@ -0,0 +1,51 @@
|
|||||||
|
{# Stiluri comune landing + pagini statice publice (termeni, confidentialitate, contact, documentatie API). #}
|
||||||
|
<style>
|
||||||
|
|
||||||
|
/* IBM Plex eliminat complet — stive font sistem standard web.
|
||||||
|
Tokenurile --font-ui / --font-mono definite in :root (sursa unica de adevar). */
|
||||||
|
:root{--font-ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Code","Segoe UI Mono","Roboto Mono",Menlo,Consolas,monospace;}
|
||||||
|
*{box-sizing:border-box;}
|
||||||
|
html,body{margin:0;padding:0;}
|
||||||
|
body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background:var(--bg,#0f1218);color:var(--text,#e6e9ef);}
|
||||||
|
body[data-theme="grafit"]{--bg:#0f1218;--card:#181c24;--card2:#0f1218;--text:#e6e9ef;--sub:#8b93a7;--line:#262b36;--line2:#1f2530;--accent:#2E74D6;--hbg:rgba(15,18,24,.88);--okt:#2FBF8F;--infot:#6ea2ec;--errt:#E05D5D;--mut:#5c6473}
|
||||||
|
body[data-theme="cobalt"]{--bg:#080d1c;--card:#111a33;--card2:#0b1226;--text:#e9ecfb;--sub:#8a93b8;--line:#1d2747;--line2:#161f3a;--accent:#4068FF;--hbg:rgba(8,13,28,.9);--okt:#2fd0a6;--infot:#8aa0ff;--errt:#f06a7a;--mut:#5a6390}
|
||||||
|
body[data-theme="cupru"]{--bg:#15110b;--card:#211a12;--card2:#15110b;--text:#efe6d6;--sub:#a89a85;--line:#36291c;--line2:#281e14;--accent:#D98A3D;--hbg:rgba(21,17,11,.9);--okt:#67b98c;--infot:#dfa45c;--errt:#e2685a;--mut:#6d5f4c}
|
||||||
|
body[data-theme="hartie"]{--bg:#f3efe6;--card:#fffdf7;--card2:#f3efe6;--text:#1e1a13;--sub:#6a6052;--line:#e2dccc;--line2:#ece6d9;--accent:#1F5FBF;--hbg:rgba(255,253,247,.92);--okt:#1c7d5d;--infot:#1F5FBF;--errt:#bd463c;--mut:#9a8f7d}
|
||||||
|
/* Teme aliniate cu aplicatia (base.html) — acelasi set de 8; 'auto' se rezolva la light/dark. */
|
||||||
|
body[data-theme="light"]{--bg:#f5f7fa;--card:#ffffff;--card2:#f5f7fa;--text:#1a1d24;--sub:#5c6473;--line:#e2e5ea;--line2:#eaedf2;--accent:#1F66C9;--hbg:rgba(245,247,250,.9);--okt:#15803d;--infot:#1F66C9;--errt:#dc2626;--mut:#8a92a0}
|
||||||
|
body[data-theme="dark"]{--bg:#0f1218;--card:#181c24;--card2:#0f1218;--text:#e6e9ef;--sub:#8b93a7;--line:#262b36;--line2:#1f2530;--accent:#2E74D6;--hbg:rgba(15,18,24,.88);--okt:#2FBF8F;--infot:#6ea2ec;--errt:#E05D5D;--mut:#5c6473}
|
||||||
|
body[data-theme="petrol"]{--bg:#0e1416;--card:#161e20;--card2:#0e1416;--text:#e6e9ef;--sub:#8b93a7;--line:#232c2e;--line2:#1c2426;--accent:#0E7C7B;--hbg:rgba(14,20,22,.9);--okt:#2FBF8F;--infot:#3fb9b6;--errt:#E05D5D;--mut:#5c6473}
|
||||||
|
.page{width:100%;max-width:1280px;margin:0 auto;background:var(--bg,#0f1218);color:var(--text,#e6e9ef);overflow:hidden;}
|
||||||
|
a{text-decoration:none;}
|
||||||
|
input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;}
|
||||||
|
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:var(--line,#262b36);}
|
||||||
|
input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:var(--line,#262b36);}
|
||||||
|
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:99px;background:var(--accent,#2E74D6);cursor:pointer;border:none;}
|
||||||
|
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:99px;background:var(--accent,#2E74D6);cursor:pointer;border:none;}
|
||||||
|
|
||||||
|
@media (max-width:900px){
|
||||||
|
.lp-nav{display:none!important;}
|
||||||
|
.lp-header{padding:0 18px!important;}
|
||||||
|
.lp-h1{font-size:32px!important;line-height:1.1!important;}
|
||||||
|
.page [style*="grid-template-columns"]{grid-template-columns:1fr!important;}
|
||||||
|
.page [style*="padding:80px 40px"]{padding:48px 20px!important;}
|
||||||
|
.page [style*="padding:0 40px 80px"]{padding:0 20px 48px!important;}
|
||||||
|
.page [style*="padding:56px 40px 80px"]{padding:36px 20px 48px!important;}
|
||||||
|
.page [style*="padding:44px"]{padding:28px!important;}
|
||||||
|
.page [style*="padding:56px 40px"]{padding:40px 22px!important;}
|
||||||
|
.page [style*="height:68px"]{height:60px!important;}
|
||||||
|
.page [style*="gap:56px"]{gap:32px!important;}
|
||||||
|
.page [style*="gap:48px"]{gap:28px!important;}
|
||||||
|
}
|
||||||
|
@media (max-width:560px){
|
||||||
|
.lp-h1{font-size:27px!important;}
|
||||||
|
.page [style*="padding:10px 40px"]{padding:10px 18px!important;}
|
||||||
|
.lp-header{padding:0 12px!important;}
|
||||||
|
#theme-label{display:none!important;}
|
||||||
|
.lp-hactions{gap:8px!important;}
|
||||||
|
.lp-hactions button{height:38px!important;padding:0 11px!important;font-size:13px!important;}
|
||||||
|
}
|
||||||
|
@media (max-width:430px){
|
||||||
|
.lp-hactions a.auth-login-link{display:none!important;}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
69
app/web/templates/confidentialitate.html
Normal file
69
app/web/templates/confidentialitate.html
Normal file
@@ -0,0 +1,69 @@
|
|||||||
|
{% extends "landing_static.html" %}
|
||||||
|
{% block titlu %}Confidențialitate / GDPR{% endblock %}
|
||||||
|
{% block descriere %}Politica de confidențialitate și protecția datelor (GDPR) pentru ROA AUTOPASS.{% endblock %}
|
||||||
|
{% block continut %}
|
||||||
|
<h1>Politica de confidențialitate / GDPR</h1>
|
||||||
|
<p class="lp-sub">Ultima actualizare: 9 iulie 2026</p>
|
||||||
|
|
||||||
|
<h2>1. Cine prelucrează datele</h2>
|
||||||
|
<p>Operatorul datelor este <strong>ROMFAST</strong>, furnizorul serviciului ROA AUTOPASS.
|
||||||
|
Ne poți contacta oricând la <a href="mailto:contact@romfast.ro">contact@romfast.ro</a>.</p>
|
||||||
|
|
||||||
|
<h2>2. Ce date prelucrăm și de ce</h2>
|
||||||
|
<table>
|
||||||
|
<thead><tr><th>Date</th><th>Scop</th><th>Temei</th></tr></thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Date de cont: denumire firmă, CUI, email, parolă (criptată)</td>
|
||||||
|
<td>Crearea și administrarea contului, facturare</td>
|
||||||
|
<td>Executarea contractului</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Date din prezentări: VIN, număr de înmatriculare, kilometraj, data prestației, operațiile efectuate</td>
|
||||||
|
<td>Transmiterea prestațiilor la RAR Auto-Pass în numele tău</td>
|
||||||
|
<td>Obligația legală a service-ului (Legea 142/2023, OMTI 210/2024) + contractul cu tine</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Credențialele tale RAR Auto-Pass</td>
|
||||||
|
<td>Autentificarea la RAR pentru trimitere</td>
|
||||||
|
<td>Executarea contractului; stocate criptat</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Jurnal tehnic (evenimente de trimitere, erori)</td>
|
||||||
|
<td>Funcționarea serviciului, suport, dovada transmiterii</td>
|
||||||
|
<td>Interes legitim</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<p>Nu colectăm date suplimentare față de cele necesare trimiterii la RAR — nici pe conturile gratuite —
|
||||||
|
și nu folosim datele clienților tăi în scop de marketing.</p>
|
||||||
|
|
||||||
|
<h2>3. Cui le transmitem</h2>
|
||||||
|
<p>Exclusiv <strong>Registrului Auto Român (RAR)</strong>, prin API-ul oficial Auto-Pass, în scopul declarat.
|
||||||
|
Nu vindem și nu cedăm datele către alte părți. Datele sunt găzduite pe infrastructura noastră.</p>
|
||||||
|
|
||||||
|
<h2>4. Cât le păstrăm</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Prezentările trimise și loturile de import se șterg <strong>automat după 90 de zile</strong>.</li>
|
||||||
|
<li>Poți șterge datele și mai devreme, direct din aplicație.</li>
|
||||||
|
<li>Datele de cont se păstrează cât timp contul este activ.</li>
|
||||||
|
<li>Credențialele RAR trimise punctual prin API se șterg imediat după prima autentificare reușită.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>5. Cum le protejăm</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Datele cu caracter personal din trimiteri și credențialele RAR sunt <strong>criptate</strong> în baza de date.</li>
|
||||||
|
<li>Parolele de cont se stochează doar ca hash; cheile API doar ca amprentă SHA-256.</li>
|
||||||
|
<li>Accesul la date este separat per cont: un cont nu poate vedea datele altui cont.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>6. Drepturile tale</h2>
|
||||||
|
<p>Conform GDPR ai dreptul de acces, rectificare, ștergere, restricționare, portabilitate și opoziție,
|
||||||
|
precum și dreptul de a depune o plângere la ANSPDCP (<a href="https://www.dataprotection.ro" target="_blank" rel="noopener">dataprotection.ro</a>).
|
||||||
|
Pentru exercitarea drepturilor scrie-ne la <a href="mailto:contact@romfast.ro">contact@romfast.ro</a> —
|
||||||
|
răspundem în cel mult 30 de zile.</p>
|
||||||
|
|
||||||
|
<h2>7. Cookies</h2>
|
||||||
|
<p>Folosim doar cookie-uri strict necesare (sesiunea de autentificare și protecția CSRF).
|
||||||
|
Nu folosim cookie-uri de tracking sau de marketing.</p>
|
||||||
|
{% endblock %}
|
||||||
52
app/web/templates/documentatie_api.html
Normal file
52
app/web/templates/documentatie_api.html
Normal file
@@ -0,0 +1,52 @@
|
|||||||
|
{% extends "landing_static.html" %}
|
||||||
|
{% block titlu %}Documentație API{% endblock %}
|
||||||
|
{% block descriere %}Documentația API ROA AUTOPASS: autentificare, endpoint-uri, exemple de cerere și răspuns.{% endblock %}
|
||||||
|
{% block continut %}
|
||||||
|
<h1>Documentație API</h1>
|
||||||
|
<p class="lp-sub">Conectează softul tău de service direct la ROA AUTOPASS (plan Pro).</p>
|
||||||
|
|
||||||
|
<h2>Cum funcționează</h2>
|
||||||
|
<p>Softul tău trimite prezentările printr-un singur apel HTTP; noi validăm datele, mapăm operațiile pe coduri RAR,
|
||||||
|
oprim duplicatele și transmitem la RAR Auto-Pass. Autentificarea se face cu o <strong>cheie API</strong>
|
||||||
|
(antetul <code>X-API-Key</code>), generată din contul tău. Credențialele RAR le configurezi o singură dată în cont.</p>
|
||||||
|
|
||||||
|
<h2>Endpoint-uri principale</h2>
|
||||||
|
<table>
|
||||||
|
<thead><tr><th>Endpoint</th><th>Ce face</th></tr></thead>
|
||||||
|
<tbody>
|
||||||
|
<tr><td><code>POST /v1/prezentari</code></td><td>Trimite una sau mai multe prezentări spre declarare</td></tr>
|
||||||
|
<tr><td><code>POST /v1/prezentari/valideaza</code></td><td>Dry-run: validare fără trimitere</td></tr>
|
||||||
|
<tr><td><code>GET /v1/prezentari/{id}</code></td><td>Starea unei trimiteri</td></tr>
|
||||||
|
<tr><td><code>POST /v1/import</code></td><td>Import fișier xlsx/csv prin API</td></tr>
|
||||||
|
<tr><td><code>GET /v1/nomenclator</code></td><td>Nomenclatorul de coduri RAR (public)</td></tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<h2>Exemplu: cerere</h2>
|
||||||
|
<pre><code>curl -X POST "{{ base_url }}/v1/prezentari" \
|
||||||
|
-H "Content-Type: application/json" \
|
||||||
|
-H "X-API-Key: rfak_..." \
|
||||||
|
-d '{{ exemplu_json["cerere"] }}'</code></pre>
|
||||||
|
<p>Fiecare prestație are fie <code>cod_prestatie</code> (cod RAR din nomenclator), fie
|
||||||
|
<code>cod_op_service</code> + <code>denumire</code> — codurile tale interne le mapăm noi pe coduri RAR,
|
||||||
|
iar maparea rămâne salvată pentru trimiterile următoare.</p>
|
||||||
|
|
||||||
|
<h2>Exemplu: răspuns</h2>
|
||||||
|
<pre><code>{{ exemplu_json["raspuns"] }}</code></pre>
|
||||||
|
<p>Un rezultat per prezentare, în aceeași ordine ca cererea. <code>status</code> poate fi
|
||||||
|
<code>queued</code> (în coadă spre RAR) sau, dacă ceva blochează trimiterea,
|
||||||
|
<code>needs_mapping</code> / <code>needs_data</code> / <code>error</code> — cu explicația în <code>motiv</code>.</p>
|
||||||
|
|
||||||
|
<h2>Referință completă</h2>
|
||||||
|
<ul>
|
||||||
|
<li><a href="/docs" target="_blank" rel="noopener">Swagger UI — /docs</a></li>
|
||||||
|
<li><a href="/openapi.json" target="_blank" rel="noopener">Schema OpenAPI — /openapi.json</a></li>
|
||||||
|
</ul>
|
||||||
|
<p>După autentificare găsești în aplicație, la <strong>Integrare</strong>, exemple gata de copiat pentru
|
||||||
|
curl, Python, PHP, C#, Node și Visual FoxPro, plus testarea cheii API și a credențialelor RAR.</p>
|
||||||
|
|
||||||
|
<div class="lp-card">
|
||||||
|
<p style="margin:0;">Nu ai încă un cont? <a href="/#inregistrare">Creează unul gratuit</a> — primești 30 de zile
|
||||||
|
de Pro, cu acces API inclus. Întrebări de integrare: <a href="mailto:contact@romfast.ro">contact@romfast.ro</a>.</p>
|
||||||
|
</div>
|
||||||
|
{% endblock %}
|
||||||
@@ -5,83 +5,13 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>ROA AUTOPASS — declari prestațiile la RAR din câteva click-uri</title>
|
<title>ROA AUTOPASS — declari prestațiile la RAR din câteva click-uri</title>
|
||||||
<meta name="description" content="Încarci fișierul tău cu operațiile service-ului, completezi o dată codurile RAR și le salvezi. ROMFAST trimite prestațiile la RAR Auto-Pass în locul tău, fără tastat manual. Conform Legii 142/2023.">
|
<meta name="description" content="Încarci fișierul tău cu operațiile service-ului, completezi o dată codurile RAR și le salvezi. ROMFAST trimite prestațiile la RAR Auto-Pass în locul tău, fără tastat manual. Conform Legii 142/2023.">
|
||||||
<style>
|
{% include "_lp_style.html" %}
|
||||||
|
|
||||||
/* IBM Plex eliminat complet — stive font sistem standard web.
|
|
||||||
Tokenurile --font-ui / --font-mono definite in :root (sursa unica de adevar). */
|
|
||||||
:root{--font-ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Code","Segoe UI Mono","Roboto Mono",Menlo,Consolas,monospace;}
|
|
||||||
*{box-sizing:border-box;}
|
|
||||||
html,body{margin:0;padding:0;}
|
|
||||||
body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background:var(--bg,#0f1218);color:var(--text,#e6e9ef);}
|
|
||||||
body[data-theme="grafit"]{--bg:#0f1218;--card:#181c24;--card2:#0f1218;--text:#e6e9ef;--sub:#8b93a7;--line:#262b36;--line2:#1f2530;--accent:#2E74D6;--hbg:rgba(15,18,24,.88);--okt:#2FBF8F;--infot:#6ea2ec;--errt:#E05D5D;--mut:#5c6473}
|
|
||||||
body[data-theme="cobalt"]{--bg:#080d1c;--card:#111a33;--card2:#0b1226;--text:#e9ecfb;--sub:#8a93b8;--line:#1d2747;--line2:#161f3a;--accent:#4068FF;--hbg:rgba(8,13,28,.9);--okt:#2fd0a6;--infot:#8aa0ff;--errt:#f06a7a;--mut:#5a6390}
|
|
||||||
body[data-theme="cupru"]{--bg:#15110b;--card:#211a12;--card2:#15110b;--text:#efe6d6;--sub:#a89a85;--line:#36291c;--line2:#281e14;--accent:#D98A3D;--hbg:rgba(21,17,11,.9);--okt:#67b98c;--infot:#dfa45c;--errt:#e2685a;--mut:#6d5f4c}
|
|
||||||
body[data-theme="hartie"]{--bg:#f3efe6;--card:#fffdf7;--card2:#f3efe6;--text:#1e1a13;--sub:#6a6052;--line:#e2dccc;--line2:#ece6d9;--accent:#1F5FBF;--hbg:rgba(255,253,247,.92);--okt:#1c7d5d;--infot:#1F5FBF;--errt:#bd463c;--mut:#9a8f7d}
|
|
||||||
/* Teme aliniate cu aplicatia (base.html) — acelasi set de 8; 'auto' se rezolva la light/dark. */
|
|
||||||
body[data-theme="light"]{--bg:#f5f7fa;--card:#ffffff;--card2:#f5f7fa;--text:#1a1d24;--sub:#5c6473;--line:#e2e5ea;--line2:#eaedf2;--accent:#1F66C9;--hbg:rgba(245,247,250,.9);--okt:#15803d;--infot:#1F66C9;--errt:#dc2626;--mut:#8a92a0}
|
|
||||||
body[data-theme="dark"]{--bg:#0f1218;--card:#181c24;--card2:#0f1218;--text:#e6e9ef;--sub:#8b93a7;--line:#262b36;--line2:#1f2530;--accent:#2E74D6;--hbg:rgba(15,18,24,.88);--okt:#2FBF8F;--infot:#6ea2ec;--errt:#E05D5D;--mut:#5c6473}
|
|
||||||
body[data-theme="petrol"]{--bg:#0e1416;--card:#161e20;--card2:#0e1416;--text:#e6e9ef;--sub:#8b93a7;--line:#232c2e;--line2:#1c2426;--accent:#0E7C7B;--hbg:rgba(14,20,22,.9);--okt:#2FBF8F;--infot:#3fb9b6;--errt:#E05D5D;--mut:#5c6473}
|
|
||||||
.page{width:100%;max-width:1280px;margin:0 auto;background:var(--bg,#0f1218);color:var(--text,#e6e9ef);overflow:hidden;}
|
|
||||||
a{text-decoration:none;}
|
|
||||||
input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;}
|
|
||||||
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:var(--line,#262b36);}
|
|
||||||
input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:var(--line,#262b36);}
|
|
||||||
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:99px;background:var(--accent,#2E74D6);cursor:pointer;border:none;}
|
|
||||||
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:99px;background:var(--accent,#2E74D6);cursor:pointer;border:none;}
|
|
||||||
|
|
||||||
@media (max-width:900px){
|
|
||||||
.lp-nav{display:none!important;}
|
|
||||||
.lp-header{padding:0 18px!important;}
|
|
||||||
.lp-h1{font-size:32px!important;line-height:1.1!important;}
|
|
||||||
.page [style*="grid-template-columns"]{grid-template-columns:1fr!important;}
|
|
||||||
.page [style*="padding:80px 40px"]{padding:48px 20px!important;}
|
|
||||||
.page [style*="padding:0 40px 80px"]{padding:0 20px 48px!important;}
|
|
||||||
.page [style*="padding:56px 40px 80px"]{padding:36px 20px 48px!important;}
|
|
||||||
.page [style*="padding:44px"]{padding:28px!important;}
|
|
||||||
.page [style*="padding:56px 40px"]{padding:40px 22px!important;}
|
|
||||||
.page [style*="height:68px"]{height:60px!important;}
|
|
||||||
.page [style*="gap:56px"]{gap:32px!important;}
|
|
||||||
.page [style*="gap:48px"]{gap:28px!important;}
|
|
||||||
}
|
|
||||||
@media (max-width:560px){
|
|
||||||
.lp-h1{font-size:27px!important;}
|
|
||||||
.page [style*="padding:10px 40px"]{padding:10px 18px!important;}
|
|
||||||
.lp-header{padding:0 12px!important;}
|
|
||||||
#theme-label{display:none!important;}
|
|
||||||
.lp-hactions{gap:8px!important;}
|
|
||||||
.lp-hactions button{height:38px!important;padding:0 11px!important;font-size:13px!important;}
|
|
||||||
}
|
|
||||||
@media (max-width:430px){
|
|
||||||
.lp-hactions a.auth-login-link{display:none!important;}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body data-theme="grafit">
|
<body data-theme="grafit">
|
||||||
<script>try{var _t=localStorage.getItem('theme');var _V={light:1,dark:1,petrol:1,grafit:1,cobalt:1,cupru:1,hartie:1,auto:1};if(_t&&_V[_t]){var _r=_t==='auto'?(window.matchMedia('(prefers-color-scheme: light)').matches?'light':'dark'):_t;document.body.setAttribute('data-theme',_r);}}catch(e){}</script>
|
<script>try{var _t=localStorage.getItem('theme');var _V={light:1,dark:1,petrol:1,grafit:1,cobalt:1,cupru:1,hartie:1,auto:1};if(_t&&_V[_t]){var _r=_t==='auto'?(window.matchMedia('(prefers-color-scheme: light)').matches?'light':'dark'):_t;document.body.setAttribute('data-theme',_r);}}catch(e){}</script>
|
||||||
<main class="page">
|
<main class="page">
|
||||||
<!-- HEADER -->
|
<!-- HEADER (comun cu paginile statice) -->
|
||||||
<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;">
|
{% include "_lp_header.html" %}
|
||||||
<div style="display:flex;align-items:center;gap:14px;">
|
|
||||||
<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>
|
|
||||||
</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="#cum-functioneaza" style="color:inherit;text-decoration:none;">Cum funcționează</a><a href="#api" style="color:inherit;text-decoration:none;">API</a><a href="#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>
|
|
||||||
|
|
||||||
<!-- HERO -->
|
<!-- HERO -->
|
||||||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:80px 40px 72px;">
|
<div style="display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:80px 40px 72px;">
|
||||||
@@ -93,7 +23,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div style="display:flex;gap:12px;margin-bottom:22px;">
|
<div style="display:flex;gap:12px;margin-bottom:22px;">
|
||||||
<button data-act="auth" data-tab="register" style="height:50px;padding:0 26px;border-radius:6px;background:#1F9D5C;border:1px solid #1F9D5C;color:#fff;font:700 15px 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 gratuit</button>
|
<button data-act="auth" data-tab="register" style="height:50px;padding:0 26px;border-radius:6px;background:#1F9D5C;border:1px solid #1F9D5C;color:#fff;font:700 15px 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 gratuit</button>
|
||||||
<button style="height:50px;padding:0 24px;border-radius:6px;background:transparent;border:1px solid var(--line,#262b36);color:var(--text,#e6e9ef);font:500 15px var(--font-ui);cursor:pointer;transition:transform .18s ease, background .18s ease, border-color .18s ease;" style-hover="background:#1F9D5C;border-color:#1F9D5C;color:#fff;transform:translateY(-1px)">Vezi cum funcționează</button>
|
<a href="#cum-functioneaza" style="display:inline-flex;align-items:center;height:50px;padding:0 24px;border-radius:6px;background:transparent;border:1px solid var(--line,#262b36);color:var(--text,#e6e9ef);font:500 15px 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)">Vezi cum funcționează</a>
|
||||||
</div>
|
</div>
|
||||||
<div style="display:flex;align-items:center;gap:14px;font:400 13px var(--font-ui);color:var(--sub,#8b93a7);flex-wrap:wrap;">
|
<div style="display:flex;align-items:center;gap:14px;font:400 13px var(--font-ui);color:var(--sub,#8b93a7);flex-wrap:wrap;">
|
||||||
<span style="display:flex;align-items:center;gap:6px;"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#2FBF8F" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg>Conform Legii 142/2023</span>
|
<span style="display:flex;align-items:center;gap:6px;"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#2FBF8F" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg>Conform Legii 142/2023</span>
|
||||||
@@ -304,7 +234,7 @@
|
|||||||
<div style="display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:99px;border:1px solid var(--line,#262b36);color:var(--sub,#8b93a7);font:500 12px var(--font-ui);margin-bottom:18px;">Pentru service-uri cu soft propriu</div>
|
<div style="display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:99px;border:1px solid var(--line,#262b36);color:var(--sub,#8b93a7);font:500 12px var(--font-ui);margin-bottom:18px;">Pentru service-uri cu soft propriu</div>
|
||||||
<h2 style="font:700 30px/1.15 var(--font-ui);letter-spacing:-.02em;margin:0 0 14px;color:var(--text,#e6e9ef);">Ai deja un soft de service? Conectează-l automat</h2>
|
<h2 style="font:700 30px/1.15 var(--font-ui);letter-spacing:-.02em;margin:0 0 14px;color:var(--text,#e6e9ef);">Ai deja un soft de service? Conectează-l automat</h2>
|
||||||
<p style="font:400 15px/1.65 var(--font-ui);color:var(--sub,#8b93a7);margin:0 0 24px;">Softul tău se poate conecta și direct la API-ul RAR Auto-Pass. Cu ROMFAST primești în plus asistență la maparea automată a operațiilor tale (prin mai multe metode) și salvarea mapărilor pentru trimiterile viitoare — totul printr-un singur apel, cu cheie API per cont.</p>
|
<p style="font:400 15px/1.65 var(--font-ui);color:var(--sub,#8b93a7);margin:0 0 24px;">Softul tău se poate conecta și direct la API-ul RAR Auto-Pass. Cu ROMFAST primești în plus asistență la maparea automată a operațiilor tale (prin mai multe metode) și salvarea mapărilor pentru trimiterile viitoare — totul printr-un singur apel, cu cheie API per cont.</p>
|
||||||
<button style="height:44px;padding:0 20px;border-radius:6px;background:transparent;border:1px solid var(--line,#262b36);color:var(--text,#e6e9ef);font:500 14px var(--font-ui);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .18s ease, background .18s ease, border-color .18s ease;" style-hover="background:#1F9D5C;border-color:#1F9D5C;color:#fff;transform:translateY(-1px)">Vezi documentația API <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M5 12h14M13 6l6 6-6 6"/></svg></button>
|
<a href="/documentatie-api" style="height:44px;padding:0 20px;border-radius:6px;background:transparent;border:1px solid var(--line,#262b36);color:var(--text,#e6e9ef);font:500 14px var(--font-ui);cursor:pointer;display:inline-flex;align-items:center;gap:8px;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)">Vezi documentația API <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
|
||||||
</div>
|
</div>
|
||||||
<div style="background:#0d1015;border:1px solid #262b36;border-radius:10px;overflow:hidden;">
|
<div style="background:#0d1015;border:1px solid #262b36;border-radius:10px;overflow:hidden;">
|
||||||
<div style="display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid #262b36;">
|
<div style="display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid #262b36;">
|
||||||
@@ -435,7 +365,7 @@
|
|||||||
<label style="display:block;margin-bottom:14px;"><span style="display:block;margin-bottom:6px;font:500 13px var(--font-ui);color:var(--sub,#8b93a7);">Email</span><input type="email" name="email" required placeholder="nume@service.ro" style="width:100%;height:44px;padding:0 12px;border:1px solid var(--line,#262b36);border-radius:6px;background:var(--card2,#0f1218);color:var(--text,#e6e9ef);font:400 14px var(--font-ui);outline:none;" /></label>
|
<label style="display:block;margin-bottom:14px;"><span style="display:block;margin-bottom:6px;font:500 13px var(--font-ui);color:var(--sub,#8b93a7);">Email</span><input type="email" name="email" required placeholder="nume@service.ro" style="width:100%;height:44px;padding:0 12px;border:1px solid var(--line,#262b36);border-radius:6px;background:var(--card2,#0f1218);color:var(--text,#e6e9ef);font:400 14px var(--font-ui);outline:none;" /></label>
|
||||||
<label style="display:block;margin-bottom:14px;"><span style="display:block;margin-bottom:6px;font:500 13px var(--font-ui);color:var(--sub,#8b93a7);">Parolă</span><input type="password" name="parola" required minlength="10" placeholder="Minim 10 caractere" style="width:100%;height:44px;padding:0 12px;border:1px solid var(--line,#262b36);border-radius:6px;background:var(--card2,#0f1218);color:var(--text,#e6e9ef);font:400 14px var(--font-ui);outline:none;" /></label>
|
<label style="display:block;margin-bottom:14px;"><span style="display:block;margin-bottom:6px;font:500 13px var(--font-ui);color:var(--sub,#8b93a7);">Parolă</span><input type="password" name="parola" required minlength="10" placeholder="Minim 10 caractere" style="width:100%;height:44px;padding:0 12px;border:1px solid var(--line,#262b36);border-radius:6px;background:var(--card2,#0f1218);color:var(--text,#e6e9ef);font:400 14px var(--font-ui);outline:none;" /></label>
|
||||||
<label style="display:block;margin-bottom:16px;"><span style="display:block;margin-bottom:6px;font:500 13px var(--font-ui);color:var(--sub,#8b93a7);">Pachet ales</span><select id="plan-select" name="plan" style="width:100%;height:44px;padding:0 10px;border:1px solid var(--line,#262b36);border-radius:6px;background:var(--card2,#0f1218);color:var(--text,#e6e9ef);font:400 14px var(--font-ui);outline:none;cursor:pointer;"><option value="free" selected>Gratuit — 0 lei/lună</option><option value="standard">Standard — 49 lei/lună</option><option value="pro">Pro — 59 lei/lună</option></select></label>
|
<label style="display:block;margin-bottom:16px;"><span style="display:block;margin-bottom:6px;font:500 13px var(--font-ui);color:var(--sub,#8b93a7);">Pachet ales</span><select id="plan-select" name="plan" style="width:100%;height:44px;padding:0 10px;border:1px solid var(--line,#262b36);border-radius:6px;background:var(--card2,#0f1218);color:var(--text,#e6e9ef);font:400 14px var(--font-ui);outline:none;cursor:pointer;"><option value="free" selected>Gratuit — 0 lei/lună</option><option value="standard">Standard — 49 lei/lună</option><option value="pro">Pro — 59 lei/lună</option></select></label>
|
||||||
<label style="display:flex;gap:9px;align-items:flex-start;margin-bottom:18px;font:400 13px/1.5 var(--font-ui);color:var(--sub,#8b93a7);cursor:pointer;"><input type="checkbox" name="consent" value="1" required style="margin-top:2px;accent-color:var(--accent,#2E74D6);width:16px;height:16px;flex-shrink:0;" />Sunt de acord cu Termenii și cu prelucrarea datelor conform politicii de confidențialitate (GDPR).</label>
|
<label style="display:flex;gap:9px;align-items:flex-start;margin-bottom:18px;font:400 13px/1.5 var(--font-ui);color:var(--sub,#8b93a7);cursor:pointer;"><input type="checkbox" name="consent" value="1" required style="margin-top:2px;accent-color:var(--accent,#2E74D6);width:16px;height:16px;flex-shrink:0;" /><span>Sunt de acord cu <a href="/termeni" target="_blank" rel="noopener" style="color:var(--accent,#2E74D6);">Termenii</a> și cu prelucrarea datelor conform <a href="/confidentialitate" target="_blank" rel="noopener" style="color:var(--accent,#2E74D6);">politicii de confidențialitate (GDPR)</a>.</span></label>
|
||||||
<button type="submit" class="btn-green" style="width:100%;height:48px;border-radius:6px;background:#1F9D5C;border:1px solid #1F9D5C;color:#fff;font:700 15px var(--font-ui);cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1), background .2s ease, box-shadow .2s ease;">Creează cont gratuit</button>
|
<button type="submit" class="btn-green" style="width:100%;height:48px;border-radius:6px;background:#1F9D5C;border:1px solid #1F9D5C;color:#fff;font:700 15px var(--font-ui);cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1), background .2s ease, box-shadow .2s ease;">Creează cont gratuit</button>
|
||||||
<div style="text-align:center;margin-top:14px;font:400 13px var(--font-ui);color:var(--sub,#8b93a7);">Ai deja cont? <a data-act="tab" data-tab="login" style="color:var(--accent,#2E74D6);font-weight:500;cursor:pointer;">Autentifică-te</a></div>
|
<div style="text-align:center;margin-top:14px;font:400 13px var(--font-ui);color:var(--sub,#8b93a7);">Ai deja cont? <a data-act="tab" data-tab="login" style="color:var(--accent,#2E74D6);font-weight:500;cursor:pointer;">Autentifică-te</a></div>
|
||||||
</form>
|
</form>
|
||||||
@@ -451,14 +381,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- FOOTER -->
|
<!-- FOOTER (comun cu paginile statice) -->
|
||||||
<div style="border-top:1px solid var(--line,#262b36);padding:36px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;">
|
{% include "_lp_footer.html" %}
|
||||||
<div style="font:700 18px var(--font-ui);letter-spacing:-.02em;color:var(--text,#e6e9ef);">ROM<span style="color:var(--accent,#2E74D6);">FAST</span></div>
|
|
||||||
<div style="display:flex;gap:26px;font:400 14px var(--font-ui);color:var(--sub,#8b93a7);">
|
|
||||||
<span>Termeni</span><span>Confidențialitate / GDPR</span><span>Documentație API</span><span>Contact</span>
|
|
||||||
</div>
|
|
||||||
<div style="font:400 13px var(--font-ui);color:var(--mut,#5c6473);">© 2026 ROMFAST</div>
|
|
||||||
</div>
|
|
||||||
</main>
|
</main>
|
||||||
<script>
|
<script>
|
||||||
(function(){
|
(function(){
|
||||||
|
|||||||
72
app/web/templates/landing_static.html
Normal file
72
app/web/templates/landing_static.html
Normal file
@@ -0,0 +1,72 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ro">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>{% block titlu %}ROA AUTOPASS{% endblock %} — ROA AUTOPASS</title>
|
||||||
|
<meta name="description" content="{% block descriere %}ROA AUTOPASS — gateway de declarare a prestatiilor la RAR Auto-Pass.{% endblock %}">
|
||||||
|
{% include "_lp_style.html" %}
|
||||||
|
<style>
|
||||||
|
/* Prose pentru paginile statice (termeni, GDPR, contact, documentatie API). */
|
||||||
|
.lp-prose{max-width:820px;margin:0 auto;padding:56px 40px 80px;}
|
||||||
|
.lp-prose h1{font:700 34px/1.15 var(--font-ui);letter-spacing:-.02em;margin:0 0 8px;color:var(--text,#e6e9ef);}
|
||||||
|
.lp-prose .lp-sub{font:400 14px var(--font-ui);color:var(--mut,#5c6473);margin:0 0 36px;}
|
||||||
|
.lp-prose h2{font:700 20px/1.3 var(--font-ui);letter-spacing:-.01em;margin:36px 0 10px;color:var(--text,#e6e9ef);}
|
||||||
|
.lp-prose p,.lp-prose li{font:400 15px/1.7 var(--font-ui);color:var(--sub,#8b93a7);}
|
||||||
|
.lp-prose p{margin:0 0 12px;}
|
||||||
|
.lp-prose ul{margin:0 0 12px;padding-left:22px;}
|
||||||
|
.lp-prose li{margin-bottom:6px;}
|
||||||
|
.lp-prose strong{color:var(--text,#e6e9ef);font-weight:600;}
|
||||||
|
.lp-prose a{color:var(--accent,#2E74D6);}
|
||||||
|
.lp-prose code{font:400 13px var(--font-mono);color:var(--text,#e6e9ef);background:var(--card,#181c24);border:1px solid var(--line,#262b36);border-radius:4px;padding:1px 5px;}
|
||||||
|
.lp-prose pre{background:var(--card,#181c24);border:1px solid var(--line,#262b36);border-radius:8px;padding:16px;overflow-x:auto;margin:0 0 12px;}
|
||||||
|
.lp-prose pre code{background:none;border:none;padding:0;font:400 13px/1.6 var(--font-mono);}
|
||||||
|
.lp-prose table{width:100%;border-collapse:collapse;margin:0 0 12px;}
|
||||||
|
.lp-prose th,.lp-prose td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line,#262b36);font:400 14px/1.5 var(--font-ui);color:var(--sub,#8b93a7);}
|
||||||
|
.lp-prose th{color:var(--text,#e6e9ef);font-weight:600;}
|
||||||
|
.lp-prose .lp-card{background:var(--card,#181c24);border:1px solid var(--line,#262b36);border-radius:10px;padding:18px 20px;margin:0 0 12px;}
|
||||||
|
@media (max-width:700px){.lp-prose{padding:36px 20px 48px;}}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body data-theme="grafit">
|
||||||
|
<script>try{var _t=localStorage.getItem('theme');var _V={light:1,dark:1,petrol:1,grafit:1,cobalt:1,cupru:1,hartie:1,auto:1};if(_t&&_V[_t]){var _r=_t==='auto'?(window.matchMedia('(prefers-color-scheme: light)').matches?'light':'dark'):_t;document.body.setAttribute('data-theme',_r);}}catch(e){}</script>
|
||||||
|
<main class="page">
|
||||||
|
{% with lp_root = "/" %}{% include "_lp_header.html" %}{% endwith %}
|
||||||
|
|
||||||
|
<div class="lp-prose">
|
||||||
|
{% block continut %}{% endblock %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% include "_lp_footer.html" %}
|
||||||
|
</main>
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
// Aceeasi rotatie de teme si cheie 'theme' ca landing/base.html.
|
||||||
|
var THEMES=[['light','Light'],['dark','Dark'],['petrol','Petrol'],['grafit','Grafit'],['cobalt','Cobalt'],['cupru','Cupru'],['hartie','Hârtie'],['auto','Auto']];
|
||||||
|
var VALID=THEMES.reduce(function(a,t){a[t[0]]=1;return a;},{});
|
||||||
|
var body=document.body;
|
||||||
|
function resolve(id){return id==='auto'?(window.matchMedia('(prefers-color-scheme: light)').matches?'light':'dark'):id;}
|
||||||
|
function storedId(){try{var v=localStorage.getItem('theme');return (v&&VALID[v])?v:null;}catch(e){return null;}}
|
||||||
|
function curIndex(){var t=storedId()||body.getAttribute('data-theme')||'grafit';for(var i=0;i<THEMES.length;i++){if(THEMES[i][0]===t)return i;}return 3;}
|
||||||
|
function label(i){var l=document.getElementById('theme-label');if(l)l.textContent=THEMES[i][1];}
|
||||||
|
function applyTheme(i){i=((i%THEMES.length)+THEMES.length)%THEMES.length;var id=THEMES[i][0];body.setAttribute('data-theme',resolve(id));label(i);try{localStorage.setItem('theme',id);}catch(e){}}
|
||||||
|
(function(){var i=curIndex();body.setAttribute('data-theme',resolve(THEMES[i][0]));label(i);})();
|
||||||
|
|
||||||
|
function parseStyle(str){var o={};str.split(';').forEach(function(p){var idx=p.indexOf(':');if(idx>0)o[p.slice(0,idx).trim()]=p.slice(idx+1).trim();});return o;}
|
||||||
|
document.querySelectorAll('[style-hover]').forEach(function(el){
|
||||||
|
var hov=parseStyle(el.getAttribute('style-hover'));var keys=Object.keys(hov);var saved={};
|
||||||
|
el.addEventListener('mouseenter',function(){keys.forEach(function(k){saved[k]=el.style.getPropertyValue(k);el.style.setProperty(k,hov[k]);});});
|
||||||
|
el.addEventListener('mouseleave',function(){keys.forEach(function(k){el.style.setProperty(k,saved[k]);});});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Pe paginile statice nu exista formularul #inregistrare: butonul de auth duce pe landing.
|
||||||
|
document.addEventListener('click',function(e){
|
||||||
|
var t=e.target.closest('[data-act]');if(!t)return;
|
||||||
|
var act=t.getAttribute('data-act');
|
||||||
|
if(act==='theme'){applyTheme(curIndex()+1);}
|
||||||
|
else if(act==='auth'){e.preventDefault();window.location.href='/#inregistrare';}
|
||||||
|
});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
53
app/web/templates/termeni.html
Normal file
53
app/web/templates/termeni.html
Normal file
@@ -0,0 +1,53 @@
|
|||||||
|
{% extends "landing_static.html" %}
|
||||||
|
{% block titlu %}Termeni și condiții{% endblock %}
|
||||||
|
{% block descriere %}Termenii și condițiile de utilizare a serviciului ROA AUTOPASS.{% endblock %}
|
||||||
|
{% block continut %}
|
||||||
|
<h1>Termeni și condiții</h1>
|
||||||
|
<p class="lp-sub">Ultima actualizare: 9 iulie 2026</p>
|
||||||
|
|
||||||
|
<h2>1. Serviciul</h2>
|
||||||
|
<p><strong>ROA AUTOPASS</strong> este un serviciu operat de <strong>ROMFAST</strong> care preia prezentările
|
||||||
|
(prestațiile) din service-ul tău auto — prin import de fișier sau prin API — și le transmite în numele tău
|
||||||
|
către sistemul <strong>RAR Auto-Pass</strong>, conform Legii nr. 142/2023 și OMTI nr. 210/2024.</p>
|
||||||
|
<p>Serviciul nu înlocuiește obligațiile legale ale service-ului: tu rămâi responsabil de corectitudinea
|
||||||
|
datelor declarate (VIN, kilometraj, data prestației, operațiile efectuate).</p>
|
||||||
|
|
||||||
|
<h2>2. Contul</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Contul se creează gratuit, pe baza datelor firmei (denumire, CUI, email).</li>
|
||||||
|
<li>Ești responsabil de confidențialitatea parolei și a cheilor API generate pe cont.</li>
|
||||||
|
<li>Credențialele tale RAR Auto-Pass sunt folosite exclusiv pentru transmiterea prestațiilor tale și sunt stocate criptat.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>3. Planuri și prețuri</h2>
|
||||||
|
<ul>
|
||||||
|
<li><strong>Gratuit</strong> — 0 lei/lună, până la 60 de trimiteri/lună, import CSV/XLSX.</li>
|
||||||
|
<li><strong>Standard</strong> — 49 lei/lună (fără TVA), trimiteri nelimitate.</li>
|
||||||
|
<li><strong>Pro</strong> — 59 lei/lună (fără TVA), trimiteri nelimitate + acces API.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Fiecare cont nou primește 30 de zile de Pro gratuit; la final trece automat pe planul Gratuit, fără plată.
|
||||||
|
Poți schimba sau anula planul oricând; prețurile pot fi actualizate cu notificare prealabilă.</p>
|
||||||
|
|
||||||
|
<h2>4. Ce garantăm și ce nu</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Depunem eforturi rezonabile ca serviciul să fie disponibil continuu, dar nu garantăm funcționarea
|
||||||
|
neîntreruptă — inclusiv pentru că transmiterea depinde de disponibilitatea sistemului RAR Auto-Pass.</li>
|
||||||
|
<li>Fiecare trimitere are protecție la duplicate și stare vizibilă în dashboard (trimisă, în coadă, de corectat).</li>
|
||||||
|
<li>O prezentare înregistrată la RAR este definitivă în sistemul RAR; corecțiile ulterioare se fac prin suportul RAR.</li>
|
||||||
|
<li>Răspunderea ROMFAST este limitată la contravaloarea abonamentului plătit pe ultimele 3 luni.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>5. Utilizare acceptabilă</h2>
|
||||||
|
<p>Este interzisă folosirea serviciului pentru declararea de date false, pentru conturi ale altor firme fără
|
||||||
|
acordul acestora sau în orice mod care afectează funcționarea platformei ori a sistemului RAR.
|
||||||
|
Conturile care încalcă aceste reguli pot fi suspendate.</p>
|
||||||
|
|
||||||
|
<h2>6. Datele tale</h2>
|
||||||
|
<p>Prelucrarea datelor cu caracter personal este descrisă în
|
||||||
|
<a href="/confidentialitate">Politica de confidențialitate / GDPR</a>. Pe scurt: reținem doar strictul necesar,
|
||||||
|
datele sunt criptate, iar trimiterile se șterg automat după 90 de zile.</p>
|
||||||
|
|
||||||
|
<h2>7. Contact</h2>
|
||||||
|
<p>Pentru orice întrebare legată de acești termeni: <a href="mailto:contact@romfast.ro">contact@romfast.ro</a>
|
||||||
|
sau pagina de <a href="https://romfast.ro/menu/contact.html" target="_blank" rel="noopener">Contact</a>.</p>
|
||||||
|
{% endblock %}
|
||||||
@@ -791,12 +791,17 @@ def test_login_branded_nu_schelet(client):
|
|||||||
# ============================================================
|
# ============================================================
|
||||||
|
|
||||||
def _citeste_landing() -> str:
|
def _citeste_landing() -> str:
|
||||||
"""Returneaza continutul landing.html (template static; variabilele Jinja2 nu
|
"""Returneaza landing.html + partial-urile comune (antet/footer/stil sunt
|
||||||
|
include-uri partajate cu paginile statice publice; variabilele Jinja2 nu
|
||||||
afecteaza copy-ul de limita/plan/buton verificat mai jos)."""
|
afecteaza copy-ul de limita/plan/buton verificat mai jos)."""
|
||||||
from pathlib import Path
|
from pathlib import Path
|
||||||
p = Path(__file__).parent.parent / "app" / "web" / "templates" / "landing.html"
|
tdir = Path(__file__).parent.parent / "app" / "web" / "templates"
|
||||||
assert p.exists(), f"landing.html negasit la {p}"
|
parts = []
|
||||||
return p.read_text(encoding="utf-8")
|
for nume in ("landing.html", "_lp_header.html", "_lp_footer.html", "_lp_style.html"):
|
||||||
|
p = tdir / nume
|
||||||
|
assert p.exists(), f"{nume} negasit la {p}"
|
||||||
|
parts.append(p.read_text(encoding="utf-8"))
|
||||||
|
return "\n".join(parts)
|
||||||
|
|
||||||
|
|
||||||
def test_landing_limita_60():
|
def test_landing_limita_60():
|
||||||
|
|||||||
Reference in New Issue
Block a user