290 lines
21 KiB
HTML
290 lines
21 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ro">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<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.">
|
|
<!-- 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>
|
|
<!-- Professional Theme CSS -->
|
|
<link href="../professional-theme.css" rel="stylesheet">
|
|
</head>
|
|
<body class="min-h-screen">
|
|
<!--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">
|
|
<!-- Logo -->
|
|
<a href="/index.html" class="flex items-center gap-3">
|
|
<img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
|
|
<span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
|
|
</a>
|
|
|
|
<!-- Centered Navigation -->
|
|
<div class="hidden lg:flex items-center gap-7">
|
|
<div class="relative group">
|
|
<button class="nav-link flex items-center gap-1">
|
|
<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-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 & 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 & 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 & Devize</a>
|
|
</div>
|
|
</div>
|
|
<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>
|
|
|
|
<!-- Theme Toggle & Mobile Menu -->
|
|
<div class="flex items-center gap-2">
|
|
<button id="theme-toggle" class="p-2" aria-label="Comută tema">
|
|
<i data-lucide="sun" class="w-5 h-5"></i>
|
|
</button>
|
|
<button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
|
|
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i>
|
|
<i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 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">
|
|
<div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
|
|
<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 & 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 & 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 & Devize</a>
|
|
</div>
|
|
<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>
|
|
<!-- 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 & 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 -->
|
|
<footer class="site-footer">
|
|
<div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
|
|
<!-- Aplicații online -->
|
|
<div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
|
|
<div class="flex flex-wrap gap-x-5 gap-y-2.5">
|
|
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
|
|
<a href="https://qr.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
|
|
<a href="https://ico.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
|
|
<a href="https://pdfqr.roa.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
|
|
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
|
|
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
|
|
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
|
|
<div class="flex flex-wrap gap-5">
|
|
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Professional Theme JavaScript -->
|
|
<script src="../professional-theme.js"></script>
|
|
</body>
|
|
</html>
|