Restructurare website: 26→15 pagini, temă unitară, meniu nou, Aplicații online

Squash merge din branch restructurare-site.

- 26→15 pagini active; temă unitară pe standardul index.html
- nav canonic propagat identic (logo→home, fără „Prima pagina"); dropdown ROA;
  „Servicii" (pagină consolidată), „Aplicații online" (nou), „Referințe"
- module ROA înglobate: comenzi→facturare#comenzi, situații→financiar#raportare,
  aplicatii-specifice→aplicatii-erp#capacitati, „Cum arată ROA"→aplicatii-erp#cum-arata
- pagini noi: menu/servicii.html, menu/aplicatii-online.html
- ștergeri: chatbot, desprenoi, analiza, implementare, roa-suport-tehnic,
  alteservicii, comenzi-clienti, situatii-financiare, aplicatii-specifice, cum-arata-roa
- corecții acuratețe (Capacități tehnice): scoase 2FA/criptare/app mobilă;
  raportare web marcată „în dezvoltare"
- referinte.html: contrast dark reparat; service-auto: referințe moarte scoase
- noindex pe chatbot_maria*; sitemap.xml actualizat; scroll-padding pentru ancore
- QA Playwright light+dark: 0 erori consolă, 0 linkuri interne rupte

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-06-26 14:46:13 +00:00
parent cb2d9178fb
commit b6ad4cdf9c
34 changed files with 3122 additions and 4626 deletions

View File

@@ -3,30 +3,21 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ROA Contracte clienti - Romfast</title>
<meta name="description" content="Romfast produce programe de contabilitate, gestiune, resurse umane, imobilizari, salarizare: ROA - Sistem Informatic ERP. ROA Contracte Clienti - monitorizare evolutie contracte de vanzari din punct de vedere financiar.">
<meta name="keywords" content="programe horeca, Program service auto, program contabilitate gestiune salarii facturare mijloace fixe productie, roa, romfast, soft contabilitate gestiune salarii, sistem informatic contabilitate, analiza indicatori economici, note contabile, management financiar-contabil, resurse umane, relatii furnizori clientii, managementul obiectelor de inventar, aprovizionare, programe devize auto, prospectare ofertare, management contracte si comenzi la furnizori sau clienti, livrari, incasari, politici de preturi si tarife, analiza activitatii, analize de trend, top-down, eficienta centrelor de cost/profit, cash-flow, bugete, program normative auto, program restaurant, program hotel, suport tehnic, servicii implementare, business inteligence,instrument de management,sistem informatic complex de tip ERP,coduri activare">
<title>Contracte clienți și furnizori Romfast</title>
<meta name="description" content="ROA Contracte clienți și furnizori: monitorizezi evoluția financiară a contractelor de vânzări și de aprovizionare, cu termene, scadențe și facturare periodică legată direct de contabilitate.">
<meta name="author" content="S.C. Romfast S.R.L.">
<meta name="copyright" content="Copyright - S.C. Romfast S.R.L.">
<meta name="revisit-after" content="3 days">
<meta name="distribution" content="GLOBAL">
<meta name="googlebot" content="index, follow, all">
<meta name="robots" content="index, follow, all">
<meta name="rating" content="General">
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Flowbite -->
<script src="https://cdn.jsdelivr.net/npm/flowbite@2.0.0/dist/flowbite.min.js"></script>
<!-- Lucide Icons -->
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Merriweather:wght@300;400;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<!-- Professional Theme CSS -->
<link href="../professional-theme.css" rel="stylesheet">
</head>
<body class="min-h-screen">
<!-- Soft Professional Blue Header -->
<!--NAV-START-->
<!-- ============ STICKY NAV (canonic — identic în toate paginile) ============ -->
<header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between gap-6">
@@ -38,24 +29,27 @@
<!-- Centered Navigation -->
<div class="hidden lg:flex items-center gap-7">
<a href="/index.html" class="nav-link">Prima pagina</a>
<a href="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group">
<button class="nav-link flex items-center gap-1">
<span>Servicii</span>
<span>ROA</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i>
</button>
<div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<a href="/menu/analiza.html" class="block px-4 py-3">Analiza</a>
<a href="/menu/implementare.html" class="block px-4 py-3">Implementare</a>
<a href="/menu/roa-suport-tehnic.html" class="block px-4 py-3">Suport tehnic ROA</a>
<a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
<div class="nav-dropdown absolute top-full left-0 mt-2 w-56 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<a href="/roa/aplicatii-erp.html" class="block px-4 py-3">Toate aplicațiile</a>
<a href="/roa/roa-financiar-contabilitate.html" class="block px-4 py-3">Financiar &amp; Contabilitate</a>
<a href="/roa/roa-gestiune.html" class="block px-4 py-3">Gestiune</a>
<a href="/roa/roa-facturare.html" class="block px-4 py-3">Facturare &amp; e-Factura</a>
<a href="/roa/roa-contracte-clienti.html" class="block px-4 py-3">Contracte clienți și furnizori</a>
<a href="/roa/roa-imobilizari.html" class="block px-4 py-3">Imobilizări</a>
<a href="/roa/roa-horeca.html" class="block px-4 py-3">HORECA</a>
<a href="/roa/roa-service-auto.html" class="block px-4 py-3">Service Auto</a>
<a href="/roa/roa-proiecte-devize.html" class="block px-4 py-3">Proiecte &amp; Devize</a>
</div>
</div>
<a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="/menu/servicii.html" class="nav-link">Servicii</a>
<a href="/menu/aplicatii-online.html" class="nav-link">Aplicații online</a>
<a href="/menu/referinte.html" class="nav-link">Referințe</a>
<a href="/menu/angajari.html" class="nav-link">Angajări</a>
<a href="/menu/contact.html" class="nav-cta">Contact</a>
</div>
@@ -74,151 +68,195 @@
<!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-1">
<a href="/index.html" class="nav-link block py-2">Prima pagina</a>
<a href="/menu/desprenoi.html" class="nav-link block py-2">Despre noi</a>
<a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="eyebrow">Servicii</p>
<a href="/menu/analiza.html" class="nav-link block py-1 text-sm">Analiza</a>
<a href="/menu/implementare.html" class="nav-link block py-1 text-sm">Implementare</a>
<a href="/menu/roa-suport-tehnic.html" class="nav-link block py-1 text-sm">Suport tehnic ROA</a>
<a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
<p class="eyebrow">ROA</p>
<a href="/roa/aplicatii-erp.html" class="nav-link block py-1 text-sm">Toate aplicațiile</a>
<a href="/roa/roa-financiar-contabilitate.html" class="nav-link block py-1 text-sm">Financiar &amp; Contabilitate</a>
<a href="/roa/roa-gestiune.html" class="nav-link block py-1 text-sm">Gestiune</a>
<a href="/roa/roa-facturare.html" class="nav-link block py-1 text-sm">Facturare &amp; e-Factura</a>
<a href="/roa/roa-contracte-clienti.html" class="nav-link block py-1 text-sm">Contracte clienți și furnizori</a>
<a href="/roa/roa-imobilizari.html" class="nav-link block py-1 text-sm">Imobilizări</a>
<a href="/roa/roa-horeca.html" class="nav-link block py-1 text-sm">HORECA</a>
<a href="/roa/roa-service-auto.html" class="nav-link block py-1 text-sm">Service Auto</a>
<a href="/roa/roa-proiecte-devize.html" class="nav-link block py-1 text-sm">Proiecte &amp; Devize</a>
</div>
<a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="/menu/servicii.html" class="nav-link block py-2">Servicii</a>
<a href="/menu/aplicatii-online.html" class="nav-link block py-2">Aplicații online</a>
<a href="/menu/referinte.html" class="nav-link block py-2">Referințe</a>
<a href="/menu/angajari.html" class="nav-link block py-2">Angajări</a>
<a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div>
</div>
</nav>
</header>
<!--NAV-END-->
<!-- Main Content Container -->
<main class="container mx-auto px-4 py-8 max-w-7xl">
<!-- Breadcrumb -->
<nav aria-label="breadcrumb" class="mb-6">
<ol class="flex items-center space-x-2 text-sm text-gray-600">
<li><a href="../index.html" class="hover:text-blue-600 transition-colors">Home</a></li>
<li class="flex items-center space-x-2">
<i data-lucide="chevron-right" class="w-4 h-4"></i>
<a href="aplicatii-erp.html" class="hover:text-blue-600 transition-colors">ROA - Romfast applications</a>
</li>
<li class="flex items-center space-x-2">
<i data-lucide="chevron-right" class="w-4 h-4"></i>
<a href="aplicatii-erp.html" class="hover:text-blue-600 transition-colors">Aplicatii ROA</a>
</li>
<li class="flex items-center space-x-2">
<i data-lucide="chevron-right" class="w-4 h-4"></i>
<span class="professional-text-primary font-medium">ROA Contracte clienti</span>
</li>
</ol>
</nav>
<!-- Page Header -->
<section class="mb-12">
<div class="text-center">
<img src="images/roacontracteclienti.png" width="233" height="29" alt="ROA Contracte clienti" class="mx-auto mb-6">
<h1 class="text-4xl font-bold professional-text-primary">ROA Contracte Clienti</h1>
</div>
</section>
<!-- Main Content Section -->
<section class="mb-16">
<div class="max-w-4xl mx-auto">
<div class="professional-card">
<div class="p-8">
<div class="mb-8">
<p class="text-xl professional-text-secondary leading-relaxed"><strong class="professional-text-primary">Scopul</strong> acestui program este acela de a monitoriza evolutia contractelor de vanzari din punct de vedere financiar.</p>
</div>
<h3 class="text-2xl font-semibold mb-4 professional-text-primary">Organizarea programului:</h3>
<div class="mb-8">
<p class="professional-text-secondary mb-4">Este in 5 pagini cu urmatoarele roluri:</p>
<div class="space-y-3">
<div class="flex items-start space-x-3">
<i data-lucide="settings" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<div><strong class="professional-text-primary">Definire</strong>: <span class="professional-text-secondary">se definesc tipuri de contracte, agenti, responsabili, valute, clienti, s.a.</span></div>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="list" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<div><strong class="professional-text-primary">Lista contractelor</strong>: <span class="professional-text-secondary">formular cu posibilitati de filtrare si ordonare a contractelor;</span></div>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="file-text" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<div><strong class="professional-text-primary">Datele contractelor</strong>;</div>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="receipt" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<div><strong class="professional-text-primary">Facturi</strong>: <span class="professional-text-secondary">instrumente pentru urmarirea facturilor aferente contractului ales;</span></div>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="credit-card" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<div><strong class="professional-text-primary">Incasari</strong>: <span class="professional-text-secondary">instrumente pentru urmarirea facturilor si platilor aferente contractului ales.</span></div>
</div>
</div>
</div>
<h3 class="text-2xl font-semibold mb-4 professional-text-primary">Contractele sunt descrise prin urmatoarele grupuri de caracteristici:</h3>
<div class="mb-8">
<div class="space-y-3">
<div class="flex items-start space-x-3">
<i data-lucide="info" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
<div><strong class="professional-text-primary">Date generale</strong>: <span class="professional-text-secondary">clientul, data si numarul contractului, tipul de contract, perioada de valabilitate, s.a.</span></div>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="package" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
<div><strong class="professional-text-primary">Obiectul si valoarea contractului</strong>: <span class="professional-text-secondary">articolele vandute (marfuri si/sau servicii), discount-uri pe articole, discount total, valoarea contractului, valuta;</span></div>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="calendar" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
<div><strong class="professional-text-primary">Termene de facturare si achitare</strong>: <span class="professional-text-secondary">sub forma de tabel: rate, scadente;</span></div>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="truck" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
<div><strong class="professional-text-primary">Termene de livrare si receptie</strong>;</div>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="cog" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
<div><strong class="professional-text-primary">Setari speciale</strong> <span class="professional-text-secondary">pentru facturarea contractului;</span></div>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="file-text" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
<div><strong class="professional-text-primary">Clauze speciale si observatii</strong>;</div>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="paperclip" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
<div><strong class="professional-text-primary">Documente atasate</strong>: <span class="professional-text-secondary">lista cu link-uri ale documentelor in format electronic.</span></div>
</div>
</div>
</div>
<h3 class="text-2xl font-semibold mb-4 professional-text-primary">Legaturile cu alte programe din suita ROA:</h3>
<div class="mb-8">
<div class="space-y-4">
<div class="flex items-start space-x-3">
<i data-lucide="link" class="w-5 h-5 text-purple-600 mt-1 flex-shrink-0"></i>
<p class="professional-text-secondary">La definirea unui contract, anumite informatii (nr, data, client) devin vizibile si in alte programe: in contabilitate, de exemplu: se pot ulterior introduce facturi sau alte documente aferente acestui contract, asociindu-se la acesta.</p>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="link" class="w-5 h-5 text-purple-600 mt-1 flex-shrink-0"></i>
<p class="professional-text-secondary">La un contract cu scadentar de facturi se pot atasa facturi deja inregistrate in contabilitate in scopul urmaririi stadiul contractului d.p.d.v. financiar;</p>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="link" class="w-5 h-5 text-purple-600 mt-1 flex-shrink-0"></i>
<p class="professional-text-secondary">Incasarile la facturile aferente unui contract se pot vedea in rapoarte speciale in programul de contracte.</p>
</div>
</div>
</div>
<div class="text-center mt-8">
<button onclick="history.back();" class="professional-btn-secondary">Inapoi</button>
</div>
</div>
<main>
<!-- HERO -->
<section class="professional-hero text-center">
<div data-reveal data-i="0" class="max-w-4xl mx-auto">
<span class="pill-badge">ROA · Contracte</span>
<h1 class="hero-title">Contracte clienți și furnizori, <span class="accent">urmărite financiar</span> până la ultimul leu.</h1>
<p class="hero-sub">Monitorizezi evoluția contractelor de <strong>vânzări</strong> și de <strong>aprovizionare</strong> dintr-un singur loc: termene, scadențe, valori și facturare periodică, legate direct de contabilitate.</p>
<div class="flex flex-wrap gap-3.5 items-center justify-center mt-8">
<a href="/menu/contact.html" class="btn-solid">Programează demo</a>
<a href="tel:+40723197939" class="btn-ghost">Sună direct: 0723 197 939</a>
</div>
</div>
</section>
<!-- AVANTAJE -->
<section class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div class="eyebrow mb-3">De ce un program dedicat de contracte</div>
<h2 class="text-3xl md:text-4xl mb-6">Controlezi fiecare contract, pe ambele sensuri</h2>
<div class="grid sm:grid-cols-3 gap-5">
<div data-reveal data-i="0" class="feature-card">
<span class="feature-icon">
<svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="1.7"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><path d="M9 13h6M9 17h4"/></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Clienți și furnizori</span>
<span class="feature-desc">Aceeași evidență pentru contractele de vânzare și pentru cele de aprovizionare — vezi ce ai de încasat și ce ai de plătit.</span>
</span>
</div>
<div data-reveal data-i="1" class="feature-card">
<span class="feature-icon">
<svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="1.7"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/><path d="M8 14h.01M12 14h.01M16 14h.01"/></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Scadențe și termene</span>
<span class="feature-desc">Scadențar de facturare și achitare sub formă de tabel — rate, termene de livrare și recepție, fără surprize la final de lună.</span>
</span>
</div>
<div data-reveal data-i="2" class="feature-card is-accent">
<span class="feature-icon is-accent">
<svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="1.7"><path d="M3 3v18h18"/><path d="m19 9-5 5-4-4-3 3"/></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Stadiu financiar în timp real</span>
<span class="feature-desc">Facturile și încasările aferente apar automat, așa că vezi instant cât s-a facturat, cât s-a achitat și cât a mai rămas din contract.</span>
</span>
</div>
</div>
</section>
<!-- FLUX Contracte → Facturare → Contabilitate -->
<section id="flux" class="max-w-4xl mx-auto px-4 lg:px-10 py-16">
<div class="eyebrow mb-3">Cum circulă datele</div>
<h2 class="text-3xl md:text-4xl mb-8">De la contract la facturare și contabilitate</h2>
<div class="module-grid">
<div class="module-row">
<span class="module-num">01</span>
<span class="flex flex-col gap-1">
<span class="module-name">Contracte</span>
<span class="module-desc">Definești contractul cu client sau furnizor: nr., dată, valoare, valută, termene și scadențe.</span>
</span>
</div>
<div class="module-row">
<span class="module-num">02</span>
<span class="flex flex-col gap-1">
<span class="module-name">Facturare</span>
<span class="module-desc">La un contract cu scadențar se atașează facturile, iar setările speciale pregătesc facturarea periodică.</span>
</span>
</div>
<div class="module-row">
<span class="module-num">03</span>
<span class="flex flex-col gap-1">
<span class="module-name">Contabilitate</span>
<span class="module-desc">Nr., data și partenerul devin vizibile în contabilitate; documentele aferente se asociază contractului.</span>
</span>
</div>
<div class="module-row">
<span class="module-num">04</span>
<span class="flex flex-col gap-1">
<span class="module-name">Încasări &amp; plăți</span>
<span class="module-desc">Încasările și plățile la facturile aferente se urmăresc în rapoarte speciale, pe stadiul fiecărui contract.</span>
</span>
</div>
</div>
</section>
<!-- CELE 7 GRUPURI DE CARACTERISTICI -->
<section id="caracteristici" class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div class="eyebrow mb-3">Anatomia unui contract</div>
<h2 class="text-3xl md:text-4xl mb-6">Cele 7 grupuri de caracteristici</h2>
<p class="hero-sub mb-10">Fiecare contract — de client sau de furnizor — este descris complet, pentru o urmărire financiară corectă.</p>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-5">
<div data-reveal data-i="0" class="feature-card">
<span class="feature-icon">
<svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="1.7"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Date generale</span>
<span class="feature-desc">Clientul sau furnizorul, data și numărul contractului, tipul de contract, perioada de valabilitate.</span>
</span>
</div>
<div data-reveal data-i="1" class="feature-card">
<span class="feature-icon">
<svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="1.7"><path d="m7.5 4.27 9 5.15"/><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5M12 22V12"/></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Obiectul și valoarea</span>
<span class="feature-desc">Articolele (mărfuri și/sau servicii), discount-uri pe articole și total, valoarea contractului și valuta.</span>
</span>
</div>
<div data-reveal data-i="2" class="feature-card">
<span class="feature-icon">
<svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="1.7"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Termene de facturare și achitare</span>
<span class="feature-desc">Sub formă de tabel: rate și scadențe, pentru un scadențar clar pe toată durata contractului.</span>
</span>
</div>
<div data-reveal data-i="3" class="feature-card">
<span class="feature-icon">
<svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="1.7"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/><path d="M15 18H9M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62l-3.48-4.35A1 1 0 0 0 17.52 8H14"/><circle cx="7" cy="18" r="2"/><circle cx="17" cy="18" r="2"/></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Termene de livrare și recepție</span>
<span class="feature-desc">Datele de livrare și de recepție asociate contractului, pentru corelarea cu facturarea.</span>
</span>
</div>
<div data-reveal data-i="4" class="feature-card">
<span class="feature-icon">
<svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="1.7"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Setări speciale de facturare</span>
<span class="feature-desc">Reguli specifice pentru facturarea contractului, ca facturile periodice să se genereze corect.</span>
</span>
</div>
<div data-reveal data-i="5" class="feature-card">
<span class="feature-icon">
<svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="1.7"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6M16 13H8M16 17H8M10 9H8"/></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Clauze speciale și observații</span>
<span class="feature-desc">Condițiile particulare și notele contractului, păstrate alături de datele financiare.</span>
</span>
</div>
<div data-reveal data-i="6" class="feature-card">
<span class="feature-icon">
<svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="1.7"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Documente atașate</span>
<span class="feature-desc">Listă cu link-uri către documentele în format electronic asociate contractului.</span>
</span>
</div>
</div>
</section>
<!-- CTA FINAL -->
<section class="max-w-4xl mx-auto px-4 lg:px-10 py-16 text-center">
<h2 class="text-2xl md:text-3xl mb-4">Vrei contractele sub control financiar?</h2>
<p class="hero-sub mx-auto mb-8">Îți arătăm cum ROA leagă contractele de clienți și furnizori direct de facturare și contabilitate.</p>
<div class="flex flex-wrap gap-3.5 justify-center">
<a href="/menu/contact.html" class="btn-solid">Programează demo</a>
<a href="tel:+40723197939" class="btn-ghost">0723 197 939</a>
</div>
</section>
</main>
<!-- Professional Footer -->
@@ -248,4 +286,4 @@
<!-- Professional Theme JavaScript -->
<script src="../professional-theme.js"></script>
</body>
</html>
</html>