romfast/romfast-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

63
404.html
View File

@@ -20,6 +20,8 @@
</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">
@@ -31,24 +33,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>
@@ -67,24 +72,28 @@
<!-- 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-12 max-w-4xl">
@@ -110,7 +119,7 @@
</a>
</li>
<li>
<a href="/roa/cum-arata-roa.html" class="block group">
<a href="/roa/aplicatii-erp.html#cum-arata" class="block group">
<h3 class="font-semibold text-base mb-1 professional-text-primary group-hover:underline">Cum arată ROA</h3>
<p class="text-sm professional-text-secondary">Capturi reale din aplicație — vezi ce primești.</p>
</a>
@@ -122,9 +131,9 @@
</a>
</li>
<li>
<a href="/menu/roa-suport-tehnic.html" class="block group">
<h3 class="font-semibold text-base mb-1 professional-text-primary group-hover:underline">Suport tehnic</h3>
<p class="text-sm professional-text-secondary">Resurse pentru clienți ROA și instrumente de suport.</p>
<a href="/menu/servicii.html" class="block group">
<h3 class="font-semibold text-base mb-1 professional-text-primary group-hover:underline">Servicii</h3>
<p class="text-sm professional-text-secondary">Implementare și suport tehnic ROA — resurse pentru clienți.</p>
</a>
</li>
<li>

6
TODOS.md Normal file
View File

@@ -0,0 +1,6 @@
# TODOS — Romfast Website
## Deferat din /autoplan restructurare (2026-06-26)
- [ ] Formular cerere ofertă calificat (industrie / dimensiune firmă / modul de interes) + integrare CRM/email — pârghia reală de conversie B2B. PRD separat.
- [ ] 2-3 case studies scrise din `referinte.html` (peste logo strip-ul din planul de restructurare).
- [ ] Benchmark competitiv vs ERP-uri de masă — sprijină mesajul „automatizări/integrări la comandă".

603
analiza-pagini-website.md Normal file
View File

@@ -0,0 +1,603 @@
# Analiză și Ranking Pagini Website Romfast
**Data:** 2026-06-26
**Scop:** Identificarea paginilor redundante, verbosity excesivă, și oportunități de simplificare
**Audiență primară:** Manageri IMM, contabili, clienți existenți, candidați
**Obiectiv vizitator:** Contact / cerere ofertă + explorare produs
---
## Brief pentru Sesiunea Nouă (citește înainte de orice)
### Cine este clientul și ce vrea
**Romfast SRL** este o companie românească din Constanța (fondată 1991) care vinde **ROA — Romfast Applications**, un sistem ERP care acoperă contabilitate, gestiune stocuri, imobilizări, HORECA, service auto și construcții. Site-ul este static (HTML + Tailwind CSS), fără CMS sau build process.
### Cerința utilizatorului (verbatim)
> „Vreau să fac o analiză a tuturor paginilor din website cu scopul să le rankez ca utilitate, redundanță și alte criterii. Scopul este să reduc numărul de pagini și/sau informații din website, să fie lean, functional, fără redundanțe, să nu fie verbose doar ca să fie verbose. Mă interesează să fie simplu și ușor de parcurs și de înțeles pentru vizitatori."
### Răspunsurile utilizatorului la întrebări clarificatoare
| Întrebare | Răspuns |
|-----------|---------|
| Scopul principal al vizitatorilor | Să contacteze / ceară ofertă + în subsidiar să vadă despre ce e vorba (poze, descrieri, arhitectură, soluții) |
| Audiența tipică | Manageri/antreprenori IMM, contabili/economiști, clienți existenți, candidați la joburi |
| Intră efactura-generator în analiză? | Nu — doar site-ul principal (`/`, `/menu/`, `/roa/`) |
| Date de trafic disponibile? | Nu — analiză editorială pură |
### Ce s-a făcut deja în această sesiune
Sesiunea curentă a:
1. Inventariat toate cele 26 de pagini HTML din site (exclusiv efactura-generator)
2. Extras pentru fiecare: titlu, secțiuni, rezumat conținut, CTA-uri, număr estimat de cuvinte
3. Definit 6 criterii de evaluare și a scorat fiecare pagină (scoruri în tabelul de mai jos)
4. Produs recomandări concrete per pagină și un plan de acțiuni grupat
### Ce trebuie să facă sesiunea nouă
**Sarcina:** Pe baza analizei din acest document, creează un **PRD (Product Requirements Document)** pentru restructurarea site-ului.
PRD-ul trebuie să conțină:
1. **Obiective** — ce vrem să obținem (site lean, fără redundanțe, conversie clară)
2. **Pagini de șters** — cu justificare și ce să se întâmple cu linkurile existente (redirect sau remove)
3. **Pagini de merge** — ce conținut se mută unde, exact
4. **Pagini de rescris** — ce schimbări de structură/conținut sunt necesare, ce se păstrează, ce se elimină
5. **Pagini de optimizat** — schimbări punctuale (fără rescriere completă)
6. **Navigare propusă** — cum arată meniul după restructurare
7. **Ordinea de implementare** — ce se face primul (impact mare, efort mic primul)
8. **Criterii de acceptanță** — cum știm că am terminat și că e bine
PRD-ul se va scrie ca fișier separat: `/workspace/romfast-website/prd-restructurare-site.md`
### Cerință de consistență vizuală (importantă)
**Toate paginile trebuie să se alinieze ca temă și stil la homepage (`index.html`)**, care a fost recent reproiectat și reprezintă standardul vizual al site-ului. Homepage-ul este referința de design — orice pagină rescrisă, restructurată sau nou creată trebuie să adopte același look & feel.
Concret, PRD-ul trebuie să includă ca cerință transversală:
- Același hero pattern (gradient navbar, heading mare, subheading, CTA-uri)
- Aceleași carduri, culori și tipografie din `professional-theme.css`
- Același footer și navigare ca pe homepage
- Paginile cu **layout vechi** (comenzi-clienti, contracte-clienti, facturare, situatii-financiare) sunt **explicit non-conforme** cu tema curentă și trebuie aduse la standard
### Contextul tehnic necesar
- **Repo:** `/workspace/romfast-website/` (git, branch `main`)
- **Stack:** HTML static + Tailwind CSS CDN + Flowbite CDN + Lucide Icons CDN
- **Fișier CSS principal:** `professional-theme.css` — conține variabilele de culoare și componentele custom
- **Fișier JS principal:** `professional-theme.js` — dark mode, mobile menu, Lucide icon init, scroll animations
- **Referința de design:** `index.html` — homepage-ul este standardul vizual; toate paginile se aliniază la el
- **Deploy:** rsync spre a2hosting (nu există `--delete` — fișierele șterse din repo rămân pe prod până la ștergere manuală)
- **Navigarea este duplicată manual** în fiecare pagină HTML (nu există templating)
- **Paginile cu layout vechi** (comenzi, contracte, facturare, situatii-financiare) folosesc un design diferit față de paginile noi — inconsistență vizuală evidentă
- **Nu există build process** — editezi direct HTML-ul
---
## Criterii de Evaluare
| # | Criteriu | Descriere | Scală |
|---|----------|-----------|-------|
| **U** | **Utilitate** | Ajută vizitatorul să-și atingă scopul (contact sau înțelegere produs) | 1–5 |
| **R** | **Relevanță conversie** | Duce spre contact / ofertă | 1–5 |
| **D** | **Redundanță** | Suprapunere cu alte pagini (5=zero redundanță, 1=duplicat aproape total) | 1–5 |
| **C** | **Calitate conținut** | Conținut bine scris, complet, actual, vizual decent | 1–5 |
| **I** | **Unicitate informație** | Oferă informație unică, nevăzută altundeva | 1–5 |
| **L** | **Leanness** | Concis și ușor de parcurs; fără verbose inutil | 1–5 |
**Scor total = suma celor 6 criterii (max 30)**
---
## Tabel Centralizator
| Pagină | U | R | D | C | I | L | **Total** | Recomandare |
|--------|---|---|---|---|---|---|-----------|-------------|
| `index.html` | 5 | 5 | 5 | 4 | 4 | 3 | **26** | Păstrează, optimizează |
| `menu/contact.html` | 5 | 5 | 5 | 5 | 5 | 5 | **30** | Esențial, nu atinge |
| `menu/referinte.html` | 5 | 4 | 5 | 5 | 5 | 4 | **28** | Keep |
| `roa/cum-arata-roa.html` | 5 | 4 | 5 | 5 | 5 | 4 | **28** | Keep |
| `roa/roa-service-auto.html` | 5 | 5 | 5 | 5 | 5 | 4 | **29** | Keep |
| `roa/roa-financiar-contabilitate.html` | 5 | 4 | 5 | 4 | 5 | 3 | **26** | Keep |
| `roa/roa-gestiune.html` | 4 | 3 | 4 | 4 | 4 | 3 | **22** | Keep, simplifică |
| `roa/roa-horeca.html` | 4 | 4 | 5 | 4 | 5 | 4 | **26** | Keep |
| `roa/roa-proiecte-devize.html` | 4 | 4 | 5 | 4 | 5 | 3 | **25** | Keep, taie statistici false |
| `roa/roa-imobilizari.html` | 3 | 3 | 4 | 3 | 4 | 4 | **21** | Keep, dar de simplificat |
| `menu/implementare.html` | 4 | 3 | 3 | 4 | 3 | 3 | **20** | Keep, merge cu analiza.html |
| `menu/roa-suport-tehnic.html` | 4 | 2 | 4 | 3 | 4 | 3 | **20** | Keep pentru clienți existenți |
| `roa/aplicatii-erp.html` | 3 | 3 | 2 | 3 | 2 | 3 | **16** | Discutabil — hub sau duplicat? |
| `menu/desprenoi.html` | 3 | 2 | 2 | 3 | 2 | 3 | **15** | Merge în Contact sau taie |
| `roa/roa-aplicatii-specifice.html` | 2 | 2 | 3 | 3 | 3 | 3 | **16** | Înglobează în aplicatii-erp |
| `menu/analiza.html` | 2 | 2 | 2 | 3 | 2 | 2 | **13** | Merge în implementare.html |
| `menu/alteservicii.html` | 2 | 2 | 1 | 2 | 1 | 3 | **11** | **Șterge / merge** |
| `roa/roa-facturare.html` | 3 | 1 | 3 | 2 | 3 | 4 | **16** | Rescrie sau înglobează |
| `roa/roa-situatii-financiare.html` | 2 | 1 | 3 | 2 | 3 | 4 | **15** | Rescrie sau înglobează |
| `roa/roa-comenzi-clienti.html` | 2 | 1 | 3 | 1 | 3 | 3 | **13** | Rescrie sau înglobează |
| `roa/roa-contracte-clienti.html` | 2 | 1 | 3 | 1 | 3 | 3 | **13** | Rescrie sau înglobează |
| `menu/angajari.html` | 2 | 1 | 4 | 2 | 3 | 4 | **16** | Simplifică radical |
| `menu/politica-confidentialitate.html` | 1 | 1 | 5 | 3 | 5 | 5 | **20** | Legal obligatoriu — nu atinge |
| `chatbot.html` | 1 | 1 | 2 | 1 | 3 | 5 | **13** | Depreciază (ngrok, instabil) |
| `chatbot_maria.html` | 3 | 2 | 3 | 2 | 4 | 5 | **19** | Tool intern — scoate din nav |
| `chatbot_maria2.html` | 3 | 2 | 2 | 2 | 5 | 5 | **19** | Tool intern — scoate din nav |
---
## Analiză Detaliată per Pagină
---
### `index.html` — **26/30** — Păstrează, optimizează
**Ce face bine:**
- Tagline clar, diferențiatori vizibili (30+ ani, Oracle, Microsoft)
- Lista modulelor ROA funcționează ca un cuprins al site-ului
- Două CTA-uri bune: "Vezi cum arată ROA" și numărul de telefon
**Probleme:**
- Secțiunea "Suport Tehnic" cu download-uri (Romfast Suport + Ammyy Admin) pe homepage e **out of place** — e conținut pentru clienți existenți, nu pentru prospecți
- Există 10 module listate ca carduri, dar unele duc la pagini vechi (comenzi, contracte, facturare, situații financiare) cu experiență slabă
- Pagina are ~300 cuvinte dar lasă impresia că "e ceva lipsă" — un paragraf scurt de intro despre ce este Romfast SRL ar ajuta
**Recomandări:**
1. Mută secțiunea de download suport tehnic în `roa-suport-tehnic.html`
2. Consideră dacă toate cele 10 module merită carduri separate sau dacă unele pot fi grupate
3. Adaugă 2-3 propoziții de intro despre Romfast (acum lipsește orice context înainte de modulele ERP)
---
### `menu/contact.html` — **30/30** — Esențial, nu atinge
**Ce face bine:**
- Adresă, telefoane, email, formular, Google Maps — tot ce trebuie
- Chatbot Maria embed pentru suport imediat
**Probleme:**
- Niciuna structurală
**Recomandări:**
- Nicio schimbare majoră necesară
---
### `menu/referinte.html` — **28/30** — Keep
**Ce face bine:**
- Social proof B2B extrem de puternic: 9 clienți reali cu ani de utilizare
- Statistici credibile (23 ani maxim, 5 clienți cu 20+ ani)
- Diversitate industrii demonstrată concret
**Probleme:**
- Pagina există dar nu știm dacă e vizibilă în navigare sau accesibilă ușor
- Ar putea fi mai scurtă — unele descrieri de clienți sunt mai verbale decât trebuie
**Recomandări:**
1. Asigură-te că e în navigarea principală — e cel mai puternic argument de vânzare
2. Consideră adăugarea unui logo sau foto pentru fiecare client (dacă au permis)
---
### `roa/cum-arata-roa.html` — **28/30** — Keep
**Ce face bine:**
- Screenshots reale din ROA — exact ce vrea un prospect curios
- Organizare pe departamente (Contabilitate, Gestiune, Service Auto, Construcții, Manager)
- Singurul loc unde vizitatorul "vede" produsul înainte de demo
**Probleme:**
- 13 screenshots fără context suficient (ce problemă rezolvă fiecare ecran?)
- CTA "Cere acces la versiunea de probă" e ok dar nu există un flow clar de trial
**Recomandări:**
1. Adaugă 1-2 propoziții descriptive sub fiecare screenshot (ce face utilizatorul acolo, ce câștigă)
2. Mută sau fă mai vizibil numărul de telefon — vizitatorul care ajunge aici e deja interesat
---
### `roa/roa-service-auto.html` — **29/30** — Keep
**Ce face bine:**
- Singura pagină care deschide cu pain points ("Te confrunți cu aceste probleme?")
- Flow clar în 5 pași de la comanda vehiculului la factură
- 11 tipuri de rapoarte listate concret
- CTA urgente, multiple
**Probleme:**
- Tonul urgent ("Elimina aceste probleme ACUM!") poate părea agresiv pe un site profesional B2B
- Unele statistici ar beneficia de surse sau exemple reale
**Recomandări:**
1. Temperează ușor limbajul urgent — păstrează energia dar fără majuscule la CTA
2. Modelul pain-point → soluție de pe această pagină merită replicat pe celelalte module
---
### `roa/roa-financiar-contabilitate.html` — **26/30** — Keep
**Ce face bine:**
- Modul core, bine prezentat
- 500+ formule predefinite — cifră concretă și credibilă
- 7 secțiuni de program listate clar
**Probleme:**
- Pagina e destul de densă (~700 cuvinte) și poate copleși
- Avantajele (Eficiență Operațională, Control și Analiză) sunt formulate generic
**Recomandări:**
1. Taie jumătate din text și păstrează esența în bullet-uri scurte
2. Înlocuiește avantajele generice cu exemple concrete ("În loc de 3 ore pe lună-închidere, ROA face automat...")
---
### `roa/roa-gestiune.html` — **22/30** — Keep, simplifică
**Ce face bine:**
- 300+ formule predefinite — bun de menționat
- Tipuri de documente clar listate (NIR, bonuri consum, facturi vânzare)
**Probleme:**
- 7 avantaje + 10 facilități + tipuri documente = prea mult text pentru ce comunică
- Redundanță cu `roa-financiar-contabilitate.html` la capitolul integrare
**Recomandări:**
1. Combină avantajele și facilitățile într-o singură listă de max 6 puncte
2. Scoate detaliile de integrare (sunt redundante cu pagina de contabilitate)
---
### `roa/roa-horeca.html` — **26/30** — Keep
**Ce face bine:**
- Vertical clar și specific
- Cele 10 operații zilnice sunt concrete și relevante pentru proprietarii de hotel
- Integrarea automată contabilă e un argument diferențiator bun
**Probleme:**
- "De ce să alegi ROA HORECA? — 3 beneficii" sunt prea generice (Automatizare, Integrare, Eficiență)
**Recomandări:**
1. Înlocuiește cele 3 beneficii generice cu 1-2 fraze specifice HORECA ("Recepționist-ul emite factura și înregistrarea contabilă se face automat, fără intervenție contabil")
---
### `roa/roa-proiecte-devize.html` — **25/30** — Keep, taie statistici suspecte
**Ce face bine:**
- Vertical specific și bine definit (construcții, arhitectură)
- Funcționalități clare: calculul devizelor, managementul proiectelor, estimarea costurilor
- Specificații tehnice incluse (SQL Server/Oracle/MySQL, export Excel/PDF)
**Probleme:**
- Statisticile ("70% reducere timp", "95% precizie", "500+ proiecte") par inventate și pot dăuna credibilității la un public B2B tehnic
- 5 CTA-uri pe pagină e prea mult
**Recomandări:**
1. Elimină sau înlocuiește statisticile cu exemple reale (un client, un caz concret)
2. Reduce la 2 CTA-uri: Demo + Contact
---
### `roa/roa-imobilizari.html` — **21/30** — Keep, dar simplifică
**Ce face bine:**
- Acoperă un modul important (imobilizări corporale, necorporale, în curs)
- Amortizare contabilă + fiscală — diferențiere importantă
**Probleme:**
- Organizarea paginii e neclară — Funcțiuni, Integrare, Facilități, Beneficii cheie sunt cam același lucru
- Pagina are profunzime medie dar structură fragmentată
**Recomandări:**
1. Colapsează toate cele 4 subsecțiuni (Funcțiuni, Facilități, Beneficii, Integrare) în 2: Ce face + Cum se integrează
2. Adaugă un exemplu concret de calcul amortizare
---
### `menu/implementare.html` — **20/30** — Keep, merge cu analiza.html
**Ce face bine:**
- Cei 8 pași de implementare arată professionalism și reducere a riscului perceput
- Matricea de responsabilități (Planificare / Execuție / Finalizare) e unică pe site
**Probleme:**
- Există și `menu/analiza.html` care acoperă **Pasul 1** din cei 8 — redundanță directă
- 8 pași e mult de citit; unii pași (ex. "predare sistem") sunt prea tehnici pentru un prospect
**Recomandări:**
1. **Șterge `analiza.html`** și înglobează conținutul relevant ca subsecțiune în `implementare.html`
2. Comprimă pasii 1-8 în 4-5 pași mai vizuali (ex: Analiză → Setup → Training → Go-Live → Suport)
---
### `menu/roa-suport-tehnic.html` — **20/30** — Keep pentru clienți existenți
**Ce face bine:**
- Informații utile pentru clienți existenți (buletine lunare, ticketing, backup)
- Download suport tehnic + Ammyy Admin — util și concret
**Probleme:**
- Mesajul "Solicita Contract" ca CTA pe o pagina de suport e confuz
- Pagina de suport și secțiunea de suport din homepage se suprapun (download-urile apar în ambele)
**Recomandări:**
1. Mută download-urile din homepage exclusiv pe această pagină
2. Clarifică CTA-urile: "Contact Suport" pentru clienți existenți, nu "Solicita Contract"
---
### `roa/aplicatii-erp.html` — **16/30** — Discutabil
**Ce face bine:**
- Funcționează ca hub cu 6 carduri linkuite spre module
- Explică pe scurt ce e un sistem ERP
**Probleme:**
- Homepage-ul face **același lucru** (listează 10 module cu linkuri)
- "Ce este un sistem ERP?" pe o pagină de produs e redundant — prospects-ul care ajunge pe `romfast.ro` știe deja ce e un ERP sau poate citi asta pe homepage
- Cele 6 module de pe această pagina nu sunt aceleași 10 de pe homepage — inconsistență
**Recomandări:**
1. **Opțiunea A (recomandată):** Șterge pagina și asigură-te că homepage-ul listează corect și complet toate modulele
2. **Opțiunea B:** Transformă în pagina de destinație pentru campanii Google/SEO și actualizează conținutul
---
### `menu/desprenoi.html` — **15/30** — Merge în Contact sau taie
**Ce face bine:**
- Povestea companiei (fondată 1991 Constanța) adaugă credibilitate
- Certificările Oracle/Microsoft sunt menționate
**Probleme:**
- Cele 3 CTA-uri ("Descoperă ROA", "Contactează-ne", "Vezi soluțiile ROA") sunt identice cu ce există pe alte pagini
- Oracle Partner + Microsoft Certified + 30 ani apar deja pe homepage, referinte.html și alte pagini
- O pagina "Despre Noi" fără echipă vizibilă, fără poveste cu detalii reale, fără fotografii, e slabă ca dovadă socială
**Recomandări:**
1. **Opțiunea A:** Șterge pagina și mută paragraful despre 1991 Constanța în secțiunea de contact (cu adresă, istoricul local e relevant)
2. **Opțiunea B:** Rescrie complet cu fotografii echipă, citate fondator, detalii reale — altfel nu justifică existența
---
### `roa/roa-aplicatii-specifice.html` — **16/30** — Înglobează sau rescrie
**Ce face bine:**
- Acoperă capacități tehnice avansate (securitate, mobile, integrare sisteme) importante pentru IT-iști
**Probleme:**
- Aceste funcționalități (Configurator, Raportare Avansată, Securitate, Mobile/Web) sunt menționate generic, fără niciun detaliu tehnic concret
- Audiența care ar fi interesată de aceste detalii (IT managers) nu le va găsi suficient de specifice
- CTA "Solicita Configurare" și "Programează Demo" sunt identice ca intenție
**Recomandări:**
1. Înglobează ca secțiune în `aplicatii-erp.html` (dacă aceea rămâne)
2. Sau rescrie cu detalii tehnice reale (ce API-uri suportă, ce protocoale, ce platforme mobile)
---
### `menu/analiza.html` — **13/30** — Șterge, merge în implementare.html
**Ce face bine:**
- Cele 4 "puncte de durere" (motive de a adopta ERP) sunt bine formulate
**Probleme:**
- **Conținut 100% redundant** cu Pasul 1 din `implementare.html`
- Sidebar-ul cu "Testează ROA Online" și download-uri de suport apare pe mai multe pagini
- Pagina nu există ca destinație logică — utilizatorul nu caută "analiză implementare ERP" ca subiect separat
**Recomandări:**
1. **Șterge pagina**
2. Mută cele 4 pain points ca intro în `implementare.html`
3. Actualizează orice link din navigare care trimite aici
---
### `menu/alteservicii.html` — **11/30** — Șterge
**Ce face bine:**
- Nimic unic față de alte pagini
**Probleme:**
- Cele 5 "alte servicii" (analiză business, management proiect, suport post-implementare, instruire personal, alte activități) sunt deja acoperite de `implementare.html`, `analiza.html` și `roa-suport-tehnic.html`
- **Cel mai slab scor din site** — conținut 100% redundant, fără CTA specific, fără informație nouă
- Titlul "Alte Servicii" e un semnal de design slab — dacă nu știi cum să numești ceva, probabil nu trebuie să existe
**Recomandări:**
1. **Șterge pagina imediat**
2. Orice conținut util (dacă există) poate fi o fraza în `implementare.html` sau `roa-suport-tehnic.html`
---
### `roa/roa-facturare.html` — **16/30** — Rescrie sau înglobează
**Ce face bine:**
- Acoperă un modul esențial (facturare — inclusiv e-Factura)
- Integrările cu alte module sunt bine documentate
**Probleme:**
- **Layout vechi** (fără hero, fără carduri, fără CTA clar) — singurul buton e "Înapoi"
- Designul inconsistent cu paginile noi face site-ul să pară neîngrijit
- e-Factura e un diferențiator actual important dar e menționată superficial
**Recomandări:**
1. **Rescrie în stilul noilor pagini** (hero + avantaje + CTA), cu accent pe e-Factura (subiect hot în 2025)
2. Sau înglobează ca subsecțiune în `roa-financiar-contabilitate.html` cu o secțiune dedicată e-Factura
---
### `roa/roa-situatii-financiare.html` — **15/30** — Rescrie sau înglobează
**Ce face bine:**
- Formulele definite de utilizator e o funcționalitate distinctivă și valoroasă
- Bilanț + Profit/Pierdere — esențial contabilicesc
**Probleme:**
- **Layout vechi** identic cu roa-facturare.html — singurul CTA e "Înapoi"
- ~250 cuvinte — cel mai scurt conținut din modulele ROA
- Lipsesc exemple de formule sau rapoarte
**Recomandări:**
1. Înglobează în `roa-financiar-contabilitate.html` ca subsecțiune (Raportare Financiară)
2. Sau rescrie standalone cu exemple vizuale de bilanț generat din ROA
---
### `roa/roa-comenzi-clienti.html` — **13/30** — Rescrie sau înglobează
**Ce face bine:**
- Acoperă un modul real din suită
**Probleme:**
- **Layout vechi, complet inconsistent** cu noul design
- Singurul CTA e "Înapoi" (history.back()) — fără nicio valoare de conversie
- Conținut minimal, generic, fără avantaje sau exemple
**Recomandări:**
1. Dacă modulul e important: rescrie în stilul nou
2. Dacă e un modul minor: înglobează ca bullet în `aplicatii-erp.html` sau `roa-gestiune.html`
---
### `roa/roa-contracte-clienti.html` — **13/30** — Rescrie sau înglobează
**Ce face bine:**
- 7 atribute de contract listate — informație structurată utilă
**Probleme:**
- **Aceleași probleme ca roa-comenzi-clienti.html**: layout vechi, niciun CTA real
- Fluxul Contracte → Facturare → Contabilitate e descris dar nu e vizualizat
**Recomandări:**
1. Înglobează în `roa-facturare.html` (după rescrierea acesteia) sau în `roa-financiar-contabilitate.html`
2. Sau rescrie standalone cu un flow vizual al contractului
---
### `menu/angajari.html` — **16/30** — Simplifică radical
**Ce face bine:**
- Pagina există (good practice pentru SEO și branding ca angajator)
- Datele de contact sunt clare
**Probleme:**
- Zero poziții deschise listate — pagina promite "Oportunități de Carieră" dar nu oferă niciuna concret
- Cele 3 carduri (Inovație, Echipă, Dezvoltare) sunt identice cu conținut corp-style din orice altă companie IT
- Singura acțiune posibilă e un mailto — idem ca orice pagină de contact
**Recomandări:**
1. Fie listează poziții reale (chiar și "trimite CV spontan pentru...")
2. Fie reduce pagina la 3 propoziții + email + link spre contact.html
3. Nu justifică 3 carduri elaborate pentru a spune "trimite-ne un email"
---
### `menu/politica-confidentialitate.html` — **20/30** — Legal obligatoriu, nu atinge
**Ce face bine:**
- GDPR compliant, DPO contact vizibil
- Concisă și la obiect
**Probleme:**
- Niciuna relevantă
**Recomandări:**
- Nicio schimbare necesară
---
### `chatbot.html` — **13/30** — Depreciază
**Ce face bine:**
- Conceptul e bun
**Probleme:**
- API host e un **tunel ngrok** (mutual-special-koala.ngrok-free.app) — instabil în producție
- "Cezar ChatBot" pare un prototip depășit de Maria
- Nu e în navigare (bine)
**Recomandări:**
1. Dacă chatbot-ul are un server stabil, înlocuiește; altfel lasă ascuns sau șterge
---
### `chatbot_maria.html` + `chatbot_maria2.html` — **19/30** — Tool intern, nu expune public
**Ce face bine:**
- Funcționalitatea de link sharing e inteligentă pentru fluxuri de suport
- Maria2 cu auto-inject din URL e util pentru support staff
**Probleme:**
- Aceste pagini sunt **tool-uri interne** pentru echipa de suport, nu pagini de marketing
- Dacă apar în navigare sau sunt indexate de Google, creează confuzie
**Recomandări:**
1. Blochează indexarea cu `robots.txt` sau meta noindex
2. Accesibil doar pe link direct (nu în navigare)
3. Stabilizează API host (nu ngrok)
---
## Rezumat Acțiuni Recomandate
### 🔴 Șterge (3 pagini)
| Pagină | Motiv |
|--------|-------|
| `menu/alteservicii.html` | 100% redundant cu alte pagini |
| `menu/analiza.html` | Redundant cu implementare.html (este pasul 1 din 8) |
| `chatbot.html` | Prototip depășit cu API instabil |
### 🟡 Merge / Înglobează (4 pagini → 2)
| Pagini sursă | Destinație | Conținut de salvat |
|---|---|---|
| `roa/roa-comenzi-clienti.html` + `roa/roa-contracte-clienti.html` | ca subsecțiuni în `roa-facturare.html` | Atributele contractului, integrările |
| `roa/roa-situatii-financiare.html` | ca subsecțiune în `roa-financiar-contabilitate.html` | Formula user-defined, rapoartele bilanț |
| `roa/roa-aplicatii-specifice.html` | ca secțiune în `roa/aplicatii-erp.html` | Listele de capacități tehnice |
### 🟠 Rescrie (2 pagini cu layout vechi)
| Pagină | Prioritate | Ce să facă |
|--------|-----------|------------|
| `roa/roa-facturare.html` | Înaltă | Rescrie cu focus pe e-Factura (diferențiator 2025) |
| `roa/roa-gestiune.html` | Medie | Simplifică: combină avantajele + facilitățile în max 6 bullet-uri |
### 🟢 Optimizează (5 pagini bune dar îmbunătățibile)
| Pagină | Ce să faci |
|--------|-----------|
| `index.html` | Mută download-urile în suport-tehnic; adaugă intro 2-3 fraze despre Romfast |
| `roa/cum-arata-roa.html` | Adaugă 1-2 fraze context sub fiecare screenshot |
| `menu/implementare.html` | Absorbe analiza.html; comprimă 8 pași → 4-5 vizuali |
| `menu/desprenoi.html` | Rescrie cu echipă + poveste sau șterge complet |
| `menu/angajari.html` | Reduce la esență: 3 fraze + email, fără carduri goale |
### ✅ Nu atinge (4 pagini)
- `menu/contact.html` — perfect
- `menu/referinte.html` — cel mai puternic argument de vânzare
- `roa/roa-service-auto.html` — model de conversie
- `menu/politica-confidentialitate.html` — legal
---
## Structura Propusă Post-Simplificare
```
/ (homepage)
├── /roa/cum-arata-roa.html ← "Cum arată"
├── /roa/aplicatii-erp.html ← Hub module (cu specifice integrate)
│ ├── roa-financiar-contabilitate ← (cu situatii-financiare integrat)
│ ├── roa-gestiune
│ ├── roa-facturare ← (cu comenzi + contracte integrate)
│ ├── roa-imobilizari
│ ├── roa-horeca
│ ├── roa-service-auto
│ └── roa-proiecte-devize
├── /menu/implementare.html ← (cu analiza integrat)
├── /menu/roa-suport-tehnic.html
├── /menu/referinte.html
├── /menu/contact.html
├── /menu/angajari.html ← simplificat
├── /menu/desprenoi.html ← rescris sau șters
└── /menu/politica-confidentialitate.html
```
**Rezultat: 26 pagini → 16-17 pagini active** (fără a pierde informație importantă)
---
*Document generat pentru sesiunea de propuneri de corecție — 2026-06-26*

236
chatbot.html
View File

@@ -1,236 +0,0 @@
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cezar ChatBot - Romfast Suport</title>
<meta name="description" content="Cezar ChatBot - Asistent virtual Romfast pentru suport tehnic ROA. Obțineti răspunsuri rapide la întrebări despre sistem.">
<!-- 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&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 -->
<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">
<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>
<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>
</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/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">
<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>
</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/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div>
</div>
</nav>
</header>
<!-- Main Content Container -->
<main class="container mx-auto px-4 py-8 max-w-7xl">
<!-- Chatbot Container -->
<div class="professional-card p-8 max-w-4xl mx-auto">
<!-- Flowise Chatbot -->
<div class="flex justify-center">
<flowise-fullchatbot></flowise-fullchatbot>
</div>
</div>
</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-generator.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://icon-generator.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://roa-qr.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>
<script type="module">
import Chatbot from "https://cdn.jsdelivr.net/npm/flowise-embed/dist/web.js"
Chatbot.initFull({
chatflowid: "462dabb9-6995-4f7e-ad8e-30624ae56be5",
apiHost: "https://mutual-special-koala.ngrok-free.app",
theme: {
chatWindow: {
showTitle: true,
title: 'Cezar ChatBot - Romfast Suport',
titleAvatarSrc: 'https://raw.githubusercontent.com/walkxcode/dashboard-icons/main/svg/google-messages.svg',
showAgentMessages: true,
welcomeMessage: 'Buna! Cu ce te pot ajuta?',
errorMessage: 'Am o eroare! Revino mai tarziu',
backgroundColor: "#ffffff",
backgroundImage: 'enter image path or link', // If set, this will overlap the background color of the chat window.
height: 700,
width: 500,
fontSize: 16,
starterPrompts: ['Cum se actualizeaza tokenul eFactura?', 'Cand se completeaza codul de plata pentru declaratia SAFT?'], // It overrides the starter prompts set by the chat flow passed
starterPromptFontSize: 15,
clearChatOnReload: true, // If set to true, the chat will be cleared when the page reloads.
botMessage: {
backgroundColor: "#f7f8ff",
textColor: "#303235",
showAvatar: true,
avatarSrc: "https://raw.githubusercontent.com/zahidkhawaja/langchain-chat-nextjs/main/public/parroticon.png",
},
userMessage: {
backgroundColor: "#3B81F6",
textColor: "#ffffff",
showAvatar: true,
avatarSrc: "https://raw.githubusercontent.com/zahidkhawaja/langchain-chat-nextjs/main/public/usericon.png",
},
textInput: {
placeholder: 'Type your question',
backgroundColor: '#ffffff',
textColor: '#303235',
sendButtonColor: '#3B81F6',
maxChars: 2000,
maxCharsWarningMessage: 'You exceeded the characters limit. Please input less than 2000 characters.',
autoFocus: true, // If not used, autofocus is disabled on mobile and enabled on desktop. true enables it on both, false disables it on both.
sendMessageSound: false,
// sendSoundLocation: "send_message.mp3", // If this is not used, the default sound effect will be played if sendSoundMessage is true.
receiveMessageSound: false,
// receiveSoundLocation: "receive_message.mp3", // If this is not used, the default sound effect will be played if receiveSoundMessage is true.
},
feedback: {
color: '#303235',
},
footer: {
textColor: '#303235',
text: 'Powered by',
company: 'Romfast',
companyLink: 'https://www.romfast.ro',
}
}
}
})
</script>
<!-- Professional Theme JavaScript -->
<script>
// Theme toggle functionality
document.addEventListener('DOMContentLoaded', function() {
// Initialize Lucide icons
lucide.createIcons();
// Theme toggle
const themeToggle = document.getElementById('theme-toggle');
const body = document.body;
const html = document.documentElement;
// Check for saved theme preference or default to 'light'
const currentTheme = localStorage.getItem('theme') || 'light';
if (currentTheme === 'dark') {
body.classList.add('dark-mode');
html.classList.add('dark-mode');
themeToggle.innerHTML = '<i data-lucide="moon" class="w-5 h-5"></i>';
}
themeToggle.addEventListener('click', function() {
body.classList.toggle('dark-mode');
html.classList.toggle('dark-mode');
// Update icon
if (body.classList.contains('dark-mode')) {
themeToggle.innerHTML = '<i data-lucide="moon" class="w-5 h-5"></i>';
localStorage.setItem('theme', 'dark');
} else {
themeToggle.innerHTML = '<i data-lucide="sun" class="w-5 h-5"></i>';
localStorage.setItem('theme', 'light');
}
// Reinitialize icons
lucide.createIcons();
});
// Mobile menu toggle
const mobileMenuToggle = document.getElementById('mobile-menu-toggle');
const mobileMenu = document.getElementById('mobile-menu');
const menuIcon = document.getElementById('menu-icon');
const closeIcon = document.getElementById('close-icon');
mobileMenuToggle.addEventListener('click', function() {
mobileMenu.classList.toggle('hidden');
menuIcon.classList.toggle('hidden');
closeIcon.classList.toggle('hidden');
});
});
</script>
</body>
</html>

56
chatbot_maria.html
View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex, nofollow">
<title>Maria ChatBot - Romfast Suport</title>
<meta name="description" content="Maria ChatBot - Specialist suport tehnic Romfast pentru ROA. Răspunsuri expert la întrebări despre sistem și link-uri partajabile.">
@@ -365,6 +366,8 @@
</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">
@@ -376,24 +379,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>
@@ -412,24 +418,28 @@
<!-- 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">

56
chatbot_maria2.html
View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex, nofollow">
<title>Maria ChatBot Advanced - Romfast Suport</title>
<meta name="description" content="Maria ChatBot Advanced - Asistent AI Romfast cu injectare automată de mesaje din URL și simulare avansată de interacțiuni pentru ROA.">
@@ -119,6 +120,8 @@
</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">
@@ -130,24 +133,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>
@@ -166,24 +172,28 @@
<!-- 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">

107
index.html
View File

@@ -17,7 +17,8 @@
<link href="professional-theme.css" rel="stylesheet">
</head>
<body class="min-h-screen">
<!-- ============ STICKY NAV ============ -->
<!--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">
@@ -29,24 +30,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>
@@ -65,24 +69,28 @@
<!-- 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>
<!-- ============ HERO (full-bleed) ============ -->
@@ -98,7 +106,7 @@
<strong>Răspundem chiar noi</strong>, fără intermediari — inclusiv pentru integrări și automatizări particulare.
</p>
<div class="flex flex-wrap gap-3.5 items-center justify-center mt-8">
<a href="roa/cum-arata-roa.html" class="btn-solid">Vezi cum arată ROA</a>
<a href="roa/aplicatii-erp.html#cum-arata" class="btn-solid">Vezi cum arată ROA</a>
<a href="tel:+40723197939" class="btn-ghost">Sună direct: 0723 197 939</a>
</div>
</div>
@@ -137,6 +145,49 @@
</div>
</section>
<!-- ============ DESPRE ROMFAST (intro) ============ -->
<section class="max-w-6xl mx-auto px-4 lg:px-10 pb-20">
<div data-reveal data-i="0" class="max-w-3xl mb-8">
<div class="eyebrow mb-3">Cine este Romfast</div>
<h2 class="text-3xl md:text-4xl m-0 mb-5">Software economic dezvoltat de aceeași echipă din 1991</h2>
<p class="professional-text-secondary text-lg leading-relaxed">
Romfast SRL a fost fondată în <strong>1991, la Constanța</strong>, și produce de peste
<strong>30 de ani</strong> sisteme informatice pentru domeniul economic. Suntem
<strong>Oracle Partner</strong> și <strong>Microsoft Certified Partner</strong> — cu expertiză în
baze de date și aplicații de mari dimensiuni.
</p>
</div>
<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="M3 21h18"></path><path d="M5 21V7l7-4 7 4v14"></path><path d="M9 9h.01M9 13h.01M9 17h.01M15 9h.01M15 13h.01M15 17h.01"></path></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Fondată în 1991, la Constanța</span>
<span class="feature-desc">Peste 30 de ani de experiență în software pentru domeniul economic.</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="M12 2l2.4 7.4H22l-6 4.4 2.3 7.2L12 16.6 5.7 21l2.3-7.2-6-4.4h7.6z"></path></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Oracle &amp; Microsoft Partner</span>
<span class="feature-desc">Oracle Partner și Microsoft Certified Partner — tehnologii consacrate, sisteme stabile.</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="M14.7 6.3a4 4 0 0 0-5.4 5.4l-6 6V21h3.3l6-6a4 4 0 0 0 5.4-5.4l-2.3 2.3-2-2 2.3-2.3z"></path></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Automatizări și integrări la comandă</span>
<span class="feature-desc">Croim software pe procesul tău — spre deosebire de programele de masă pentru mii de utilizatori.</span>
</span>
</div>
</div>
</section>
<!-- ============ MODULE ROA ============ -->
<section class="max-w-6xl mx-auto px-4 lg:px-10 pb-20">
<div data-reveal data-i="0" class="flex items-end justify-between gap-6 mb-6">
@@ -179,7 +230,7 @@
</span>
<span class="module-arrow">→</span>
</a>
<a href="roa/roa-comenzi-clienti.html" class="module-row">
<a href="roa/roa-facturare.html#comenzi" class="module-row">
<span class="module-num">05</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Comenzi clienți</span>
@@ -195,7 +246,7 @@
</span>
<span class="module-arrow">→</span>
</a>
<a href="roa/roa-situatii-financiare.html" class="module-row">
<a href="roa/roa-financiar-contabilitate.html#raportare" class="module-row">
<span class="module-num">07</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Situații financiare</span>
@@ -203,7 +254,7 @@
</span>
<span class="module-arrow">→</span>
</a>
<a href="roa/roa-aplicatii-specifice.html" class="module-row">
<a href="roa/aplicatii-erp.html#capacitati" class="module-row">
<span class="module-num">08</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Producție</span>

230
menu/alteservicii.html
View File

@@ -1,230 +0,0 @@
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Servicii - Alte Servicii | Romfast - Sisteme Informatice ERP</title>
<meta name="description" content="Pe langa productia de software, Romfast ofera o gama completa de servicii auxiliare: analiza, implementare, suport tehnic si instruirea personalului.">
<meta name="keywords" content="servicii it, consultanta it, instruire software, training erp, romfast, servicii auxiliare, analiza business, implementare erp">
<!-- 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 -->
<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">
<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>
<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>
</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/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">
<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>
</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/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div>
</div>
</nav>
</header>
<!-- Main Content Container -->
<main class="container mx-auto px-4 py-8 max-w-6xl">
<!-- Professional Page Header -->
<section class="professional-hero text-center mb-12">
<div class="max-w-4xl mx-auto relative z-10">
<h1 class="text-4xl md:text-5xl font-bold mb-6 professional-text-primary">
Alte Servicii
</h1>
<p class="text-xl professional-text-secondary mb-8 leading-relaxed">
Pe lângă producția de software, Romfast oferă o gamă completă de servicii auxiliare pentru implementarea și utilizarea optimă a aplicațiilor informatice.
</p>
</div>
</section>
<!-- Professional Content Section -->
<section class="mb-16">
<div class="grid md:grid-cols-1 gap-8 max-w-4xl mx-auto">
<!-- Main Content Card -->
<div class="professional-card p-8">
<div class="prose prose-lg max-w-none professional-text-secondary">
<p class="text-lg mb-6 leading-relaxed">
Ca și în multe alte domenii, industria de IT-software înglobează, în afara de tehnologie modernă, o cantitate deosebită de muncă depusă de oameni, exprimată în servicii auxiliare producției și vânzării aplicațiilor informatice.
</p>
<p class="text-lg mb-8 leading-relaxed">
Serviciile acordate de oameni calificați sunt deosebit de prețioase și extrem de utile în același timp.
</p>
<div class="border-l-4 border-blue-500 pl-6 mb-8">
<p class="text-lg professional-text-primary font-medium">
Echipa Romfast este pregătită pentru o gamă completă de servicii, incluzând:
</p>
</div>
</div>
</div>
<!-- Services Grid -->
<div class="grid md:grid-cols-2 gap-6">
<!-- Service 1 -->
<div class="professional-card service-technology p-6">
<div class="flex items-center justify-center mb-4">
</div>
<h3 class="text-xl font-semibold mb-4 professional-text-primary text-center">Analiză de Business și de Sistem</h3>
<p class="professional-text-secondary text-center leading-relaxed">
Analiză detaliată a proceselor de afaceri și identificarea celor mai potrivite soluții informatice pentru optimizarea activității.
</p>
</div>
<!-- Service 2 -->
<div class="professional-card service-reliability p-6">
<div class="flex items-center justify-center mb-4">
</div>
<h3 class="text-xl font-semibold mb-4 professional-text-primary text-center">Managementul Proiectului de Implementare</h3>
<p class="professional-text-secondary text-center leading-relaxed">
Coordonarea și supervizarea tuturor etapelor de implementare pentru asigurarea succesului proiectului.
</p>
</div>
<!-- Service 3 -->
<div class="professional-card service-technology p-6">
<div class="flex items-center justify-center mb-4">
</div>
<h3 class="text-xl font-semibold mb-4 professional-text-primary text-center">Suport Tehnic Post-implementare</h3>
<p class="professional-text-secondary text-center leading-relaxed">
Asistență tehnică continuă pentru menținerea performanței optime a sistemelor implementate.
</p>
</div>
<!-- Service 4 -->
<div class="professional-card service-reliability p-6">
<div class="flex items-center justify-center mb-4">
</div>
<h3 class="text-xl font-semibold mb-4 professional-text-primary text-center">Instruirea Personalului Beneficiarului</h3>
<p class="professional-text-secondary text-center leading-relaxed">
Programe complete de training pentru utilizarea eficientă a sistemelor informatice implementate.
</p>
</div>
<!-- Service 5 -->
<div class="professional-card service-technology p-6 md:col-span-2">
<div class="flex items-center justify-center mb-4">
</div>
<h3 class="text-xl font-semibold mb-4 professional-text-primary text-center">Alte Activități de Implementare</h3>
<p class="professional-text-secondary text-center leading-relaxed max-w-2xl mx-auto">
Servicii suplimentare personalizate, ocazionate de implementarea aplicațiilor Romfast, adaptate nevoilor specifice ale fiecărui client.
</p>
</div>
</div>
<!-- Call to Action -->
<div class="professional-card p-8 text-center">
<h2 class="text-2xl font-bold mb-4 professional-text-primary">Aveți nevoie de consultanță sau servicii auxiliare?</h2>
<p class="professional-text-secondary mb-6 leading-relaxed">
Contactați echipa noastră de specialiști pentru o evaluare gratuită și o ofertă personalizată.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="contact.html" class="professional-btn-primary px-8 py-4 text-lg">
<span>Contactați-ne</span>
</a>
<a href="../roa/aplicatii-erp.html" class="professional-btn-secondary px-8 py-4 text-lg">
<span>Explorați ROA</span>
</a>
</div>
</div>
</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-generator.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://icon-generator.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://roa-qr.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>

297
menu/analiza.html
View File

@@ -1,297 +0,0 @@
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Servicii - Analiza Implementare ERP | Romfast</title>
<meta name="description" content="Analiza este o etapa esentiala in procesul de implementare a unui sistem ERP. Descoperim si sistematizam necesitatile companiei pentru o implementare de succes.">
<meta name="keywords" content="analiza erp, implementare erp, fluxuri informationale, consultanta it, romfast, servicii analiza, management">
<!-- 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 -->
<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">
<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>
<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>
</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/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">
<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>
</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/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div>
</div>
</nav>
</header>
<!-- Main Content Container -->
<main class="container mx-auto px-4 py-8 max-w-7xl">
<!-- Page Header Section -->
<section class="professional-hero text-center mb-12">
<div class="max-w-4xl mx-auto relative z-10">
<div class="flex items-center justify-center mb-6">
</div>
<h1 class="text-4xl md:text-5xl font-bold mb-6 professional-text-primary">
Analiza: Fundamentul unei Implementari de Succes
</h1>
<p class="text-xl professional-text-secondary mb-8 leading-relaxed">
Analiza este o etapa esentiala in procesul de implementare. In faza de analiza preliminara
se descopera si se sistematizeaza necesitatile de baza ale companiei beneficiare.
</p>
</div>
</section>
<!-- Main Content Grid -->
<div class="grid lg:grid-cols-3 gap-8">
<!-- Main Content -->
<div class="lg:col-span-2">
<!-- Analysis Process Card -->
<div class="professional-card p-8 mb-8">
<img src="../images/own_research.jpg" alt="Analiza si cercetare" class="w-full rounded-lg shadow-lg mb-6">
<div class="prose max-w-none">
<p class="text-lg professional-text-secondary leading-relaxed mb-6">
In faza ulterioara, de analiza detaliata, se realizeaza studii amanuntite ale urmatoarelor:
</p>
<div class="grid md:grid-cols-2 gap-6 mb-8">
<div class="professional-card service-technology p-6">
<h3 class="text-lg font-semibold mb-4 professional-text-primary">Aspecte Analizate</h3>
<ul class="space-y-3 professional-text-secondary">
<li class="flex items-start space-x-3">
<span>Fluxurilor informationale</span>
</li>
<li class="flex items-start space-x-3">
<span>Circuitelor documentelor</span>
</li>
<li class="flex items-start space-x-3">
<span>Organigramei functionale</span>
</li>
<li class="flex items-start space-x-3">
<span>Punctelor de decizie</span>
</li>
<li class="flex items-start space-x-3">
<span>Elementelor specifice domeniului de activitate</span>
</li>
</ul>
</div>
<div class="professional-card service-reliability p-6">
<h3 class="text-lg font-semibold mb-4 professional-text-primary">Beneficii Analiza</h3>
<ul class="space-y-3 professional-text-secondary">
<li class="flex items-start space-x-3">
<span>Identificarea necesitatilor reale</span>
</li>
<li class="flex items-start space-x-3">
<span>Optimizarea proceselor existente</span>
</li>
<li class="flex items-start space-x-3">
<span>Reducerea riscurilor implementarii</span>
</li>
<li class="flex items-start space-x-3">
<span>Planificarea strategica</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Motivation Section -->
<div class="professional-card professional-card-featured p-8">
<div class="flex items-center justify-center mb-6">
</div>
<h2 class="text-2xl font-semibold mb-6 professional-text-primary text-center">Motivatia Implementarii</h2>
<p class="text-lg professional-text-secondary leading-relaxed mb-6">
De cele mai multe ori, motivatia implementarii unui sistem informatic nou decurge din
necesitatea transformarii sistemului informational al organizatiei. La un moment dat,
aceasta necesitate ajunge o prioritate pentru conducere, din motive importante cum ar fi:
</p>
<div class="space-y-4 mb-8">
<div class="flex items-start space-x-4 p-4 bg-red-50 rounded-lg border-l-4 border-red-400">
<p class="professional-text-secondary">
Informatia nu circula suficient de repede, cu acuratete sau sufera fracturi in interiorul organizatiei.
</p>
</div>
<div class="flex items-start space-x-4 p-4 bg-red-50 rounded-lg border-l-4 border-red-400">
<p class="professional-text-secondary">
Raspunsul organizatiei spre partenerii externi este lent, imprecis sau nesatisfacator.
</p>
</div>
<div class="flex items-start space-x-4 p-4 bg-red-50 rounded-lg border-l-4 border-red-400">
<p class="professional-text-secondary">
Urmarirea activitatii se realizeaza anevoios, iar rapoartele de executie ajung cu intarziere.
</p>
</div>
<div class="flex items-start space-x-4 p-4 bg-red-50 rounded-lg border-l-4 border-red-400">
<p class="professional-text-secondary">
Conducerea obtine cu greu rapoarte de sinteza si de evolutie in lipsa informatiilor complete si corelate in timp real.
</p>
</div>
</div>
<div class="bg-blue-50 p-6 rounded-lg border-l-4 border-blue-500 mb-6">
<p class="professional-text-primary font-semibold text-lg leading-relaxed">
Pentru a crea premisele unei implementari reusite, in procesul de analiza trebuie nu numai
sa identificam starea actuala a organizatiei beneficiare, dar si sa dam raspunsuri si solutii
fezabile la probleme similare celor enuntate mai sus.
</p>
</div>
<p class="professional-text-secondary text-lg leading-relaxed">
Echipa Romfast este specializata in parcurgerea acestor etape ce nu pot fi omise sau tratate cu
superficialitate, fiind indispensabile unei implementari eficiente, de succes.
</p>
</div>
</div>
<!-- Sidebar -->
<div class="lg:col-span-1">
<!-- ROA Demo Card -->
<div class="professional-card text-center p-8 mb-8">
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Testeaza ROA Online</h3>
<img src="../roa/images/roapac.gif" alt="Acceseaza ROA" class="w-full rounded-lg shadow-md mb-6">
<p class="professional-text-secondary mb-6 leading-relaxed">
Conecteaza-te la serverul nostru de demo pentru a testa capabilitatile sistemului ROA.
</p>
<a href="../servicii/acceseazaroaonline.html" class="professional-btn-primary px-6 py-3 w-full inline-block">
<span>Acceseaza ROA DEMO</span>
</a>
<p class="text-sm professional-text-secondary mt-4">
Pentru conectare se recomanda Internet Explorer
</p>
</div>
<!-- Contact Card -->
<div class="professional-card service-technology text-center p-8">
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Contacteaza-ne</h3>
<p class="professional-text-secondary mb-6 leading-relaxed">
Hai sa discutam despre necesitatile specifice ale companiei tale.
</p>
<a href="contact.html" class="professional-btn-secondary px-6 py-3 w-full inline-block">
<span>Contact</span>
</a>
</div>
</div>
</div>
<!-- Professional Support Tools Section -->
<section class="professional-support text-center mt-16">
<h2 class="text-2xl font-bold mb-8 professional-text-primary">Suport Tehnic</h2>
<div class="grid sm:grid-cols-3 gap-6">
<div class="professional-support-card">
<h3 class="font-semibold mb-3 professional-text-primary">Descarca Romfast Suport</h3>
<a href="../romfastsuport/files/romfast_suport.exe" class="professional-btn-secondary px-6 py-2 w-full inline-block">
<span>Descarca</span>
</a>
</div>
<div class="professional-support-card">
<h3 class="font-semibold mb-3 professional-text-primary">Ammyy Admin</h3>
<a href="http://www.ammyy.com/en/" target="_blank" class="professional-btn-secondary px-6 py-2 w-full inline-block">
<span>Acceseaza</span>
</a>
</div>
<div class="professional-support-card">
<h3 class="font-semibold mb-3 professional-text-primary">TeamViewer</h3>
<a href="https://www.teamviewer.com/en/" target="_blank" class="professional-btn-secondary px-6 py-2 w-full inline-block">
<span>Acceseaza</span>
</a>
</div>
</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-generator.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://icon-generator.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://roa-qr.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>

141
menu/angajari.html
View File

@@ -21,6 +21,8 @@
<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">
@@ -32,24 +34,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>
@@ -68,24 +73,28 @@
<!-- 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">
@@ -105,89 +114,25 @@
<!-- Career Information Section -->
<section class="mb-16">
<div class="max-w-4xl mx-auto">
<!-- Contact Information Card -->
<div class="professional-card p-8">
<div class="flex items-center justify-center mb-6">
</div>
<h2 class="text-2xl font-semibold mb-8 professional-text-primary text-center">Date de Contact</h2>
<div class="grid md:grid-cols-2 gap-8">
<!-- Address Section -->
<div class="space-y-6">
<div>
<div class="flex items-center space-x-3 mb-3">
<h3 class="text-lg font-semibold professional-text-primary">Adresa</h3>
</div>
<p class="professional-text-secondary ml-8">
900673 Constanta, Bd. Mamaia Nr. 17
<div class="max-w-3xl mx-auto">
<div class="professional-card p-8 text-center">
<p class="text-lg professional-text-secondary leading-relaxed mb-6">
Suntem o echipă restrânsă, cu peste 30 de ani de experiență, care dezvoltă și menține chiar ea sistemul ERP ROA.
Căutăm constant oameni pasionați de programare și de consultanță ERP, care vor să lucreze direct cu clienții, fără niveluri de intermediari.
Dacă te regăsești, trimite-ne un CV și câteva cuvinte despre tine la <a href="mailto:office@romfast.ro" class="text-blue-600 hover:text-blue-800 transition-colors">office@romfast.ro</a>.
</p>
</div>
<div>
<div class="flex items-center space-x-3 mb-3">
<h3 class="text-lg font-semibold professional-text-primary">E-mail</h3>
</div>
<p class="professional-text-secondary ml-8">
<a href="mailto:office@romfast.ro" class="text-blue-600 hover:text-blue-800 transition-colors">office@romfast.ro</a>
</p>
</div>
</div>
<!-- Phone Section -->
<div>
<div class="flex items-center space-x-3 mb-3">
<h3 class="text-lg font-semibold professional-text-primary">Telefon/Fax</h3>
</div>
<div class="ml-8 space-y-2">
<p class="professional-text-secondary">0241 / 541000 (Romtelecom)</p>
<p class="professional-text-secondary">0372 / 780218 (Vodafone)</p>
<p class="professional-text-secondary">0341 / 101578 (UPC)</p>
</div>
</div>
</div>
<!-- Call to Action -->
<div class="text-center mt-8">
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="mailto:office@romfast.ro" class="professional-btn-primary px-8 py-4 text-lg inline-block">
<span>Contacteaza-ne pentru Oportunități de Cariera</span>
<span>Trimite-ne un CV</span>
</a>
<a href="contact.html" class="professional-btn-secondary px-8 py-4 text-lg inline-block">
<span>Vezi datele de contact</span>
</a>
</div>
</div>
</div>
</section>
<!-- Career Opportunities Section -->
<section class="mb-16">
<h2 class="text-3xl font-bold text-center mb-12 professional-text-primary">De ce să lucrezi cu noi?</h2>
<div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
<!-- Innovation Card -->
<div class="professional-card service-technology p-6 text-center">
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Inovație Continuă</h3>
<p class="professional-text-secondary leading-relaxed">
Lucrăm cu tehnologii moderne pentru dezvoltarea sistemelor ERP ROA și oferim oportunități de creștere profesională.
</p>
</div>
<!-- Team Card -->
<div class="professional-card service-reliability p-6 text-center">
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Echipă Unită</h3>
<p class="professional-text-secondary leading-relaxed">
Facem parte dintr-o echipă solidară, cu experiență de peste 25 de ani în domeniul sistemelor informatice.
</p>
</div>
<!-- Growth Card -->
<div class="professional-card p-6 text-center">
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Dezvoltare Profesională</h3>
<p class="professional-text-secondary leading-relaxed">
Oferim programe de formare și dezvoltare pentru a-ți îmbunătăți competențele în domeniul IT și ERP.
</p>
</div>
</div>
</section>
</main>
<!-- Professional Footer -->

189
menu/aplicatii-online.html Normal file
View File

@@ -0,0 +1,189 @@
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aplicații online — instrumente gratuite | Romfast</title>
<meta name="description" content="Instrumente online gratuite construite de Romfast: editor de factură electronică (e-Factura XML), generatoare QR și iconuri, rezervări spații și altele. Le poți folosi direct din browser.">
<meta name="keywords" content="editor e-factura, generator qr, generator iconuri, qr pe pdf, rezervari spatii, aplicatii online gratuite, romfast">
<!-- 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 &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/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 &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/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">Instrumente gratuite</span>
<h1 class="hero-title">Aplicații online, <span class="accent">construite de noi</span>, libere pentru oricine.</h1>
<p class="hero-sub">
Pe lângă ROA, construim utilitare web pe care le punem la dispoziția publicului.
<strong>Le folosești direct din browser</strong>, fără instalare și fără cont.
</p>
</div>
</section>
<!-- Grid aplicații -->
<section class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" class="professional-card" style="padding: 26px 24px;">
<span class="feature-icon"><i data-lucide="file-text" class="w-5 h-5" style="color:var(--primary)"></i></span>
<span class="feature-title mt-4 inline-block">Editor Factură Electronică</span>
<p class="feature-desc mt-2">Încarci, editezi, tipărești și exporți facturi electronice în format XML (e-Factura) — direct în browser.</p>
<span class="link-arrow mt-4 inline-block">Deschide aplicația →</span>
</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" class="professional-card" style="padding: 26px 24px;">
<span class="feature-icon"><i data-lucide="qr-code" class="w-5 h-5" style="color:var(--primary)"></i></span>
<span class="feature-title mt-4 inline-block">Generator coduri QR</span>
<p class="feature-desc mt-2">Generezi coduri QR pentru linkuri, text sau date de contact, gata de descărcat și tipărit.</p>
<span class="link-arrow mt-4 inline-block">Deschide aplicația →</span>
</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" class="professional-card" style="padding: 26px 24px;">
<span class="feature-icon"><i data-lucide="shapes" class="w-5 h-5" style="color:var(--primary)"></i></span>
<span class="feature-title mt-4 inline-block">Generator iconuri</span>
<p class="feature-desc mt-2">Creezi rapid iconuri pentru aplicații și site-uri, în dimensiunile și formatele de care ai nevoie.</p>
<span class="link-arrow mt-4 inline-block">Deschide aplicația →</span>
</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" class="professional-card" style="padding: 26px 24px;">
<span class="feature-icon"><i data-lucide="scan-line" class="w-5 h-5" style="color:var(--primary)"></i></span>
<span class="feature-title mt-4 inline-block">QR pe PDF</span>
<p class="feature-desc mt-2">Adaugi automat un cod QR pe un document PDF existent — util pentru facturi, contracte și formulare.</p>
<span class="link-arrow mt-4 inline-block">Deschide aplicația →</span>
</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" class="professional-card" style="padding: 26px 24px;">
<span class="feature-icon"><i data-lucide="calendar-check" class="w-5 h-5" style="color:var(--primary)"></i></span>
<span class="feature-title mt-4 inline-block">Rezervări spații</span>
<p class="feature-desc mt-2">Rezervi spații și săli online, simplu și rapid, cu disponibilitatea vizibilă pe loc.</p>
<span class="link-arrow mt-4 inline-block">Deschide aplicația →</span>
</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" class="professional-card" style="padding: 26px 24px;">
<span class="feature-icon"><i data-lucide="gamepad-2" class="w-5 h-5" style="color:var(--primary)"></i></span>
<span class="feature-title mt-4 inline-block">City Discovery</span>
<p class="feature-desc mt-2">Un joc de explorare a orașului — City Adventure Game, construit pentru distracție.</p>
<span class="link-arrow mt-4 inline-block">Deschide aplicația →</span>
</a>
</div>
<p class="hero-sub mx-auto text-center mt-10" style="font-size:15px;">
Ai nevoie de un instrument particular? <a href="/menu/contact.html" class="link-arrow">Spune-ne ce-ți trebuie →</a>
</p>
</section>
</main>
<!-- ============ 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-generator.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://icon-generator.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://roa-qr.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>

55
menu/contact.html
View File

@@ -21,6 +21,8 @@
<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">
@@ -32,24 +34,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>
@@ -68,24 +73,28 @@
<!-- 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">

268
menu/desprenoi.html
View File

@@ -1,268 +0,0 @@
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Despre Noi - Romfast Applications</title>
<meta name="description" content="Romfast produce si comercializeaza produse software inovative de inalta calitate, specializate in domeniul economic, pentru a oferi informatia necesara oricand, oriunde si in cel mai scurt timp posibil.">
<meta name="keywords" content="roa, romfast, software economic, sistem informatic erp, solutii software, oracle partner, microsoft certified partner, despre noi, istorie romfast">
<!-- 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 -->
<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">
<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>
<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>
</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/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">
<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>
</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/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div>
</div>
</nav>
</header>
<!-- Main Content Container -->
<main class="container mx-auto px-4 py-8 max-w-7xl">
<!-- Professional Hero Section -->
<section class="professional-hero text-center mb-16">
<div class="max-w-4xl mx-auto relative z-10">
<h1 class="text-4xl md:text-5xl font-bold mb-6 professional-text-primary">
Despre Romfast
</h1>
<p class="text-xl professional-text-secondary mb-8 leading-relaxed">
Romfast produce si comercializeaza produse software inovative de inalta calitate.
Inca din 1991 ne-am specializat in producerea de software pentru domeniul economic.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="../roa/aplicatii-erp.html" class="professional-btn-primary px-8 py-4 text-lg">
<span>Descopera ROA</span>
</a>
<a href="contact.html" class="professional-btn-secondary px-8 py-4 text-lg">
<span>Contacteaza-ne</span>
</a>
</div>
</div>
</section>
<!-- About Us Content Section -->
<section class="grid lg:grid-cols-3 gap-8 mb-16">
<!-- Main Content - Left Column (2/3) -->
<div class="lg:col-span-2">
<div class="professional-card p-8">
<div class="flex items-center justify-center mb-6">
</div>
<h2 class="text-2xl font-semibold mb-6 professional-text-primary text-center">Totul incepe cu o idee buna</h2>
<div class="professional-text-secondary space-y-4 text-lg leading-relaxed">
<p>
Programele noastre sunt capabile sa ofere informatia necesara oricand, oriunde si in cel mai scurt timp posibil.
</p>
<p>
In cazul nostru, ideea de baza a fost crearea unui sistem informatic ergonomic si cuprinzator, astfel incat:
</p>
<ul class="space-y-3 ml-6">
<li class="flex items-start space-x-3">
<span class="text-blue-500 text-lg">✓</span>
<span>sa poata fi folosit de majoritatea companiilor,</span>
</li>
<li class="flex items-start space-x-3">
<span class="text-blue-500 text-lg">✓</span>
<span>sa aiba in centru o organizare contabila moderna,</span>
</li>
<li class="flex items-start space-x-3">
<span class="text-blue-500 text-lg">✓</span>
<span>sa faciliteze circulatia informatiei prin intreaga firma,</span>
</li>
<li class="flex items-start space-x-3">
<span class="text-blue-500 text-lg">✓</span>
<span>sa fie un valoros instrument de management.</span>
</li>
</ul>
<p class="font-semibold text-xl professional-text-primary">
Astfel a luat nastere sistemul <strong>ROA (Romfast Applications)</strong>, ce are o structura special dezvoltata pentru firmele medii si mari.
</p>
</div>
</div>
<!-- Solutions Section -->
<div class="professional-card p-8 mt-8">
<div class="flex items-center justify-center mb-6">
</div>
<h2 class="text-2xl font-semibold mb-6 professional-text-primary text-center">Solutii pentru toate tipurile de companii</h2>
<div class="professional-text-secondary space-y-4 text-lg leading-relaxed">
<p>
Solutiile noastre informatice sunt folosite de firme mari si mici, de firme cu diverse domenii de activitate:
comert en-gros sau en-detail, productie, constructii, prestari servicii.
</p>
<p class="font-semibold text-center text-xl professional-text-primary">
Cheia este in <span class="text-blue-600">robustete</span> si <span class="text-blue-600">flexibilitate</span>.
</p>
</div>
</div>
<!-- Experience Section -->
<div class="professional-card p-8 mt-8">
<div class="flex items-center justify-center mb-6">
</div>
<h2 class="text-2xl font-semibold mb-6 professional-text-primary text-center">Creatie si inovatie prin experienta</h2>
<div class="professional-text-secondary space-y-4 text-lg leading-relaxed">
<p>
In aplicatiile <strong>Romfast</strong> sta toata experienta noastra, acumulata de mai bine de 30 ani.
De-a lungul timpului, in urma colaborarii cu numeroase firme din diferite domenii de activitate,
proiectele software produse au fost permanent imbunatatite si dezvoltate, constituind azi un suport
informatic stabil si eficient in managementul clientilor nostri.
</p>
<p>
Urmand preocuparea pentru satisfactia clientilor, <strong>Romfast</strong> a dezvoltat o serie de
parteneriate prin care gradul de specializare al echipei si calitatea serviciilor au crescut.
</p>
</div>
</div>
</div>
<!-- Sidebar - Right Column (1/3) -->
<div class="lg:col-span-1">
<!-- Partnership Cards -->
<div class="professional-card professional-card-featured p-6 mb-8">
<div class="text-center">
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Oracle Partner</h3>
<div class="mb-4">
<img src="../images/oracle-partner.png" alt="Oracle Partner" class="mx-auto max-h-16 object-contain">
</div>
<p class="professional-text-secondary leading-relaxed">
Romfast este <strong>Oracle Partner</strong> din anul 2004 si are expertiza in crearea de sisteme
informatice de mari dimensiuni pe baze de date Oracle.
</p>
</div>
</div>
<div class="professional-card p-6 mb-8">
<div class="text-center">
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Microsoft Partner</h3>
<div class="mb-4">
<img src="../images/microsoft-partner.png" alt="Microsoft Partner" class="mx-auto max-h-16 object-contain">
</div>
<p class="professional-text-secondary leading-relaxed">
Din 2005 Romfast este <strong>Microsoft Certified Partner</strong>, fapt ce atesta experienta in
dezvoltarea de produse software de calitate utilizand cele mai noi tehnologii Microsoft.
</p>
</div>
</div>
<!-- Company Stats -->
<div class="professional-card service-technology p-6">
<div class="text-center">
<h3 class="text-xl font-semibold mb-4 professional-text-primary">30+ ani de experienta</h3>
<div class="grid grid-cols-2 gap-4 text-center">
<div class="p-3 bg-blue-50 rounded-lg">
<div class="text-2xl font-bold text-blue-600">1991</div>
<div class="text-sm professional-text-secondary">Anul infiintarii</div>
</div>
<div class="p-3 bg-blue-50 rounded-lg">
<div class="text-2xl font-bold text-blue-600">30+</div>
<div class="text-sm professional-text-secondary">Clienti activi</div>
</div>
</div>
<a href="../roa/aplicatii-erp.html" class="professional-btn-secondary px-6 py-3 w-full inline-block mt-4">
<span>Vezi solutiile ROA</span>
</a>
</div>
</div>
</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-generator.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://icon-generator.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://roa-qr.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>

336
menu/implementare.html
View File

@@ -1,336 +0,0 @@
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Servicii de Implementare ROA - Metodologia de Implementare ERP | Romfast</title>
<meta name="description" content="Metodologia de implementare Romfast asigura succesul proiectului ERP prin parcurgerea unor pasi bine definiti, de la analiza la evaluarea finala.">
<meta name="keywords" content="implementare erp, metodologie implementare, management de proiect, instruire utilizatori, start productiv, romfast, roa">
<!-- 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 -->
<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">
<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>
<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>
</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/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">
<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>
</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/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div>
</div>
</nav>
</header>
<!-- Main Content Container -->
<main class="container mx-auto px-4 py-8 max-w-7xl">
<!-- Hero Section for Implementation -->
<section class="professional-hero text-center mb-16">
<div class="max-w-4xl mx-auto relative z-10">
<h1 class="text-4xl md:text-5xl font-bold mb-6 professional-text-primary">
Metodologia de Implementare ROA
</h1>
<p class="text-xl professional-text-secondary mb-8 leading-relaxed">
Implementarea este un proiect de anvergura ce genereaza transformari organizationale si de aceea trebuie sustinuta printr-un management bine fundamentat.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="../menu/contact.html" class="professional-btn-primary px-8 py-4 text-lg">
<span>Solicita consultanta</span>
</a>
<a href="../roa/aplicatii-erp.html" class="professional-btn-secondary px-8 py-4 text-lg">
<span>Vezi ROA</span>
</a>
</div>
</div>
</section>
<!-- Implementation Steps Section -->
<section class="mb-16">
<div class="professional-card p-8">
<div class="flex items-center justify-center mb-8">
</div>
<h2 class="text-3xl font-bold text-center mb-6 professional-text-primary">Pasii Implementarii</h2>
<p class="text-center professional-text-secondary mb-8 text-lg">
Metodologia de implementare Romfast presupune parcurgerea de catre echipa comuna (reprezentantii beneficiarului + reprezentantii ROMFAST) a urmatorilor pasi:
</p>
<div class="grid md:grid-cols-2 gap-6">
<div class="space-y-4">
<div class="flex items-center space-x-4 p-4 bg-blue-50 rounded-lg border-l-4 border-blue-500">
<span class="bg-blue-500 text-white font-bold text-lg w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">1</span>
<span class="professional-text-primary font-medium">Analiza preliminara</span>
</div>
<div class="flex items-center space-x-4 p-4 bg-blue-50 rounded-lg border-l-4 border-blue-500">
<span class="bg-blue-500 text-white font-bold text-lg w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">2</span>
<span class="professional-text-primary font-medium">Analiza detaliata</span>
</div>
<div class="flex items-center space-x-4 p-4 bg-blue-50 rounded-lg border-l-4 border-blue-500">
<span class="bg-blue-500 text-white font-bold text-lg w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">3</span>
<span class="professional-text-primary font-medium">Pregatirea tehnica a sistemului</span>
</div>
<div class="flex items-center space-x-4 p-4 bg-blue-50 rounded-lg border-l-4 border-blue-500">
<span class="bg-blue-500 text-white font-bold text-lg w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">4</span>
<span class="professional-text-primary font-medium">Migrarea si initializarea datelor</span>
</div>
</div>
<div class="space-y-4">
<div class="flex items-center space-x-4 p-4 bg-green-50 rounded-lg border-l-4 border-green-500">
<span class="bg-green-500 text-white font-bold text-lg w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">5</span>
<span class="professional-text-primary font-medium">Instruirea utilizatorilor</span>
</div>
<div class="flex items-center space-x-4 p-4 bg-green-50 rounded-lg border-l-4 border-green-500">
<span class="bg-green-500 text-white font-bold text-lg w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">6</span>
<span class="professional-text-primary font-medium">Startul productiv</span>
</div>
<div class="flex items-center space-x-4 p-4 bg-green-50 rounded-lg border-l-4 border-green-500">
<span class="bg-green-500 text-white font-bold text-lg w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">7</span>
<span class="professional-text-primary font-medium">Predarea sistemului</span>
</div>
<div class="flex items-center space-x-4 p-4 bg-green-50 rounded-lg border-l-4 border-green-500">
<span class="bg-green-500 text-white font-bold text-lg w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">8</span>
<span class="professional-text-primary font-medium">Evaluarea implementarii</span>
</div>
</div>
</div>
</div>
</section>
<!-- Implementation Plan Section -->
<section class="mb-16">
<div class="professional-card p-8">
<div class="flex items-center justify-center mb-8">
</div>
<h2 class="text-3xl font-bold text-center mb-6 professional-text-primary">Planul de Lucru si Responsabilitati</h2>
<p class="text-center professional-text-secondary mb-8 text-lg">
Metoda de implementare include executia pasilor urmatori, finalizati cu intocmirea documentelor mentionate:
</p>
<!-- Responsive Table -->
<div class="overflow-x-auto">
<div class="min-w-full bg-white rounded-lg shadow-sm border border-gray-200">
<!-- Table Header -->
<div class="bg-gradient-to-r from-blue-500 to-blue-600 text-white rounded-t-lg">
<div class="grid grid-cols-6 gap-4 p-4 font-semibold text-sm">
<div class="text-center">#</div>
<div>Denumirea Fazei</div>
<div>Observatii</div>
<div class="text-center">Responsabil Beneficiar</div>
<div class="text-center">Responsabil Romfast</div>
<div>Documente</div>
</div>
</div>
<!-- Table Body -->
<div class="divide-y divide-gray-200">
<!-- Phase 1: Planning -->
<div class="grid grid-cols-6 gap-4 p-4 hover:bg-gray-50 transition-colors">
<div class="text-center font-bold text-blue-600">1</div>
<div class="font-medium">Definirea si agrearea graficului de implementare</div>
<div class="text-gray-600">Romfast propune graficul</div>
<div class="text-center"></div>
<div class="text-center"></div>
<div class="text-blue-600 font-medium">Graficul de implementare</div>
</div>
<div class="grid grid-cols-6 gap-4 p-4 hover:bg-gray-50 transition-colors bg-gray-25">
<div class="text-center"></div>
<div class="font-medium">Desemnarea persoanelor implicate si a responsabilitatilor</div>
<div class="text-gray-600"></div>
<div class="text-center"></div>
<div class="text-center"></div>
<div class="text-blue-600 font-medium">Lista posturilor</div>
</div>
<div class="grid grid-cols-6 gap-4 p-4 hover:bg-gray-50 transition-colors">
<div class="text-center"></div>
<div class="font-medium">Stabilirea politicilor contabile si organizarea companiei</div>
<div class="text-gray-600">Romfast ofera consultanta</div>
<div class="text-center"></div>
<div class="text-center"></div>
<div class="text-blue-600 font-medium">Monografia contabila</div>
</div>
<!-- Phase 2: Execution -->
<div class="grid grid-cols-6 gap-4 p-4 bg-blue-50 font-bold text-blue-800">
<div class="text-center text-blue-600">2</div>
<div class="col-span-5">EXECUTIA PROIECTULUI</div>
</div>
<div class="grid grid-cols-6 gap-4 p-4 hover:bg-gray-50 transition-colors">
<div class="text-center"></div>
<div class="font-medium">Lucrari informatice</div>
<div class="text-gray-600"></div>
<div class="text-center"></div>
<div class="text-center"></div>
<div class="text-blue-600 font-medium">Comunicari/Buletine informative</div>
</div>
<div class="grid grid-cols-6 gap-4 p-4 hover:bg-gray-50 transition-colors bg-gray-25">
<div class="text-center"></div>
<div class="font-medium">Lucrari de implementare</div>
<div class="text-gray-600"></div>
<div class="text-center"></div>
<div class="text-center"></div>
<div class="text-blue-600 font-medium">Procese verbale de implementare</div>
</div>
<div class="grid grid-cols-6 gap-4 p-4 hover:bg-gray-50 transition-colors">
<div class="text-center"></div>
<div class="font-medium">Servicii de instruire</div>
<div class="text-gray-600"></div>
<div class="text-center"></div>
<div class="text-center"></div>
<div class="text-blue-600 font-medium">Procese verbale de instruire</div>
</div>
<div class="grid grid-cols-6 gap-4 p-4 hover:bg-gray-50 transition-colors bg-gray-25">
<div class="text-center"></div>
<div class="font-medium">Sesizari/Comunicari de eroare/modificare</div>
<div class="text-gray-600">Beneficiarul intocmeste si transmite</div>
<div class="text-center"></div>
<div class="text-center"></div>
<div class="text-blue-600 font-medium">Sesizari</div>
</div>
<!-- Phase 3: Finalization -->
<div class="grid grid-cols-6 gap-4 p-4 bg-green-50 font-bold text-green-800">
<div class="text-center text-green-600">3</div>
<div class="col-span-5">FINALIZARE</div>
</div>
<div class="grid grid-cols-6 gap-4 p-4 hover:bg-gray-50 transition-colors">
<div class="text-center"></div>
<div class="font-medium">Finalizarea fazelor</div>
<div class="text-gray-600"></div>
<div class="text-center"></div>
<div class="text-center"></div>
<div class="text-blue-600 font-medium">Proces verbal de finalizare a fazei</div>
</div>
<div class="grid grid-cols-6 gap-4 p-4 hover:bg-gray-50 transition-colors bg-gray-25">
<div class="text-center"></div>
<div class="font-medium">Finalizarea proiectului</div>
<div class="text-gray-600"></div>
<div class="text-center"></div>
<div class="text-center"></div>
<div class="text-blue-600 font-medium">Proces verbal de finalizare a implementarii</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Call to Action Section -->
<section class="professional-card professional-card-featured p-8 text-center">
<div class="flex items-center justify-center mb-6">
</div>
<h2 class="text-2xl font-bold mb-4 professional-text-primary">Pregatit pentru transformarea digitala?</h2>
<p class="professional-text-secondary mb-8 leading-relaxed text-lg">
Echipa noastra de specialisti te va ghida prin fiecare etapa a implementarii ROA pentru a asigura succesul proiectului tau.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="contact.html" class="professional-btn-urgent px-8 py-4 text-lg">
<span>Contacteaza-ne acum!</span>
</a>
<a href="../roa/aplicatii-erp.html" class="professional-btn-secondary px-8 py-4 text-lg">
<span>Vezi toate modulele ROA</span>
</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-generator.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://icon-generator.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://roa-qr.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>

55
menu/politica-confidentialitate.html
View File

@@ -20,6 +20,8 @@
</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">
@@ -31,24 +33,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>
@@ -67,24 +72,28 @@
<!-- 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-4xl">

95
menu/referinte.html
View File

@@ -19,16 +19,18 @@
<link href="../professional-theme.css" rel="stylesheet">
<style>
.ref-card { transition: border-color 0.15s, box-shadow 0.15s; }
.ref-card:hover { border-color: #08819c !important; box-shadow: 0 4px 12px rgba(8,129,156,0.10); }
/* Theme-aware: foloseste variabilele din professional-theme.css (light + dark) */
.ref-card { background: var(--surface) !important; border-color: var(--border) !important; transition: border-color 0.15s, box-shadow 0.15s; }
.ref-card:hover { border-color: var(--primary) !important; box-shadow: var(--shadow-card); }
.case-block {
background: #fefce8;
border-left: 3px solid #08819c;
background: var(--surface-2);
border-left: 3px solid var(--primary);
padding: 14px 16px;
border-radius: 0 6px 6px 0;
}
.case-block p { color: var(--text-secondary) !important; }
.case-label {
color: #08819c;
color: var(--primary);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.08em;
@@ -37,8 +39,8 @@
margin-bottom: 6px;
}
.tenure-badge {
background: #08819c;
color: white;
background: var(--primary-strong);
color: #fff;
padding: 3px 10px;
border-radius: 999px;
font-size: 11px;
@@ -46,8 +48,8 @@
white-space: nowrap;
}
.tenure-badge-recent {
background: #f59e0b;
color: white;
background: var(--accent);
color: #fff;
padding: 3px 10px;
border-radius: 999px;
font-size: 11px;
@@ -55,22 +57,26 @@
white-space: nowrap;
}
.ref-card-featured {
background: linear-gradient(to bottom right, #f0f9fb, white);
border: 2px solid #08819c !important;
background: var(--surface) !important;
border: 2px solid var(--primary) !important;
}
.module-tag {
font-size: 11px;
padding: 2px 8px;
background: #f1f5f9;
color: #475569;
background: var(--surface-2);
color: var(--text-secondary);
border-radius: 4px;
font-weight: 500;
}
/* eyebrow-uri industrie folosesc culoarea brand din tema */
.ref-card .text-\[\#08819c\] { color: var(--primary) !important; }
</style>
</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">
@@ -82,24 +88,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>
@@ -118,24 +127,28 @@
<!-- 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>
@@ -338,26 +351,26 @@
<section class="py-10 px-6 bg-gray-50 border-y border-gray-200">
<div class="max-w-4xl mx-auto grid grid-cols-2 md:grid-cols-4 gap-6 text-center">
<div>
<p class="text-3xl font-bold" style="color:#08819c">23</p>
<p class="text-3xl font-bold" style="color:var(--primary)">23</p>
<p class="text-xs text-gray-500 uppercase tracking-wider mt-1">ani max. relație</p>
</div>
<div>
<p class="text-3xl font-bold" style="color:#08819c">5</p>
<p class="text-3xl font-bold" style="color:var(--primary)">5</p>
<p class="text-xs text-gray-500 uppercase tracking-wider mt-1">clienți la 20+ ani</p>
</div>
<div>
<p class="text-3xl font-bold" style="color:#08819c">9+</p>
<p class="text-3xl font-bold" style="color:var(--primary)">9+</p>
<p class="text-xs text-gray-500 uppercase tracking-wider mt-1">industrii deservite</p>
</div>
<div>
<p class="text-3xl font-bold" style="color:#08819c">2025</p>
<p class="text-3xl font-bold" style="color:var(--primary)">2025</p>
<p class="text-xs text-gray-500 uppercase tracking-wider mt-1">ultimul client nou</p>
</div>
</div>
</section>
<!-- CTA -->
<section class="py-16 px-6" style="background: linear-gradient(to bottom right, #e8f4f7, #ffffff, #f0f9fb)">
<section class="py-16 px-6">
<div class="max-w-3xl mx-auto text-center">
<h2 class="text-2xl md:text-3xl font-bold mb-4 professional-text-primary">Vrei să discutăm cazul tău particular?</h2>
<p class="professional-text-secondary mb-8 max-w-xl mx-auto">Industrie, mărime, ce vrei să automatizezi sau să integrezi — vorbim direct cu cine implementează.</p>

323
menu/roa-suport-tehnic.html
View File

@@ -1,323 +0,0 @@
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Servicii - Suport Tehnic ROA | Romfast - Sistem Informatic ERP</title>
<meta name="description" content="Servicii de suport tehnic si upgrade pentru aplicatiile ROA. Asiguram utilizare eficienta, actualizari legislative, optimizari si mentenanta.">
<meta name="keywords" content="suport tehnic erp, suport roa, mentenanta erp, actualizari legislative, romfast, suport oracle">
<!-- 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 -->
<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">
<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>
<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>
</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/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">
<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>
</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/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div>
</div>
</nav>
</header>
<!-- Main Content Container -->
<main class="container mx-auto px-4 py-8 max-w-7xl">
<!-- Professional Page Header -->
<section class="professional-hero text-center mb-12">
<div class="max-w-4xl mx-auto relative z-10">
<h1 class="text-4xl md:text-5xl font-bold mb-6 professional-text-primary">
Suport Tehnic ROA
</h1>
<p class="text-xl professional-text-secondary mb-8 leading-relaxed">
Romfast vine în întâmpinarea clienților săi cu suport tehnic și upgrade de aplicații
pentru a asigura utilizarea eficientă și completă a sistemului ROA.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="#servicii" class="professional-btn-primary px-8 py-4 text-lg">
<span>Vezi Serviciile</span>
</a>
<button class="professional-btn-secondary px-8 py-4 text-lg">
<span>Contact Suport</span>
</button>
</div>
</div>
</section>
<!-- Main Content Grid -->
<div class="grid lg:grid-cols-3 gap-8 mb-16">
<!-- Main Content Area -->
<div class="lg:col-span-2 space-y-8">
<!-- Services Section -->
<section id="servicii" class="professional-card p-8">
<div class="flex items-center mb-6">
<h2 class="text-2xl font-semibold professional-text-primary">Serviciile Noastre de Suport</h2>
</div>
<div class="space-y-4 professional-text-secondary">
<p>
Oferim suport pentru a corecta eventualele erori, a repara defecțiuni ale bazelor de date,
și pentru a asigura actualizarea legislativă și optimizarea programelor.
</p>
<p>
Evoluția permanentă a economiei și modificările legislative generează necesitatea optimizării
și actualizării continue a aplicațiilor informatice create de noi, astfel încât acestea să se
mențină la standardele cerute de clienții noștri.
</p>
</div>
</section>
<!-- Technical Support Methods -->
<section class="professional-card p-8">
<div class="flex items-center mb-6">
<h2 class="text-2xl font-semibold professional-text-primary">Metoda de Acordare a Suportului Tehnic</h2>
</div>
<div class="space-y-6">
<p class="professional-text-secondary">
Suportul tehnic se realizează prin mai multe căi, în funcție de calea optimă de realizare
și de problema concretă ce trebuie soluționată:
</p>
<div class="bg-blue-50 dark:bg-blue-900 dark:bg-opacity-20 rounded-lg p-4 border-l-4 border-blue-500">
<p class="font-semibold professional-text-primary flex items-center mb-2">
Canale de comunicare
</p>
<p class="professional-text-secondary">
<strong>Telefon, fax, e-mail, conectare securizată, sau intervenție la sediul Romfast/Client.</strong>
</p>
</div>
<div class="space-y-4">
<h3 class="text-xl font-semibold professional-text-primary">Mentenanță și Actualizarea</h3>
<ul class="space-y-3 professional-text-secondary">
<li class="flex items-start space-x-3">
<span><strong>Mentenanța și actualizarea schemelor ROA</strong> în baza de date Oracle se realizează prin conectare securizată la distanță.</span>
</li>
<li class="flex items-start space-x-3">
<span><strong>Actualizarea aplicațiilor ROA</strong> se realizează prin punerea la dispoziție a aplicațiilor pe un server FTP, de unde sunt descărcate automat în toate stațiile de lucru.</span>
</li>
</ul>
</div>
</div>
</section>
<!-- Communication Methods -->
<section class="professional-card p-8">
<div class="flex items-center mb-6">
<h2 class="text-2xl font-semibold professional-text-primary">Metode de Comunicare</h2>
</div>
<!-- Communication from Romfast -->
<div class="mb-6">
<h3 class="text-xl font-semibold professional-text-primary mb-4 flex items-center">
Comunicări din partea Romfast
</h3>
<p class="professional-text-secondary mb-4">
Comunicăm periodic lista lucrărilor efectuate prin:
</p>
<div class="grid md:grid-cols-2 gap-4">
<div class="bg-gradient-to-r from-blue-50 to-blue-100 dark:from-blue-900 dark:to-blue-800 dark:bg-opacity-20 rounded-lg p-4">
<h4 class="font-semibold professional-text-primary flex items-center mb-2">
Lunar
</h4>
<ul class="space-y-2 text-sm professional-text-secondary">
<li>• Buletin informativ</li>
<li>• Rapoarte de lucrări speciale</li>
<li>• Lista actualizărilor</li>
</ul>
</div>
<div class="bg-gradient-to-r from-green-50 to-green-100 dark:from-green-900 dark:to-green-800 dark:bg-opacity-20 rounded-lg p-4">
<h4 class="font-semibold professional-text-primary flex items-center mb-2">
La nevoie
</h4>
<ul class="space-y-2 text-sm professional-text-secondary">
<li>• Buletine speciale</li>
<li>• Răspunsuri scrise la sesizări</li>
</ul>
</div>
</div>
</div>
<!-- Communication from Beneficiary -->
<div>
<h3 class="text-xl font-semibold professional-text-primary mb-4 flex items-center">
Comunicări din partea Beneficiarului (Sesizări)
</h3>
<p class="professional-text-secondary mb-4">
Beneficiarul ne poate comunica oricând:
</p>
<div class="grid sm:grid-cols-2 gap-4 mb-4">
<ul class="space-y-2 professional-text-secondary">
<li class="flex items-center space-x-2">
<span>Sesizări de funcționare eronată</span>
</li>
<li class="flex items-center space-x-2">
<span>Cereri de modificare sau dezvoltare</span>
</li>
</ul>
<ul class="space-y-2 professional-text-secondary">
<li class="flex items-center space-x-2">
<span>Sesizări de modificare legislativă</span>
</li>
<li class="flex items-center space-x-2">
<span>Sugestii de optimizare</span>
</li>
</ul>
</div>
<div class="bg-yellow-50 dark:bg-yellow-900 dark:bg-opacity-20 rounded-lg p-4 border-l-4 border-yellow-500">
<p class="professional-text-secondary">
<strong>Beneficiarul poate crea și gestiona sesizările prin intermediul programului ROA Suport Tehnic.</strong>
Romfast înregistrează, prioritizează și urmărește rezolvarea tuturor sesizărilor.
</p>
</div>
</div>
</section>
</div>
<!-- Sidebar -->
<div class="space-y-6">
<!-- Database & Backup Card -->
<div class="professional-card p-6">
<h3 class="text-lg font-semibold mb-4 professional-text-primary">Baza de Date și Backup</h3>
<p class="professional-text-secondary text-sm leading-relaxed">
Mentenanța bazei de date Oracle este inclusă în serviciile de suport tehnic.
De asemenea, furnizăm o metodă automată și periodică de back-up a datelor.
</p>
</div>
<!-- Contract Card -->
<div class="professional-card p-6">
<h3 class="text-lg font-semibold mb-4 professional-text-primary">Contract</h3>
<p class="professional-text-secondary text-sm leading-relaxed mb-4">
Serviciile de suport tehnic post-implementare fac obiectul unui "Contract de suport tehnic"
ce va fi încheiat între părți.
</p>
<a href="contact.html" class="professional-btn-secondary px-4 py-2 text-sm w-full inline-block text-center">
<span>Solicită Contract</span>
</a>
</div>
<!-- Resurse rapide -->
<div class="professional-card p-6">
<h3 class="text-lg font-semibold mb-4 professional-text-primary">Resurse rapide</h3>
<div class="space-y-3">
<a href="../romfastsuport/files/romfast_suport.exe" class="professional-btn-secondary px-4 py-2 text-sm w-full inline-block text-center">
<span>Romfast Suport (.exe)</span>
</a>
</div>
</div>
</div>
</div>
<!-- Call to Action Section -->
<section class="professional-support text-center">
<h2 class="text-2xl font-bold mb-6 professional-text-primary">Ai nevoie de suport tehnic?</h2>
<p class="professional-text-secondary mb-8 max-w-2xl mx-auto">
Echipa noastră de specialiști este pregătită să îți ofere suportul de care ai nevoie
pentru a utiliza eficient sistemul ROA.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="contact.html" class="professional-btn-primary px-8 py-4 text-lg">
<span>Contactează Suportul</span>
</a>
<a href="../roa/aplicatii-erp.html" class="professional-btn-secondary px-8 py-4 text-lg">
<span>Află mai mult despre ROA</span>
</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-generator.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://icon-generator.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://roa-qr.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>

325
menu/servicii.html Normal file
View File

@@ -0,0 +1,325 @@
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Implementare &amp; Suport ROA — Romfast</title>
<meta name="description" content="Analiză, implementare în 5 pași, suport tehnic post-implementare și actualizări legislative pentru sistemul ERP ROA. Software croit pe procesul tău, nu invers.">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/flowbite@2.0.0/dist/flowbite.min.js"></script>
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
<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 &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/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 &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/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">Servicii Romfast</span>
<h1 class="hero-title">
Implementare &amp; suport ROA,
<span class="accent">de la analiză până la go-live</span> și mai departe.
</h1>
<p class="hero-sub">
Aceeași echipă te conduce prin analiză, migrare și instruire — apoi
<strong>răspundem chiar noi</strong> la fiecare problemă, fără intermediari.
</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>
<!-- ============ DE CE ERP (4 pain points) ============ -->
<section id="de-ce-erp" class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div data-reveal data-i="0" class="mb-8">
<div class="eyebrow mb-3">De ce un ERP</div>
<h2 class="text-3xl md:text-4xl m-0">Semnele că informația nu mai ține pasul cu firma</h2>
<p class="hero-sub mt-4">
De cele mai multe ori, decizia de a schimba sistemul informatic devine o prioritate pentru conducere din motive concrete:
</p>
</div>
<div class="grid sm:grid-cols-2 gap-5">
<div data-reveal data-i="0" class="professional-card service-reliability" style="padding: 26px 24px;">
<span class="feature-title">Informația circulă greu</span>
<p class="feature-desc mt-2">Datele nu circulă suficient de repede sau cu acuratețe și suferă fracturi în interiorul organizației.</p>
</div>
<div data-reveal data-i="1" class="professional-card service-reliability" style="padding: 26px 24px;">
<span class="feature-title">Răspuns lent spre exterior</span>
<p class="feature-desc mt-2">Răspunsul organizației către partenerii externi este lent, imprecis sau nesatisfăcător.</p>
</div>
<div data-reveal data-i="2" class="professional-card service-reliability" style="padding: 26px 24px;">
<span class="feature-title">Rapoarte cu întârziere</span>
<p class="feature-desc mt-2">Urmărirea activității se realizează anevoios, iar rapoartele de execuție ajung cu întârziere.</p>
</div>
<div data-reveal data-i="3" class="professional-card service-reliability" style="padding: 26px 24px;">
<span class="feature-title">Sinteze greu de obținut</span>
<p class="feature-desc mt-2">Conducerea obține cu greu rapoarte de sinteză și de evoluție, în lipsa informațiilor complete și corelate în timp real.</p>
</div>
</div>
</section>
<!-- ============ DE CE ROA (diferențiator) ============ -->
<section id="de-ce-roa" class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div data-reveal data-i="0" class="mb-8">
<div class="eyebrow mb-3">De ce ROA, nu un ERP de masă</div>
<h2 class="text-3xl md:text-4xl m-0">Software croit pe procesul tău, nu invers</h2>
<p class="hero-sub mt-4">
Programele de masă sunt construite pentru mii de utilizatori, la fel pentru toți. ROA e dezvoltat și menținut de aceeași echipă, care îl adaptează la cum lucrezi tu.
</p>
</div>
<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="M12 2v4M12 18v4M4.9 4.9l2.8 2.8M16.3 16.3l2.8 2.8M2 12h4M18 12h4M4.9 19.1l2.8-2.8M16.3 7.7l2.8-2.8"></path><circle cx="12" cy="12" r="3.2"></circle></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Automatizări la comandă</span>
<span class="feature-desc">Construim fluxurile repetitive direct în program, exact pentru cazurile tale — nu doar ce vine standard.</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="M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1.5 1.5"></path><path d="M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1.5-1.5"></path></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Integrări cu sistemele tale</span>
<span class="feature-desc">Conectăm ROA la dispeceratele, aplicațiile și fluxurile pe care le folosești deja, fără să le înlocuim.</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="M21 11.5a8.38 8.38 0 0 1-9 8.34 9.6 9.6 0 0 1-4-.92L3 20l1.08-3.24A8.34 8.34 0 0 1 3 11.5 8.5 8.5 0 0 1 12 3a8.5 8.5 0 0 1 9 8.5z"></path></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Răspundem chiar noi, fără intermediari</span>
<span class="feature-desc">Fără tichete pasate între departamente — vorbești direct cu oamenii care fac programul.</span>
</span>
</div>
</div>
</section>
<!-- ============ CUM IMPLEMENTĂM (5 pași) ============ -->
<section id="implementare" class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div data-reveal data-i="0" class="mb-6">
<div class="eyebrow mb-3">Cum implementăm</div>
<h2 class="text-3xl md:text-4xl m-0">Cinci pași, o echipă comună</h2>
<p class="hero-sub mt-4">
Implementarea e un proiect de anvergură, condus împreună de echipa ta și de specialiștii Romfast. Parcurgem etapele esențiale, fără să sărim peste niciuna.
</p>
</div>
<div data-reveal data-i="1" class="module-grid">
<div class="module-row">
<span class="module-num">01</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Analiză</span>
<span class="module-desc">Descoperim fluxurile informaționale, circuitul documentelor și punctele de decizie — analiză preliminară și detaliată.</span>
</span>
</div>
<div class="module-row">
<span class="module-num">02</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Setup</span>
<span class="module-desc">Pregătirea tehnică a sistemului și configurarea ROA pe politicile contabile și organizarea companiei.</span>
</span>
</div>
<div class="module-row">
<span class="module-num">03</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Migrare date</span>
<span class="module-desc">Migrarea și inițializarea datelor din sistemele existente, cu verificarea corectitudinii soldurilor.</span>
</span>
</div>
<div class="module-row">
<span class="module-num">04</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Training</span>
<span class="module-desc">Instruirea utilizatorilor, ca echipa ta să folosească eficient și complet sistemul de la prima zi.</span>
</span>
</div>
<div class="module-row">
<span class="module-num">05</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Go-Live &amp; Suport</span>
<span class="module-desc">Start productiv, predarea sistemului și suport tehnic continuu după implementare.</span>
</span>
</div>
</div>
</section>
<!-- ============ SUPORT TEHNIC POST-IMPLEMENTARE ============ -->
<section id="suport" class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div data-reveal data-i="0" class="mb-8">
<div class="eyebrow mb-3">Suport tehnic post-implementare</div>
<h2 class="text-3xl md:text-4xl m-0">Te însoțim și după go-live</h2>
<p class="hero-sub mt-4">
Economia și legislația se schimbă permanent — de aceea optimizăm și actualizăm continuu aplicațiile, ca să rămână la standardul de care ai nevoie.
</p>
</div>
<div class="grid lg:grid-cols-3 gap-5">
<div data-reveal data-i="0" class="professional-card service-technology" style="padding: 26px 24px;">
<span class="feature-title">Canale de comunicare</span>
<p class="feature-desc mt-2">Telefon, e-mail, conectare securizată la distanță sau intervenție la sediul Romfast / al clientului — alegem calea optimă pentru fiecare problemă.</p>
</div>
<div data-reveal data-i="1" class="professional-card service-technology" style="padding: 26px 24px;">
<span class="feature-title">Buletine lunare</span>
<p class="feature-desc mt-2">Comunicăm periodic lista lucrărilor: buletin informativ lunar, rapoarte de lucrări speciale și lista actualizărilor legislative.</p>
</div>
<div data-reveal data-i="2" class="professional-card service-technology" style="padding: 26px 24px;">
<span class="feature-title">Backup Oracle inclus</span>
<p class="feature-desc mt-2">Mentenanța bazei de date Oracle e inclusă în suport, împreună cu o metodă automată și periodică de back-up a datelor.</p>
</div>
</div>
<div data-reveal data-i="1" class="grid md:grid-cols-2 gap-5 mt-5">
<div class="professional-card" style="padding: 26px 24px;">
<span class="feature-title">Contract de suport tehnic</span>
<p class="feature-desc mt-2">Serviciile de suport post-implementare fac obiectul unui „Contract de suport tehnic” încheiat între părți. Beneficiarul creează și urmărește sesizările prin programul ROA Suport Tehnic, iar noi le înregistrăm, prioritizăm și rezolvăm.</p>
</div>
<div class="professional-card professional-card-featured" style="padding: 26px 24px;">
<span class="feature-title">Descarcă utilitarul de suport</span>
<p class="feature-desc mt-2 mb-4">Romfast Suport — aplicația prin care îți acordăm asistență de la distanță, rapid și securizat.</p>
<a href="/romfastsuport/files/romfast_suport.exe" class="btn-solid">Romfast Suport (.exe) ↓</a>
</div>
</div>
</section>
<!-- ============ STRIP DOVADĂ SOCIALĂ ============ -->
<section id="dovada" class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div data-reveal data-i="0" class="mb-8 text-center">
<div class="eyebrow mb-3">Cine folosește ROA</div>
<h2 class="text-3xl md:text-4xl m-0">Relații de peste 20 de ani</h2>
</div>
<div class="grid sm:grid-cols-3 gap-5">
<div data-reveal data-i="0" class="professional-card" style="padding:24px;">
<p class="feature-desc" style="font-size:15px;">„Integrare cu dispeceratul propriu + facturare contractuală automată și borderou e-Factura din SPV.”</p>
<p class="eyebrow mt-4" style="text-transform:none;">Administrația Canalelor Navigabile · client din 2003 · 23 ani</p>
</div>
<div data-reveal data-i="1" class="professional-card" style="padding:24px;">
<p class="feature-desc" style="font-size:15px;">„Facturare bilingvă lei + valută, cu XML și PDF generate automat ca anexe la email.”</p>
<p class="eyebrow mt-4" style="text-transform:none;">VADECO SRL · client din 2006 · 20 ani</p>
</div>
<div data-reveal data-i="2" class="professional-card" style="padding:24px;">
<p class="feature-desc" style="font-size:15px;">„Modul producție pe devize și rețete, cu descărcare automată a bonurilor de consum în timp real.”</p>
<p class="eyebrow mt-4" style="text-transform:none;">Romconstruct Glass · client din 2016 · 10 ani</p>
</div>
</div>
<p class="text-center mt-6"><a href="/menu/referinte.html" class="link-arrow">Vezi toate referințele →</a></p>
</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">Pregătit pentru transformarea digitală?</h2>
<p class="hero-sub mx-auto mb-8">Te ghidăm prin fiecare etapă a implementării ROA și rămânem alături după go-live.</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-generator.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://icon-generator.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://roa-qr.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>

415
prd-restructurare-site.md Normal file
View File

@@ -0,0 +1,415 @@
# PRD — Restructurare Website Romfast
**Data:** 2026-06-26
**Autor:** sesiune Claude Code (pe baza `analiza-pagini-website.md`)
**Status:** Draft pentru revizuire
**Sursă:** `analiza-pagini-website.md` (inventar + scorare 26 pagini)
---
## 0. Context și constrângeri tehnice
- **Repo:** `/workspace/romfast-website/` (git, branch `main`)
- **Stack:** HTML static + Tailwind CSS (CDN) + Flowbite (CDN) + Lucide Icons (CDN). Fără build process — se editează direct HTML-ul.
- **CSS:** `professional-theme.css` (variabile de culoare + componente custom). **JS:** `professional-theme.js` (dark mode, mobile menu, init Lucide, scroll animations).
- **Referința de design:** `index.html` — homepage recent reproiectat = standardul vizual al site-ului.
- **Navigarea e duplicată manual** în fiecare pagină (nu există templating). Orice schimbare de meniu se aplică în **toate** fișierele HTML.
- **Deploy:** rsync spre a2hosting **fără `--delete`** → fișierele șterse din repo **rămân pe prod** până la ștergere manuală pe server. ⇒ orice „ștergere" trebuie dublată de ștergere manuală pe server **sau** de un redirect.
- **Scope:** doar site-ul principal (`/`, `/menu/`, `/roa/`). `efactura-generator/` **nu** intră.
### Constatare tehnică (verificată în repo, corectează o presupunere din analiză)
Paginile considerate „layout vechi" (`roa-facturare`, `roa-situatii-financiare`, `roa-comenzi-clienti`, `roa-contracte-clienti`, `roa-gestiune`) **deja includ** `professional-theme.css` și nav-ul nou. Problema **nu** e CSS-ul, ci **structura body-ului**: au buton „Înapoi" (`history.back()`) în loc de hero + carduri + CTA. ⇒ Efortul de aducere la standard este **mediu** (rescriere structură internă), nu rescriere de la zero.
---
## 1. Obiective
1. **Lean:** reducere de la **26 → ~14-15 pagini active** (4 pagini Servicii → 1; ștergere desprenoi + chatbot; 3 module ROA înglobate — comenzi, situații, aplicatii-specifice; contractele rămân program distinct), fără pierderea informației importante.
2. **Conversie clară:** fiecare pagină de produs duce spre Contact / cerere ofertă cu CTA consistent (Demo + telefon/Contact), max 2 CTA-uri per pagină.
3. **Zero redundanță:** eliminarea suprapunerilor (analiza↔implementare, alteservicii↔implementare, aplicatii-erp↔homepage).
4. **Consistență vizuală 100%:** toate paginile la standardul `index.html` — același hero pattern, carduri, tipografie, footer și navigare.
5. **Fără verbose inutil:** texte concise, bullet-uri, exemple concrete în loc de beneficii generice.
6. **Igienă tehnică:** tool-urile interne (chatbot Maria) scoase din indexare/navigare; statistici neverificabile eliminate.
### Non-obiective
- Nu introducem CMS / templating (rămâne HTML static).
- Nu atingem `efactura-generator/`.
- Nu schimbăm paleta de culori sau `professional-theme.css` (decât dacă o pagină rescrisă cere o componentă nouă reutilizabilă).
---
## 2. Pagini de șters
| Pagină | Motiv | Ce facem cu linkurile | Acțiune pe prod |
|--------|-------|----------------------|-----------------|
| `chatbot.html` | Prototip „Cezar", API pe tunel ngrok instabil, depășit de Maria | Nu e în nav (verificat); doar ștergere fișier | Ștergere fizică (repo + manual pe server) |
| `menu/desprenoi.html` | Slabă ca dovadă socială; pasajele utile mutate în homepage (decizia D2) | Scoate „Despre noi" din nav în toate paginile | Ștergere fizică (repo + manual pe server) |
| `menu/analiza.html` | Consolidat în noua pagină unică `menu/servicii.html` (vezi §3) | Înlocuit de linkul „Servicii" în nav | Ștergere fizică (repo + manual pe server) |
| `menu/implementare.html` | Consolidat în `menu/servicii.html` | Înlocuit de „Servicii" în nav | Ștergere fizică (repo + manual pe server) |
| `menu/roa-suport-tehnic.html` | Consolidat în `menu/servicii.html` (secțiunea Suport + `.exe`) | Înlocuit de „Servicii" în nav | Ștergere fizică (repo + manual pe server) |
| `menu/alteservicii.html` | 100% redundant; ce e util intră în `menu/servicii.html` | Înlocuit de „Servicii" în nav | Ștergere fizică (repo + manual pe server) |
**Decizie D1 (luată): ștergere fizică.** Fișierele se șterg din repo. Fiindcă rsync-ul nu folosește `--delete`, ele **trebuie șterse și manual pe prod** după deploy:
```bash
# pe a2hosting (ssh -p 7822 romfastr@nl1-ss18.a2hosting.com)
rm -f ~/public_html/chatbot.html
rm -f ~/public_html/menu/desprenoi.html
rm -f ~/public_html/menu/analiza.html
rm -f ~/public_html/menu/implementare.html
rm -f ~/public_html/menu/roa-suport-tehnic.html
rm -f ~/public_html/menu/alteservicii.html
```
Se acceptă pierderea oricărui backlink/SEO existent (nu se lasă stub-redirect).
---
## 3. Pagini de merge / înglobat
Sursă → destinație, cu conținutul exact de salvat:
| Sursă | Destinație | Conținut de păstrat | Ce se elimină |
|-------|-----------|---------------------|---------------|
| `roa/roa-comenzi-clienti.html` | secțiune în `roa/roa-facturare.html` (după rescriere) | fluxul comenzi → facturare | layout vechi, buton „Înapoi", text generic |
| `roa/roa-situatii-financiare.html` | subsecțiune „Raportare financiară" în `roa/roa-financiar-contabilitate.html` | formule definite de utilizator, bilanț + P/P | layout vechi, „Înapoi" |
| `roa/roa-aplicatii-specifice.html` | secțiune „Capacități tehnice" în `roa/aplicatii-erp.html` | listele de capacități (Configurator, Raportare, Securitate, Mobile/Web) | CTA-uri duplicate |
### 3a. Pagină nouă consolidată: `menu/servicii.html`
**Decizie client:** cele 4 pagini din meniul „Servicii" se comasează într-o **singură pagină** `menu/servicii.html`, în standardul vizual `index.html` (hero + secțiuni + CTA). Dropdown-ul „Servicii" dispare; în nav rămâne un singur link „Servicii".
| Sursă | Devine secțiune în `servicii.html` | Conținut de păstrat | Ce se elimină |
|-------|-----------------------------------|---------------------|---------------|
| `menu/analiza.html` | Intro: „De ce ERP / De ce ROA" | cele 4 pain points (motive adopție ERP) | sidebar redundant, download-uri duplicate |
| `menu/implementare.html` | „Cum implementăm" | mesajul de proces structurat, comprimat la **4-5 pași vizuali** (Analiză → Setup → Migrare date → Training → Go-Live & Suport) | matricea de responsabilități cu documente (detaliu contractual, valoare ~0 pentru prospect), cei 8 pași detaliați |
| `menu/roa-suport-tehnic.html` | „Suport tehnic" | metoda de suport (canale, buletine lunare, backup Oracle), mențiunea contractului, **download `Romfast Suport (.exe)`** | redundanțe; CTA „Solicită Contract" → „Contact Suport" |
| `menu/alteservicii.html` | (doar dacă există ceva unic) eventual 1-2 bullet-uri | nimic dacă e 100% redundant | toată pagina |
**Structura paginii `servicii.html`:** Hero („Implementare & Suport ROA") → De ce ERP (4 pain points) → Cum implementăm (4-5 pași) → Suport tehnic post-implementare (+ `.exe`) → CTA (Programează demo / Contact).
**Efect asupra homepage-ului (D3 = ancore, decizie luată):** lista de module din `index.html` (liniile ~150-222) se **păstrează**, dar linkurile modulelor înglobate trec pe **ancore** către pagina gazdă:
| Rând homepage | Link nou |
|---|---|
| Comenzi clienți | `roa/roa-facturare.html#comenzi` (ancoră — secțiune în facturare) |
| Situații financiare | `roa/roa-financiar-contabilitate.html#raportare` (ancoră) |
| Aplicații specifice | `roa/aplicatii-erp.html#capacitati` (ancoră — secțiune în hub) |
| **Contracte clienți și furnizori** | `roa/roa-contracte-clienti.html` (**rămâne pagină proprie** — program distinct, vezi §4) |
Implementare: fiecare secțiune gazdă primește un `id` (`<section id="comenzi">`, `id="raportare"`, `id="capacitati">`) ca ancora să funcționeze.
---
## 4. Pagini de rescris (structură + conținut)
| Pagină | Prioritate | Ce se schimbă | Ce se păstrează | Ce se elimină |
|--------|-----------|---------------|-----------------|---------------|
| `roa/roa-facturare.html` | **Înaltă** | Rescriere structură la pattern nou (hero + avantaje + flux + CTA); accent pe **e-Factura** (diferențiator 2025); înglobează **doar comenzi clienți** ca secțiune (`id="comenzi"`) | integrările cu alte module | buton „Înapoi", layout fără hero |
| `roa/roa-contracte-clienti.html` | Medie | **Program distinct (clienți + furnizori)** — rămâne pagină proprie; rescriere la pattern nou (hero + avantaje + CTA); retitlare „Contracte clienți și furnizori"; flux Contracte→Facturare→Contabilitate vizualizat | cele 7 atribute de contract, fluxul spre facturare | buton „Înapoi", layout vechi, conținut limitat doar la clienți |
| `roa/roa-financiar-contabilitate.html` | Medie | Taie ~50% text → bullet-uri; adaugă subsecțiune Raportare financiară (din situatii-financiare); exemple concrete în loc de „Eficiență Operațională" generic | 500+ formule, cele 7 secțiuni | avantaje generice, text dens |
| `roa/roa-gestiune.html` | Medie | Combină 7 avantaje + 10 facilități → max 6 bullet-uri; pattern nou; scoate „Înapoi" | 300+ formule, tipuri documente (NIR, bonuri, facturi) | detalii integrare (redundante cu contabilitate) |
| `menu/desprenoi.html` | Joasă | **Decizie D2 (luată):** ștergere fizică + mutarea pasajelor utile în **homepage** (intro despre Romfast SRL — vezi §5, `index.html`). Pagina nu se rescrie. | povestea companiei (1991 Constanța, Oracle/Microsoft) → mutată în homepage | pagina întreagă (după extragerea pasajelor); 3 CTA-uri duplicate |
---
## 5. Pagini de optimizat (modificări punctuale, fără rescriere)
| Pagină | Modificări |
|--------|-----------|
| `index.html` | 1) **Păstrează** secțiunea download suport (Romfast Suport + Ammyy, ~liniile 237-241) pe homepage — decizie client: clienții sunt direcționați să descarce programul de suport de pe homepage. 2) Adaugă intro despre Romfast SRL înainte de modulele ERP, folosind **pasajele recuperate din `desprenoi.html`** (fondată 1991 Constanța, partener Oracle, Microsoft Certified, 30+ ani) — vezi decizia D2. 3) Actualizează lista module după merge-uri (vezi §3). 4) Actualizează nav: „Servicii" devine link simplu spre `menu/servicii.html` (fără dropdown). |
| `roa/cum-arata-roa.html` | Adaugă 1-2 fraze context sub fiecare screenshot (ce face utilizatorul / ce câștigă). Fă vizibil numărul de telefon. |
| `roa/roa-service-auto.html` | Temperează limbajul urgent (scoate majuscule din CTA „ACUM!"). Restul e model de referință — păstrează. |
| `roa/roa-horeca.html` | Înlocuiește cele 3 beneficii generice cu 1-2 fraze specifice HORECA (ex: recepție → factură → înregistrare contabilă automată). |
| `roa/roa-proiecte-devize.html` | Elimină statisticile neverificabile (70%/95%/500+). Reduce de la 5 → 2 CTA-uri. |
| `roa/roa-imobilizari.html` | Colapsează 4 subsecțiuni (Funcțiuni/Facilități/Beneficii/Integrare) → 2 (Ce face + Cum se integrează). Adaugă exemplu calcul amortizare. |
| `menu/angajari.html` | Reduce radical: 3 fraze + email + link spre contact. Scoate cele 3 carduri goale (Inovație/Echipă/Dezvoltare). Sau listează poziții reale. |
| `chatbot_maria.html` + `chatbot_maria2.html` | Adaugă `<meta name="robots" content="noindex">`; confirmă că nu sunt în nav; (opțional) stabilizează API host (nu ngrok). Rămân ca tool intern. |
---
## 6. Navigare propusă
**Nav actual (din `index.html`):**
`Prima pagina · Despre noi · ROA · Cum arată ROA · [Servicii ▾: Analiza · Implementare · Suport tehnic · Alte servicii] · Cine folosește ROA · Angajari · Contact`
**Nav propus:**
`Prima pagina · ROA ▾ · Cum arată ROA · Servicii · Cine folosește ROA · Angajări · Contact`
Detaliu:
```
Prima pagina
ROA ▾
├── Toate aplicațiile (aplicatii-erp.html — hub)
├── Financiar & Contabilitate
├── Gestiune
├── Facturare & e-Factura
├── Imobilizări
├── HORECA
├── Service Auto
└── Proiecte & Devize
Cum arată ROA
Servicii (link simplu → menu/servicii.html; fără dropdown)
Cine folosește ROA (referinte.html — argument de vânzare puternic, ținut vizibil)
Angajări
Contact (CTA)
```
Eliminate din nav: dropdown-ul „Servicii" întreg (`Analiza`, `Implementare`, `Suport tehnic`, `Alte servicii`) → înlocuit cu **un singur link „Servicii"** spre pagina consolidată; `Despre noi` (pagina ștearsă — D2; conținutul trece în homepage).
**Atenție:** nav-ul se editează manual în **toate** fișierele rămase (varianta desktop + varianta mobile în fiecare). Recomandare de proces: definește blocul nav final o dată, apoi propagă-l identic.
---
## 7. Ordinea de implementare (impact mare / efort mic întâi)
**Etapa 1 — Quick wins (efort mic, fără risc de conținut):**
1. Scoate `analiza` și `alteservicii` din nav (toate paginile); adaugă `noindex` pe chatbot_maria*.
2. Adaugă download-urile suport și pe `roa-suport-tehnic.html` (rămân și pe homepage).
3. Elimină statisticile neverificabile din `roa-proiecte-devize` + reduce CTA-urile.
4. Temperează limbajul din `roa-service-auto`.
**Etapa 2 — Pagina consolidată „Servicii" + ștergeri:**
5. Creează `menu/servicii.html` (pattern nou) prin comasarea: analiza (pain points) + implementare (4-5 pași) + suport tehnic (+ `.exe`) + alteservicii (vezi §3a).
6. Recuperează pasajele din `desprenoi.html` → intro homepage.
7. Înlocuiește dropdown-ul „Servicii" cu link simplu spre `servicii.html`; scoate „Despre noi" din nav.
8. Șterge fișierele: `analiza`, `implementare`, `roa-suport-tehnic`, `alteservicii`, `desprenoi`, `chatbot`.
9. Rulează comenzile `rm` pe prod (vezi §2) după deploy.
**Etapa 3 — Merge module ROA (efort mediu):**
10. Rescrie `roa-facturare` (pattern nou + e-Factura) și înglobează **comenzi clienți** ca secțiune (`id="comenzi"`).
11. Rescrie `roa-contracte-clienti` la pattern nou (program distinct: clienți + furnizori) — rămâne pagină proprie.
12. Înglobează situatii-financiare în financiar-contabilitate (`id="raportare"`).
13. Înglobează aplicatii-specifice în aplicatii-erp (`id="capacitati"`).
14. Actualizează linkurile-ancoră din homepage + nav după merge-uri (vezi §3).
**Etapa 4 — Rescrieri/optimizări de conținut:**
15. Simplifică `roa-gestiune`, `roa-imobilizari`, `roa-financiar-contabilitate`.
16. Optimizează `cum-arata-roa`, `roa-horeca`, `angajari`.
**Etapa 5 — Finalizare nav + QA vizual + deploy:**
17. Propagă nav-ul final identic în toate paginile.
18. **QA vizual în browser pe fiecare pagină, light + dark (vezi §11)** — temă unitară, lizibilitate containere, fără artefacte; remediază pe loc ce nu trece.
19. QA linkuri (zero 404 intern), apoi rsync deploy + ștergeri manuale pe prod.
---
## 8. Cerință transversală — consistență vizuală
Aplicabilă **oricărei** pagini rescrise/restructurate/optimizate:
- **Hero pattern** identic cu homepage: gradient navbar, heading mare, subheading, 1-2 CTA-uri.
- **Carduri, culori, tipografie** exclusiv din `professional-theme.css` (fără stiluri inline ad-hoc).
- **Footer și navigare** identice cu homepage.
- Paginile cu structură veche (`roa-facturare`, `roa-situatii-financiare`, `roa-comenzi-clienti`, `roa-contracte-clienti`, `roa-gestiune`) sunt **explicit non-conforme** și trebuie aduse la standard — eliminat butonul „Înapoi"/`history.back()`, înlocuit cu CTA real.
- Max 2 CTA-uri per pagină, consistent: **Programează demo** + **telefon/Contact**.
---
## 9. Decizii
| # | Decizie | Status | Rezultat |
|---|---------|--------|----------|
| D1 | Pagini șterse — fizic sau stub-redirect? | ✅ **Luată** | **Ștergere fizică** (repo + manual pe prod, vezi §2). Fără stub. |
| D2 | `desprenoi.html` | ✅ **Luată** | **Ștergere** + mutarea pasajelor (1991 Constanța, Oracle/Microsoft) în **homepage** (§5). Scoasă din nav. |
| D3 | Module merge-uite — ancoră sau dispar din homepage? | ✅ **Luată** | **Ancore.** Rândurile rămân pe homepage cu linkuri-ancoră spre pagina gazdă (comenzi→facturare#comenzi, situații→financiar#raportare, aplicatii-specifice→aplicatii-erp#capacitati). |
| D5 | Contracte clienți și furnizori | ✅ **Luată** | **Program distinct** — `roa-contracte-clienti.html` NU se înglobează în facturare; rămâne pagină proprie, rescrisă la pattern nou, retitlată „Contracte clienți și furnizori" (clienți + furnizori). |
| D4 | `aplicatii-erp.html` | ✅ **Luată** | **Rămâne ca hub** — gazdă pentru module + secțiunea „Capacități tehnice" (din aplicatii-specifice). Linkul „ROA" din nav duce aici. |
---
## 10. Criterii de acceptanță
**Cantitative:**
- [ ] Număr pagini active: ≤ 15 (de la 26).
- [ ] Meniul „Servicii" e un singur link (`menu/servicii.html`), fără dropdown.
- [ ] Linkurile-ancoră din homepage funcționează (comenzi→facturare#comenzi, situații→financiar#raportare, aplicatii-specifice→aplicatii-erp#capacitati).
- [ ] `roa-contracte-clienti` e pagină proprie, layout nou, titlu „Contracte clienți și furnizori".
- [ ] Zero linkuri interne rupte (404) — verificat cu crawl local.
- [ ] Nicio pagină de produs cu buton „Înapoi"/`history.back()` ca singur CTA.
- [ ] Max 2 CTA-uri per pagină de produs.
- [ ] Zero statistici neverificabile (70%/95%/500+ etc.) fără sursă.
**Calitative:**
- [ ] Toate paginile folosesc hero + footer + nav identice cu `index.html`.
- [ ] Nav identic propagat în toate fișierele (desktop + mobile).
- [ ] `analiza`, `implementare`, `roa-suport-tehnic`, `alteservicii`, `desprenoi`, `chatbot` șterse din repo și de pe prod; absente din nav.
- [ ] `chatbot_maria*` cu `noindex`, absente din nav.
- [ ] `menu/servicii.html` conține toate 4 secțiunile (De ce ERP / Implementare / Suport / + util din alte servicii).
- [ ] Download `Romfast Suport (.exe)` prezent pe homepage (păstrat intenționat) și în secțiunea Suport din `servicii.html`.
- [ ] Homepage are intro despre Romfast SRL înainte de module.
- [ ] e-Factura prezentă vizibil pe `roa-facturare`.
**Deploy:**
- [ ] rsync rulat; fișierele șterse din repo eliminate **manual** și de pe prod.
- [ ] Smoke test pe prod: homepage, contact, 2-3 pagini ROA, un redirect.
**Verificare vizuală în browser (vezi §11 — obligatoriu înainte de „done"):**
- [ ] Toate paginile rămase trec checklist-ul de QA vizual din §11, în light **și** dark mode.
---
## 11. Verificare în browser (QA vizual)
Niciun „done" fără verificare reală în browser. Se rulează pe **fiecare pagină rămasă** după modificări, în **light mode și dark mode**, la cel puțin 2 lățimi (desktop ~1280px și mobil ~390px).
### Cum se rulează
```bash
# server local din rădăcina repo-ului
python3 -m http.server 8000
# apoi verificare automată prin Playwright MCP (browser_navigate + browser_take_screenshot
# pentru fiecare URL, în ambele teme), cu inspecție vizuală a capturilor.
```
Lista de pagini de verificat (post-restructurare): `index`, `roa/aplicatii-erp`, `roa/cum-arata-roa`, `roa/roa-financiar-contabilitate`, `roa/roa-gestiune`, `roa/roa-facturare`, `roa/roa-contracte-clienti`, `roa/roa-imobilizari`, `roa/roa-horeca`, `roa/roa-service-auto`, `roa/roa-proiecte-devize`, `menu/servicii`, `menu/referinte`, `menu/contact`, `menu/angajari`, `menu/politica-confidentialitate`.
### Checklist per pagină
1. **Se încarcă fără erori** — pagina randează complet; zero erori în consolă; zero request-uri 404 (CSS/JS/imagini); iconițele Lucide apar (nu rămân `<i data-lucide>` neînlocuite).
2. **Temă unitară** — hero, carduri, butoane, tipografie și footer arată identic cu `index.html`. Nicio pagină nu iese din paleta `professional-theme.css`.
3. **Lizibilitate dark + light** — în **ambele** moduri, textul din toate containerele (carduri, hero, tabele, footer) are contrast suficient și **se citește** — fără text închis pe fundal închis sau text deschis pe fundal deschis. Atenție specială la carduri și secțiuni cu fundal colorat.
4. **Containere consistente** — nu rămân containere/secțiuni cu stiluri vechi sau ad-hoc (alt radius, altă umbră, altă culoare de fundal, alt padding) față de componentele standard. Toate cardurile dintr-o pagină arată la fel.
5. **Fără artefacte rămase** — nicio imagine ruptă (icon „broken image"), nicio imagine/logo rămas din designul vechi care strică tema, niciun bloc de stil inline orfan, niciun buton „Înapoi"/`history.back()`, niciun element gol sau placeholder vizibil.
6. **Comutare temă** — toggle-ul dark/light din `professional-theme.js` funcționează pe pagină și nu lasă elemente „blocate" pe tema anterioară.
7. **Responsive** — la 390px nav-ul mobil funcționează, nu apare scroll orizontal, cardurile se rearanjează corect.
### Tratarea problemelor
Orice abatere găsită se **remediază pe loc** (aducere la `professional-theme.css`), apoi se re-verifică pagina. Capturile înainte/după pot fi păstrate ca dovadă. O pagină nu se consideră finalizată până nu trece toate cele 7 puncte în ambele teme.
---
*PRD generat pe baza `analiza-pagini-website.md`. Pentru implementare, urmează ordinea din §7; verificarea vizuală din §11 e obligatorie înainte de deploy (Etapa 5).*
---
<!-- ===================== GSTACK REVIEW (autoplan) ===================== -->
# GSTACK REVIEW REPORT — /autoplan
> Pipeline: CEO → Design → Eng (DX skipped — marketing site, no developer surface).
> Voices: Claude subagent (independent) + Codex. **Codex hit its usage limit (reset Jul 18) → all phases run subagent-only.**
> Decisions auto-resolved with the 6 principles; taste/strategic calls surfaced at the final gate.
## Phase 1 — CEO Review (Strategy & Scope)
### 0A. Premise challenge
| Premisă (din PRD) | Verdict | Notă |
|---|---|---|
| „26→15 pagini = site mai bun" (leanness e obiectivul) | ⚠️ Parțial | Leanness e igienă, nu pârghia de conversie B2B. Conversia ERB e blocată de *încredere, dovadă socială, captură de lead* — nu de curățenia nav. `referinte.html` (9 clienți reali) e cel mai puternic activ și primește o singură linie. |
| „Ștergere fizică fără redirect e acceptabilă" (D1) | ❌ **Infirmată tehnic** | Motivul invocat — „rsync nu folosește `--delete`" — confundă sync-ul de fișiere cu redirect-urile. **`.htaccess` EXISTĂ deja pe server** (conține `ErrorDocument 404`). Un `Redirect 301` per URL șters = ~10 linii, gratis, păstrează SEO/backlink. |
| „Nu avem date de trafic" → analiză pur editorială | ⚠️ Risc | Se șterg/merge pagini fără să știm care rankează. Google Search Console (30 min) ar fi infirmat parte din decizii. |
### 0B. Ce există deja (leverage map)
- `professional-theme.css` / `professional-theme.js` — sistem de design complet, reutilizat (bun, DRY).
- `index.html` — referință vizuală (hero/carduri/footer), pattern de copiat.
- `404.html` + `.htaccess` (`ErrorDocument 404`) — infrastructură de eroare deja prezentă.
- `sitemap.xml` — listează **toate** paginile vizate de ștergere/merge (`desprenoi`, `alteservicii`, `analiza`, `implementare`, `roa-situatii-financiare`, `roa-comenzi-clienti`, `roa-aplicatii-specifice`). **Trebuie actualizat** post-restructurare, altfel Google crawl-uiește 404-uri.
### 0C. Dream-state delta
CURENT: 26 pagini, temă inconsistentă, fără captură de lead. → ACEST PLAN: ~15 pagini, temă unitară, CTA consistente. → IDEAL 12 LUNI: mașină de conversie cu formular de cerere ofertă calificat (industrie/dimensiune/modul), 2-3 case studies din `referinte`, dovadă deasupra fold-ului pe fiecare pagină produs, SEO păstrat. **Delta:** planul rezolvă consistența vizuală, dar NU captura de lead și NU proof-ul — rămân pentru un PRD ulterior.
### 0D. Scope decisions
- **NU în scope (corect deferat):** efactura-generator, paletă culori, CMS/templating.
- **NU în scope (lacună strategică — deferat în TODOS):** formular de captură lead pe paginile produs; case studies din `referinte`; benchmark competitiv. Acestea sunt pârghia reală de conversie, dar depășesc un PRD de „restructurare".
- **În blast radius, sub 1 zi — auto-aprobat (P2):** redirect 301 în `.htaccess` + actualizare `sitemap.xml`. Sunt în raza directă a ștergerilor și costă ~30 min.
### CEO consensus (single voice — Codex indisponibil)
| Dimensiune | Claude | Codex | Consens |
|---|---|---|---|
| 1. Premise valide? | ⚠️ NU (D1 + leanness) | N/A | Flag (single critical) |
| 2. Problema corectă? | ⚠️ Parțial (lipsește lead capture) | N/A | Flag |
| 3. Calibrare scope? | ✅ Da pentru restructurare | N/A | OK |
| 4. Alternative explorate? | ❌ 301 vs delete nedezbătut | N/A | Flag |
| 5. Riscuri conversie? | ⚠️ Fără mecanism lead | N/A | Flag (deferat) |
| 6. Traiectorie 6 luni? | ❌ Regret SEO (e-Factura) | N/A | Flag |
**Constatare critică unică (flag regardless):** ștergerea fizică fără 301 (D1) torpilează rankingul long-tail — inclusiv URL-uri pe termeni 2025 fierbinți (e-Factura). Fix near-zero (`.htaccess` deja există).
### Premise gate — rezultat (confirmat de client)
- **D1 confirmat (rămâne):** ștergere fizică, **fără** redirect 301. Motivare client: paginile șterse nu au vizitatori și nu conțin nimic valoros → pierderea SEO e irelevantă. Contestația CEO se închide: clientul are datele de utilizare pe care modelul nu le avea.
- *Singura igienă reținută (eng):* scoate URL-urile șterse din `sitemap.xml` (evită erori 404 în Search Console). Cost ~5 min, nelegat de valoarea SEO.
- **Nou requirement transversal (confirmat de client — pârghia reală de conversie):** restructurarea trebuie să **scoată activ în față dovada socială și diferențiatorul**, nu doar să reducă paginile:
1. **Dovadă socială:** `referinte.html` (9 clienți reali, vechime mare) ținut vizibil în nav („Cine folosește ROA") + cârlig pe homepage spre el.
2. **Istoric/credibilitate:** intro Romfast SRL pe homepage (1991 Constanța, Oracle/Microsoft, 30+ ani) — vezi §5.
3. **Diferențiator-cheie:** mesaj explicit „ROA face **automatizări și integrări la comandă**, spre deosebire de programele de masă pentru mii de utilizatori" — pe homepage (intro) și ca frază pe paginile produs/servicii. Acesta e argumentul de vânzare central, nu leanness-ul.
> Acest requirement NU înlocuiește restructurarea — o completează. Lead-capture cu formular calificat + CRM rămâne deferat (TODOS), dar dovada socială + diferențiatorul intră în acest plan.
## Phase 2 — Design Review (single voice — Codex indisponibil)
Plan-ul e despre pagini ce nu există încă, deci review pe *specificația de design*, nu pe pixeli.
| # | Finding | Sev | Fix (auto-aprobat) |
|---|---------|-----|--------|
| D-F6 | **Ancorele cross-page aterizează sub navbar-ul sticky.** `professional-theme.js` leagă smooth-scroll doar pentru `#` same-page (block:'start', offset 0); linkurile homepage→`...#comenzi` sunt jump-uri native care ocolesc JS. Nu există `scroll-padding-top` nicăieri → heading-ul secțiunii rămâne ascuns sub navbar (~90px). | 🔴 CRITIC (pt. feature ancore) | `html{scroll-padding-top:96px;}` în `professional-theme.css`. O linie, obligatoriu înainte de feature-ul de ancore. |
| D-F1 | **`servicii.html` n-are slot pentru diferențiator/proof** — ordinea (De ce ERP→Implementare→Suport) vinde „de ce orice ERP", nu „de ce ROA". | 🟠 HIGH | Inserează bloc „De ce ROA (nu un ERP de masă)" după „De ce ERP" + strip proof (2-3 referințe) deasupra CTA-ului final. Aliniat cu requirement-ul client. |
| D-F7 | **Dovada socială sub-specificată** vs cererea explicită a clientului — planul adaugă doar *istoric* (1991), fără artefact de proof (logo strip / citate vechime) deasupra fold-ului. | 🟠 HIGH | Componentă proof pe homepage (după hero) + pe servicii + pagini-cheie. Tratează cei 9 clienți din `referinte` ca conținut reutilizabil, nu doar link nav. |
| D-F3 | **„hero + cards + CTA" sub-specificat → drift.** Nu spune ce clase să refolosească. | 🟠 HIGH | Mandatează clasele existente (`.feature-card`, `.module-grid`, `.professional-card`); interzice Tailwind/hex ad-hoc. Cei 4-5 pași = listă numerotată, nu grid neuniform. |
| D-F4 | **Dark-mode contrast pe carduri colorate.** `professional-theme.css` remapează doar `bg-*-50`/anumite griuri în `main`; orice card nou cu `bg-*-100/600`/gradient/hex inline se sparge în dark. | 🟠 HIGH | Regulă: carduri colorate doar prin utilitare documentate; QA §11 testează **fiecare card nou**, nu doar cele remapate. |
| D-F2 | Ancorele aterizează mid-page fără „you are here". | 🟡 MED | `.eyebrow` cu numele paginii-părinte + 1 frază intro pe fiecare sub-secțiune gazdă. |
| D-F8 | Nav duplicat în 27 fișiere (desktop+mobile), fără mecanism de paritate. | 🟠 HIGH | Vezi Eng-F1 (verificare grep gating). |
**Design consensus (single voice):** ordinea/cleanup-ul sunt solide; cele 3 puncte cu pârghie mare (D-F6 ancore vor eșua vizibil, D-F7 proof = cererea reală a clientului, D-F3/F4 disciplină componente/dark) sunt tratate ca afterthought. D-F6 și D-F7 trebuie rezolvate înainte de implementare.
## Phase 3 — Eng Review (single voice — Codex indisponibil)
Verificat în repo.
| # | Finding | Sev | Fix (auto-aprobat) |
|---|---------|-----|--------|
| E-F2 | **Asimetrie deploy/delete.** rsync fără `--delete`; `rm` pe prod e manual, *după* deploy. Uitat/parțial → pagini șterse rămân live (zombies orfane), fără eroare. | 🔴 CRITIC | Verifier post-deploy: `for u in chatbot menu/desprenoi menu/analiza menu/implementare menu/roa-suport-tehnic menu/alteservicii; do curl -so/dev/null -w "%{http_code} $u\n" https://www.romfast.ro/$u.html; done` → toate 404. În §10. |
| E-F3 | **Integritate ancore.** Confirmat: paginile gazdă au **0** anchor-uri `id="comenzi/raportare/capacitati"`. „Crawl linkuri" din §10 NU verifică fragmentul `#` — doar că `.html` există. id greșit/lipsă = jump mort silențios. | 🔴 CRITIC | Assert per ancoră: `grep -q 'id="comenzi"' roa/roa-facturare.html` (×3). Inserează id-urile (§7 pași 10/12/13) **înainte** de relink homepage (pas 14). |
| E-F1 | **Propagare nav zero-drift.** 27 fișiere × (desktop+mobile) ≈ 50 puncte de editare manuală. „Define once, propagate" e advisory. | 🟠 HIGH | Bloc nav delimitat `<!--NAV-START-->…<!--NAV-END-->` + verifier gating: `grep -rlE 'desprenoi\|analiza.html\|alteservicii\|implementare.html\|roa-suport-tehnic' --include=*.html .` → gol pe fișierele rămase. **Include `404.html`** (are nav). |
| E-F5 | **Pierdere conținut la merge.** Sursele sunt non-triviale; §3/§3a spun ce să *păstrezi* dar n-au gate pre-delete. Risc: `.exe`/Ammyy, pasajul 1991, formulele user-defined dispar silențios la `rm`. | 🟠 HIGH | Înainte de orice delete: checklist de artefacte „load-bearing" (href download, telefon, copy distinctiv) + `grep` fiecare în destinație. Nu șterge sursa până nu trece grep. |
| E-F4 | **`sitemap.xml` nu se actualizează** — listează toate cele 7 URL-uri șterse/merge. | 🟠 HIGH | Scoate cele 7 URL-uri + bump lastmod. În §7 Etapa 5 + §10. (Igienă confirmată la premise gate.) |
| E-F6 | **Lacune QA §11:** lipsesc (a) check fragment ancoră, (b) check prod-404, (c) `404.html`+`chatbot_maria*` absente din lista QA deși au nav, (d) scope crawl nedefinit (include href-urile din nav mobil). | 🟡 MED | Adaugă cele 4 în §11. |
| E-F7 | Ordering: gate delete-urile pe E-F5 (verificare conținut). | 🟡 MED | Mută verificarea conținut înaintea ștergerilor. *(Corecție review: afirmația că `roa-imobilizari` are buton „Înapoi" e **FALSĂ** — doar 3 pagini au `history.back()`: facturare, comenzi-clienti, contracte-clienti, toate deja la rescriere.)* |
**Eng consensus (single voice):** logica editorială e corectă; **stratul de verificare e veriga slabă** — fiecare gate care contează (delete pe prod, fragmente ancoră, sitemap, extracție conținut) e proză ne-scriptată. CRITIC: E-F2, E-F3.
### Eng consensus table
| Dimensiune | Claude | Codex | Consens |
|---|---|---|---|
| 1. Arhitectură (static) sănătoasă? | ✅ Da | N/A | OK |
| 2. Acoperire verificare/QA? | ❌ Lipsesc gate-uri (ancore/prod/sitemap/conținut) | N/A | Flag |
| 3. Riscuri „performanță" (N/A static) | ✅ N/A | N/A | OK |
| 4. „Securitate" (N/A marketing) | ✅ N/A | N/A | OK |
| 5. Căi de eroare (deploy/delete)? | ❌ Asimetrie rsync, fără verifier | N/A | Flag (CRITIC) |
| 6. Risc deployment gestionabil? | ⚠️ Da, cu verifier-ele de mai sus | N/A | Flag |
<!-- AUTONOMOUS DECISION LOG -->
## Decision Audit Trail
| # | Fază | Decizie | Clasificare | Principiu | Rezultat |
|---|------|---------|-------------|-----------|----------|
| 1 | CEO | D1 redirect 301 vs ștergere fizică | **Premise gate (user)** | — | Client decide: ștergere fizică, fără redirect (paginile n-au trafic). Se reține doar pruning sitemap. |
| 2 | CEO | Lead-capture/proof în scope? | **Premise gate (user)** | — | Client: dovada socială + diferențiator IN scope; formular+CRM deferat. |
| 3 | CEO | Benchmark competitiv | Mechanical | P3 | Deferat TODOS — nu blochează restructurarea. |
| 4 | Design | scroll-padding-top pt ancore (D-F6) | Mechanical | P1/P5 | Auto: adaugă `html{scroll-padding-top:96px}`. Bug clar. |
| 5 | Design | Bloc diferențiator + proof în servicii/homepage (D-F1/F7) | Taste→mandat client | P1 | Auto-aprobat: cerut explicit de client. Forma exactă (logo vs citate) = notă la gate. |
| 6 | Design | Mandatează clase componente, interzice ad-hoc (D-F3/F4) | Mechanical | P5/P4 | Auto: refolosește `.feature-card/.module-grid`; QA fiecare card nou în dark. |
| 7 | Eng | Verifier prod-404 post-deploy (E-F2) | Mechanical | P1 | Auto: curl check în §10. |
| 8 | Eng | Assert fragmente ancoră + ordinea id-înainte-de-relink (E-F3) | Mechanical | P1 | Auto: grep `id=` ×3 înainte de relink. |
| 9 | Eng | Nav block delimitat + grep verifier (E-F1/D-F8) | Mechanical | P5 | Auto: gating grep pe 27 fișiere incl. 404.html. |
| 10 | Eng | Gate pre-delete pe extracție conținut (E-F5) | Mechanical | P1 | Auto: grep artefacte în destinație înainte de `rm`. |
| 11 | Eng | Prune sitemap.xml (E-F4) | Mechanical | P2 | Auto: scoate 7 URL-uri (igienă confirmată la gate). |
| 12 | Eng | Extinde QA §11 (E-F6) | Mechanical | P1 | Auto: +fragment, +prod-404, +404.html/chatbot_maria, +scope crawl. |
## Cross-phase themes
- **Stratul de verificare e veriga slabă** — apare în Design (D-F8 nav drift) ȘI Eng (E-F1/F2/F3): planul descrie *ce* să faci, dar gate-urile (prod-delete, fragmente ancoră, paritate nav, conținut) sunt proză, nu comenzi. Semnal de încredere înalt → scriptează-le.
- **Ancore = single point of visible failure** — Design (aterizare sub navbar) + Eng (id-uri inexistente) lovesc același feature din unghiuri diferite. Rezolvă ambele înainte de a livra relink-urile homepage.
## Implementation Tasks (adăugate de review, peste §7)
- [ ] **(P1) CSS** — `html{scroll-padding-top:96px;}` în `professional-theme.css` (D-F6). *Înainte* de orice relink ancoră.
- [ ] **(P1) servicii.html + homepage** — bloc „De ce ROA (automatizări/integrări la comandă vs software de masă)" + strip dovadă socială (2-3 referințe) deasupra CTA (D-F1/F7, requirement client).
- [ ] **(P1) Eng gate** — verifier nav: `grep -rlE 'desprenoi|analiza.html|alteservicii|implementare.html|roa-suport-tehnic' --include=*.html .` = gol (incl. 404.html) după propagare (E-F1).
- [ ] **(P1) Eng gate** — assert `id="comenzi|raportare|capacitati"` în paginile gazdă *înainte* de relink homepage (E-F3).
- [ ] **(P1) Eng gate** — extracție artefacte load-bearing (.exe/Ammyy href, telefon, pasaj 1991, formule) + grep în destinație *înainte* de `rm` sursă (E-F5).
- [ ] **(P2) Deploy** — verifier prod-404 (curl ×6) după rm manual (E-F2); prune 7 URL-uri din sitemap.xml (E-F4).
- [ ] **(P2) QA** — extinde §11: fragment ancoră, prod-404, +404.html/chatbot_maria în listă, scope crawl include nav mobil (E-F6).
- [ ] **(P2) Design** — `.eyebrow` „parte din X" pe sub-secțiunile ancorate (D-F2); mandatează clase componente, QA dark pe fiecare card nou (D-F3/F4).
## Deferat în TODOS
- Formular cerere ofertă calificat (industrie/dimensiune/modul) + integrare CRM/email — pârghia de conversie, dar PRD separat.
- 2-3 case studies scrise din `referinte` (peste logo strip-ul din acest plan).
- Benchmark competitiv vs ERP-uri de masă (sprijină mesajul diferențiator).
## Final gate — decizii client
- **Formă dovadă socială:** doar **citate + vechime** (ex. „Client din 2003 · 21 ani"), **fără logo-uri** — mai sigur legal, construit din conținutul existent `referinte.html`. Se aplică în blocul proof de pe homepage + servicii + pagini-cheie.
- **Status:** **APROBAT (doar plan)** — implementarea NU începe acum; pornește la decizia clientului, urmând ordinea §7 + task-urile de review. Primul pas la implementare: `html{scroll-padding-top:96px}` înainte de orice relink ancoră.
<!-- ===================== END GSTACK REVIEW ===================== -->

3
professional-theme.css
View File

@@ -123,6 +123,9 @@ body.light-mode {
html, body { margin: 0; padding: 0; }
/* Ancore cross-page: heading-ul secțiunii nu rămâne sub navbar-ul sticky (~90px) */
html { scroll-padding-top: 96px; }
body {
font-family: var(--font-body) !important;
background: var(--bg) !important;

484
roa/aplicatii-erp.html
View File

@@ -13,13 +13,12 @@
<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">
@@ -31,24 +30,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>
@@ -67,200 +69,330 @@
<!-- 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">
<main>
<!-- ROA Hero Section -->
<section class="professional-hero text-center">
<div class="max-w-4xl mx-auto relative z-10">
<h1 class="text-4xl md:text-5xl font-bold mb-6 professional-text-primary">
ROA - Romfast Applications
</h1>
<p class="text-xl professional-text-secondary mb-8 leading-relaxed">
Un sistem informatic complex de tip <strong>E.R.P. (Enterprise Resource Planning)</strong>,
destinat companiilor medii si mari, care inglobeaza aplicatii de tipul C.R.M., S.C.M., H.R. si B.I.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="../menu/roa-suport-tehnic.html" class="professional-btn-secondary px-8 py-4 text-lg">
<span>Suport Tehnic</span>
</a>
<div data-reveal data-i="0" class="max-w-4xl mx-auto">
<span class="pill-badge">ROMFAST APPLICATIONS</span>
<h1 class="hero-title">ROA — sistemul <span class="accent">ERP complet</span> pentru companii medii și mari.</h1>
<p class="hero-sub">Un sistem informatic de tip <strong>E.R.P.</strong> care înglobează aplicații de tip <strong>C.R.M., S.C.M., H.R. și B.I.</strong> — toate procesele de business într-o platformă unică.</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>
<!-- What is ERP Section -->
<section class="mb-16">
<div class="professional-card p-8">
<h2 class="text-3xl font-bold text-center mb-6 professional-text-primary">Ce este un sistem ERP?</h2>
<p class="text-lg professional-text-secondary text-center leading-relaxed max-w-4xl mx-auto">
Sistemul <strong>E.R.P.</strong> este instrumentul software care faciliteaza integrarea tuturor informatiilor
dintr-o organizatie intr-o platforma unica, asigurand astfel transparenta datelor in cadrul companiei si
accesul la orice tip de informatie utila in desfasurarea activitatii. Multi oameni de afaceri au numit
ERP-ul ca fiind <em>"modalitatea de a pune in ordine informatiile din cadrul companiei."</em>
<!-- Ce este un ERP -->
<section class="max-w-4xl mx-auto px-4 lg:px-10 py-16 text-center">
<div class="eyebrow mb-3">Context</div>
<h2 class="text-3xl md:text-4xl mb-6">Ce este un sistem ERP?</h2>
<p class="hero-sub mx-auto">
Sistemul <strong>E.R.P.</strong> este instrumentul software care integrează toate informațiile dintr-o
organizație într-o platformă unică, asigurând transparența datelor și accesul rapid la orice informație
utilă în desfășurarea activității — <em>„modalitatea de a pune în ordine informațiile din companie."</em>
</p>
</section>
<!-- ROA Applications Grid (hub) -->
<section class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div class="eyebrow mb-3 text-center">Module ROA</div>
<h2 class="text-3xl md:text-4xl mb-6 text-center">Aplicațiile ROA</h2>
<p class="hero-sub mx-auto mb-10 text-center">
Module care rezolvă principalele probleme ale organizațiilor medii și mari: gestiunea economică,
automatizarea fluxurilor de date, raportarea rapidă a informațiilor și reproiectarea fluxurilor informatice.
</p>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-5">
<a href="/roa/roa-financiar-contabilitate.html" class="professional-card" style="padding: 26px 24px;">
<span class="feature-title">Financiar &amp; Contabilitate</span>
<p class="feature-desc mt-2">Sistem complet de contabilitate și gestiune financiară pentru monitorizarea și controlul resurselor financiare.</p>
<span class="link-arrow mt-4 inline-block">Află mai mult →</span>
</a>
<a href="/roa/roa-imobilizari.html" class="professional-card" style="padding: 26px 24px;">
<span class="feature-title">Imobilizări</span>
<p class="feature-desc mt-2">Evidența și gestionarea mijloacelor fixe și a obiectelor de inventar ale companiei.</p>
<span class="link-arrow mt-4 inline-block">Află mai mult →</span>
</a>
<a href="/roa/roa-gestiune.html" class="professional-card" style="padding: 26px 24px;">
<span class="feature-title">Gestiune &amp; Stocuri</span>
<p class="feature-desc mt-2">Control complet asupra stocurilor: intrări, ieșiri, inventariere și optimizarea nivelurilor.</p>
<span class="link-arrow mt-4 inline-block">Află mai mult →</span>
</a>
<a href="/roa/roa-facturare.html" class="professional-card" style="padding: 26px 24px;">
<span class="feature-title">Facturare &amp; e-Factura</span>
<p class="feature-desc mt-2">Facturare cu generare automată XML și transmitere e-Factura în SPV.</p>
<span class="link-arrow mt-4 inline-block">Află mai mult →</span>
</a>
<a href="/roa/roa-contracte-clienti.html" class="professional-card" style="padding: 26px 24px;">
<span class="feature-title">Contracte clienți și furnizori</span>
<p class="feature-desc mt-2">Gestiunea contractelor, a facturării contractuale și a relațiilor cu partenerii.</p>
<span class="link-arrow mt-4 inline-block">Află mai mult →</span>
</a>
<a href="/roa/roa-horeca.html" class="professional-card" style="padding: 26px 24px;">
<span class="feature-title">HORECA</span>
<p class="feature-desc mt-2">Soluții specializate pentru industria hotelieră, restaurante și catering.</p>
<span class="link-arrow mt-4 inline-block">Află mai mult →</span>
</a>
<a href="/roa/roa-service-auto.html" class="professional-card" style="padding: 26px 24px;">
<span class="feature-title">Service Auto</span>
<p class="feature-desc mt-2">Gestiune completă pentru service-uri auto: comenzi, devize, evidență piese și manoperă.</p>
<span class="link-arrow mt-4 inline-block">Află mai mult →</span>
</a>
<a href="/roa/roa-proiecte-devize.html" class="professional-card" style="padding: 26px 24px;">
<span class="feature-title">Proiecte &amp; Devize</span>
<p class="feature-desc mt-2">Producție pe devize și rețete, cu descărcarea automată a bonurilor de consum.</p>
<span class="link-arrow mt-4 inline-block">Află mai mult →</span>
</a>
<a href="#cum-arata" class="professional-card" style="padding: 26px 24px;">
<span class="feature-title">Cum arată ROA</span>
<p class="feature-desc mt-2">Vezi interfața și modul concret în care ROA îți organizează informația.</p>
<span class="link-arrow mt-4 inline-block">Vezi capturi →</span>
</a>
</div>
</section>
<!-- ROA Applications Grid -->
<section class="mb-16">
<h2 class="text-3xl font-bold text-center mb-12 professional-text-primary">Aplicații ROA</h2>
<p class="text-lg professional-text-secondary text-center mb-12 max-w-4xl mx-auto leading-relaxed">
ROA cuprinde module care rezolva principalele probleme ale organizatiilor medii si mari: gestiunea economica,
automatizarea fluxurilor de date, regasirea si raportarea rapida a informatiilor, si reproiectarea fluxurilor informatice.
<!-- ============ Capacități tehnice (înglobat din aplicații specifice) ============ -->
<section id="capacitati" class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div class="eyebrow mb-3 text-center">Parte din ROA</div>
<h2 class="text-3xl md:text-4xl mb-6 text-center">Capacități tehnice</h2>
<p class="hero-sub mx-auto mb-10 text-center">
Pe lângă module, ROA aduce un set de capacități transversale care adaptează sistemul la specificul fiecărei organizații.
</p>
<!-- Applications Grid -->
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- Managementul Financiar-Contabil -->
<div class="professional-card p-6 text-center">
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Managementul Financiar-Contabil</h3>
<p class="professional-text-secondary mb-4 leading-relaxed">
Sistem complet de contabilitate și gestiune financiară pentru monitorizarea și controlul resurselor financiare.
</p>
<a href="roa-financiar-contabilitate.html" class="professional-btn-secondary px-6 py-3 w-full inline-block">
<span>Afla mai mult</span>
</a>
</div>
<!-- Managementul Imobilizarilor -->
<div class="professional-card p-6 text-center">
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Managementul Imobilizărilor</h3>
<p class="professional-text-secondary mb-4 leading-relaxed">
Evidența și gestionarea mijloacelor fixe și a obiectelor de inventar ale companiei.
</p>
<a href="roa-imobilizari.html" class="professional-btn-secondary px-6 py-3 w-full inline-block">
<span>Afla mai mult</span>
</a>
</div>
<!-- Managementul Stocurilor -->
<div class="professional-card p-6 text-center">
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Managementul Stocurilor</h3>
<p class="professional-text-secondary mb-4 leading-relaxed">
Control complet asupra stocurilor: intrări, ieșiri, inventariere și optimizarea nivelurilor.
</p>
<a href="roa-gestiune.html" class="professional-btn-secondary px-6 py-3 w-full inline-block">
<span>Afla mai mult</span>
</a>
</div>
<!-- HORECA -->
<div class="professional-card p-6 text-center">
<h3 class="text-xl font-semibold mb-4 professional-text-primary">HORECA</h3>
<p class="professional-text-secondary mb-4 leading-relaxed">
Soluții specializate pentru industria hotelieră, restaurante și catering.
</p>
<a href="roa-horeca.html" class="professional-btn-secondary px-6 py-3 w-full inline-block">
<span>Afla mai mult</span>
</a>
</div>
<!-- ROA AUTO -->
<div class="professional-card p-6 text-center">
<h3 class="text-xl font-semibold mb-3 professional-text-primary">ROA AUTO</h3>
<p class="professional-text-secondary mb-4 text-sm">
Gestiune completă pentru service-uri auto: comenzi, devize, evidență piese și manoperă.
</p>
<a href="roa-service-auto.html" class="professional-btn-secondary px-6 py-3 w-full inline-block">
<span>Vezi detalii</span>
</a>
</div>
<!-- Aplicatii Specifice -->
<div class="professional-card p-6 text-center">
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Aplicații Specifice ROA</h3>
<p class="professional-text-secondary mb-4 leading-relaxed">
Module specializate și utilitare pentru optimizarea funcționalității sistemului ROA.
</p>
<a href="roa-aplicatii-specifice.html" class="professional-btn-secondary px-6 py-3 w-full inline-block">
<span>Afla mai mult</span>
</a>
</div>
</div>
</section>
<!-- ROA Advantages Section -->
<section class="mb-16">
<div class="professional-card professional-card-featured p-8">
<h2 class="text-3xl font-bold text-center mb-8 professional-text-primary">Avantaje ROA</h2>
<div class="grid md:grid-cols-2 gap-8 items-center">
<div>
<p class="text-lg professional-text-secondary mb-6 leading-relaxed">
Aplicatiile <strong>ROA</strong> își partajează perfect problematica ridicată de gestionarea și
conducerea unei companii, din cele mai diferite domenii de activitate și fără a acoperi în mod
redundant aceeași problemă.
</p>
<ul class="space-y-4 professional-text-secondary">
<li class="flex items-start space-x-3">
<span>Integrare completă a tuturor proceselor de business</span>
</li>
<li class="flex items-start space-x-3">
<span>Automatizarea fluxurilor de date și eliminarea redundanței</span>
</li>
<li class="flex items-start space-x-3">
<span>Regăsirea și raportarea rapidă a informațiilor</span>
</li>
<li class="flex items-start space-x-3">
<span>Flexibilitate și adaptabilitate la cerințele specifice</span>
</li>
<div class="grid md:grid-cols-2 gap-5">
<!-- Configurator -->
<div class="professional-card" style="padding: 26px 24px;">
<span class="feature-title">Configurator avansat</span>
<ul class="space-y-2.5 mt-4">
<li class="feature-desc">Personalizare interfețe utilizator</li>
<li class="feature-desc">Configurare fluxuri de lucru specifice</li>
<li class="feature-desc">Definire câmpuri și formule customizate</li>
<li class="feature-desc">Setare reguli de validare avansate</li>
</ul>
</div>
<div class="text-center">
<img src="images/roapac.gif" alt="ROA Demo Access" class="rounded-lg shadow-lg max-w-full h-auto mx-auto">
<p class="mt-4 text-sm professional-text-secondary italic">
Conectează-te la serverul nostru de demo pentru a testa capabilitățile sistemului ROA
</p>
<!-- Raportare -->
<div class="professional-card" style="padding: 26px 24px;">
<span class="feature-title">Raportare avansată</span>
<ul class="space-y-2.5 mt-4">
<li class="feature-desc">Generator rapoarte personalizate</li>
<li class="feature-desc">Dashboard-uri interactive și grafice</li>
<li class="feature-desc">Export în Excel, PDF, XML</li>
</ul>
</div>
<!-- Securitate & control acces -->
<div class="professional-card" style="padding: 26px 24px;">
<span class="feature-title">Securitate și control acces</span>
<ul class="space-y-2.5 mt-4">
<li class="feature-desc">Gestionare roluri și permisiuni pe utilizator</li>
<li class="feature-desc">Audit trail pe acțiunile din sistem</li>
<li class="feature-desc">Baze de date Oracle, cu backup gestionat</li>
</ul>
</div>
<!-- Raportare web (în dezvoltare) -->
<div class="professional-card" style="padding: 26px 24px;">
<span class="feature-title">Raportare web <span style="color:var(--primary); font-size:13px; font-weight:700;">· în dezvoltare</span></span>
<ul class="space-y-2.5 mt-4">
<li class="feature-desc">Modul web de raportare, în lucru — acces la rapoarte direct din browser</li>
<li class="feature-desc">Construit peste aceleași date ca aplicația desktop</li>
</ul>
</div>
</div>
</section>
<!-- Call to Action Section -->
<section class="professional-support text-center">
<h2 class="text-2xl font-bold mb-8 professional-text-primary">Începe cu ROA astăzi</h2>
<p class="text-lg professional-text-secondary mb-8 max-w-3xl mx-auto leading-relaxed">
Descoperă cum ROA poate transforma modul în care îți gestionezi afacerea.
Echipa noastră de experți te va ghida prin fiecare pas al implementării.
<!-- ============ Cum arată ROA (înglobat din cum-arata-roa) ============ -->
<section id="cum-arata" class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div class="eyebrow mb-3 text-center">Tur vizual</div>
<h2 class="text-3xl md:text-4xl mb-4 text-center">Cum arată ROA</h2>
<p class="hero-sub mx-auto mb-12 text-center">
Ecrane reale din modulele cele mai folosite — în firmele care lucrează cu sistemul de peste 10 ani.
</p>
<div class="grid sm:grid-cols-2 gap-6">
<div class="professional-support-card">
<i data-lucide="phone" class="w-8 h-8 mx-auto mb-4" style="color: #4a7ba7;"></i>
<h3 class="font-semibold mb-3 professional-text-primary">Consultanță Gratuită</h3>
<p class="professional-text-secondary mb-4 text-sm">Discută cu experții noștri despre nevoile tale</p>
<a href="../menu/contact.html" class="professional-btn-secondary px-6 py-2 w-full inline-block">
<span>Contactează-ne</span>
</a>
<!-- Contabilitate -->
<div class="mb-12">
<div class="eyebrow mb-2">Contabilitate</div>
<h3 class="text-2xl mb-6">Validări care prind erorile înainte de închiderea lunii</h3>
<div class="grid md:grid-cols-3 gap-5">
<figure class="professional-card" style="padding:0; overflow:hidden;">
<img src="images/tour/roacont-balanta-verificare.png" alt="ROA Contabilitate — Balanță de verificare" loading="lazy" style="display:block; width:100%;">
<figcaption style="padding:16px 18px;">
<span class="feature-title" style="font-size:15px;">Balanță de verificare.</span>
<p class="feature-desc mt-1.5">Solduri precedente, rulaje și finale pe fiecare cont — calculat automat din înregistrările lunii. Vezi instant dacă luna se închide corect.</p>
</figcaption>
</figure>
<figure class="professional-card" style="padding:0; overflow:hidden;">
<img src="images/tour/roacont-situatii-invalidate.png" alt="ROA Contabilitate — Validări înainte de închiderea lunii" loading="lazy" style="display:block; width:100%;">
<figcaption style="padding:16px 18px;">
<span class="feature-title" style="font-size:15px;">Validări înainte de închidere.</span>
<p class="feature-desc mt-1.5">ROA detectează automat situațiile invalidate — balanță, parteneri, registru cumpărări — și blochează închiderea până rezolvi problemele.</p>
</figcaption>
</figure>
<figure class="professional-card" style="padding:0; overflow:hidden;">
<img src="images/tour/roacont-borderou-efactura.png" alt="ROA Contabilitate — Borderou e-Factura SPV ANAF" loading="lazy" style="display:block; width:100%;">
<figcaption style="padding:16px 18px;">
<span class="feature-title" style="font-size:15px;">Borderou e-Factura.</span>
<p class="feature-desc mt-1.5">Transmitere și monitorizare SPV ANAF direct din ROA — status confirmare per factură, fără să mai intri separat pe portalul ANAF.</p>
</figcaption>
</figure>
</div>
<div class="professional-support-card">
<i data-lucide="download" class="w-8 h-8 mx-auto mb-4" style="color: #5288c4;"></i>
<h3 class="font-semibold mb-3 professional-text-primary">Documentație</h3>
<p class="professional-text-secondary mb-4 text-sm">Descarcă ghidurile și documentația tehnică</p>
<a href="../menu/roa-suport-tehnic.html" class="professional-btn-secondary px-6 py-2 w-full inline-block">
<span>Vezi Resursele</span>
</a>
</div>
<!-- Gestiune -->
<div class="mb-12">
<div class="eyebrow mb-2">Gestiune</div>
<h3 class="text-2xl mb-6">Stocuri urmărite în timp real, transferuri trasabile</h3>
<div class="grid md:grid-cols-2 gap-5">
<figure class="professional-card" style="padding:0; overflow:hidden;">
<img src="images/tour/roagest-stoc.png" alt="ROA Gestiune — Situație stocuri" loading="lazy" style="display:block; width:100%;">
<figcaption style="padding:16px 18px;">
<span class="feature-title" style="font-size:15px;">Stoc curent.</span>
<p class="feature-desc mt-1.5">Situație completă pe toate gestiunile: cantitate, stoc precedent, intrări, ieșiri, stoc final și valoare. Știi în orice moment ce ai și cât valorează.</p>
</figcaption>
</figure>
<figure class="professional-card" style="padding:0; overflow:hidden;">
<img src="images/tour/roagest-nir.png" alt="ROA Gestiune — NIR intrare marfă" loading="lazy" style="display:block; width:100%;">
<figcaption style="padding:16px 18px;">
<span class="feature-title" style="font-size:15px;">NIR — Intrare marfă.</span>
<p class="feature-desc mt-1.5">Recepție factură cu identificare articole din catalog, gestiune destinație și clasificare SAFT automată. Recepționezi o dată, efectul în stoc și contabilitate apare automat.</p>
</figcaption>
</figure>
</div>
</div>
<!-- Service Auto -->
<div class="mb-12">
<div class="eyebrow mb-2">Service Auto</div>
<h3 class="text-2xl mb-6">Recepție → deviz → comandă → factură, fără re-introducere date</h3>
<div class="grid md:grid-cols-2 gap-5">
<figure class="professional-card" style="padding:0; overflow:hidden;">
<img src="images/tour/roaauto-comanda-noua.png" alt="ROA Service Auto — Generare comandă nouă" loading="lazy" style="display:block; width:100%;">
<figcaption style="padding:16px 18px;">
<span class="feature-title" style="font-size:15px;">Generare comandă nouă.</span>
<p class="feature-desc mt-1.5">Date mașină, asigurător, kilometraj și operațiile cerute, selectate din nomenclator. Deschizi rapid comanda la recepție, cu datele completate o singură dată.</p>
</figcaption>
</figure>
<figure class="professional-card" style="padding:0; overflow:hidden;">
<img src="images/tour/roaauto-deviz-estimativ.png" alt="ROA Service Auto — Deviz estimativ pe comandă" loading="lazy" style="display:block; width:100%;">
<figcaption style="padding:16px 18px;">
<span class="feature-title" style="font-size:15px;">Deviz estimativ.</span>
<p class="feature-desc mt-1.5">Manoperă și materiale cu totaluri detaliate — clientul vede costul complet înainte să aprobe lucrarea. Dai un cost clar din start.</p>
</figcaption>
</figure>
<figure class="professional-card" style="padding:0; overflow:hidden;">
<img src="images/tour/roaauto-normare.png" alt="ROA Service Auto — Normare manoperă pe comandă" loading="lazy" style="display:block; width:100%;">
<figcaption style="padding:16px 18px;">
<span class="feature-title" style="font-size:15px;">Normare manoperă.</span>
<p class="feature-desc mt-1.5">Lista completă de operațiuni normată pe comandă. Urmărești ce e în lucru și repartizezi manopera pe mecanici fără tabele separate.</p>
</figcaption>
</figure>
<figure class="professional-card" style="padding:0; overflow:hidden;">
<img src="images/tour/roaauto-facturare.png" alt="ROA Service Auto — Emitere factură finală" loading="lazy" style="display:block; width:100%;">
<figcaption style="padding:16px 18px;">
<span class="feature-title" style="font-size:15px;">Emitere factură finală.</span>
<p class="feature-desc mt-1.5">Factura se generează direct din comandă — manoperă, materiale și TVA calculate automat. Facturezi în câteva secunde, fără să retastezi.</p>
</figcaption>
</figure>
</div>
</div>
<!-- Construcții / Lucrări -->
<div class="mb-12">
<div class="eyebrow mb-2">Construcții / Lucrări</div>
<h3 class="text-2xl mb-6">Randament pe lucrare vizibil în timp real</h3>
<div class="grid md:grid-cols-2 gap-5">
<figure class="professional-card" style="padding:0; overflow:hidden;">
<img src="images/tour/roalucrari-oferta.png" alt="ROA Construcții — Ofertă pe lucrare" loading="lazy" style="display:block; width:100%;">
<figcaption style="padding:16px 18px;">
<span class="feature-title" style="font-size:15px;">Ofertă pe lucrare.</span>
<p class="feature-desc mt-1.5">Structura devizului: materiale, manoperă, utilaje, terți, indirecte și profit — total per lucrare vizibil instant. Vezi marja încă din faza de ofertare.</p>
</figcaption>
</figure>
<figure class="professional-card" style="padding:0; overflow:hidden;">
<img src="images/tour/roalucrari-analiza.png" alt="ROA Construcții — Analiză comparativă lucrări" loading="lazy" style="display:block; width:100%;">
<figcaption style="padding:16px 18px;">
<span class="feature-title" style="font-size:15px;">Analiză lucrări.</span>
<p class="feature-desc mt-1.5">Situație comparativă venituri/cheltuieli față de ofertă, per lucrare. Prinzi din timp lucrările care intră pe minus și reacționezi.</p>
</figcaption>
</figure>
</div>
</div>
<!-- Manager / Rapoarte -->
<div>
<div class="eyebrow mb-2">Manager / Rapoarte</div>
<h3 class="text-2xl mb-6">Situații financiare și rapoarte la un click</h3>
<div class="grid md:grid-cols-2 gap-5">
<figure class="professional-card" style="padding:0; overflow:hidden;">
<img src="images/tour/roasitfin-bilant.png" alt="ROA Situații Financiare — Bilanț agenți economici" loading="lazy" style="display:block; width:100%;">
<figcaption style="padding:16px 18px;">
<span class="feature-title" style="font-size:15px;">Bilanț agenți economici.</span>
<p class="feature-desc mt-1.5">F10 Bilanț, F20 Cont profit și pierdere, F30 Date informative — generate automat din datele contabile, cu corelațiile deja verificate.</p>
</figcaption>
</figure>
<figure class="professional-card" style="padding:0; overflow:hidden;">
<img src="images/tour/roasitfin-flux-trezorerie.png" alt="ROA Situații Financiare — Flux de trezorerie" loading="lazy" style="display:block; width:100%;">
<figcaption style="padding:16px 18px;">
<span class="feature-title" style="font-size:15px;">Flux de trezorerie.</span>
<p class="feature-desc mt-1.5">Situația fluxurilor prin metoda directă — defalcat pe luni, cu activități de exploatare, investiție și finanțare. Vezi clar de unde vin și unde pleacă banii.</p>
</figcaption>
</figure>
</div>
</div>
</section>
<!-- Avantaje ROA -->
<section class="max-w-4xl mx-auto px-4 lg:px-10 py-16">
<div class="professional-card professional-card-featured" style="padding: 32px 28px;">
<div class="eyebrow mb-3">Avantaje</div>
<h2 class="text-3xl md:text-4xl mb-6">De ce ROA</h2>
<p class="hero-sub mb-6">
Aplicațiile <strong>ROA</strong> își partajează perfect problematica gestionării și conducerii unei
companii, din cele mai diferite domenii de activitate și fără a acoperi redundant aceeași problemă.
</p>
<ul class="space-y-3">
<li class="feature-desc"><span class="red-bullet"></span>Integrare completă a tuturor proceselor de business</li>
<li class="feature-desc"><span class="red-bullet"></span>Automatizarea fluxurilor de date și eliminarea redundanței</li>
<li class="feature-desc"><span class="red-bullet"></span>Regăsirea și raportarea rapidă a informațiilor</li>
<li class="feature-desc"><span class="red-bullet"></span>Flexibilitate și adaptabilitate la cerințele specifice</li>
</ul>
</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">Începe cu ROA astăzi</h2>
<p class="hero-sub mx-auto mb-8">Descoperă cum ROA poate transforma modul în care îți gestionezi afacerea. Te ghidăm prin fiecare pas al implementării.</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 -->

476
roa/cum-arata-roa.html
View File

@@ -1,476 +0,0 @@
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cum arată ROA — Tour vizual | Romfast</title>
<meta name="description" content="Vezi interfețele ROA în acțiune: contabilitate, gestiune, service auto, construcții. Capturi reale din modulele cele mai folosite.">
<!-- 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">
<style>
.module-anchor { scroll-margin-top: 80px; }
/* Placeholder pentru secțiunile fără capturi încă */
.screenshot-placeholder {
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
border: 1px solid #cbd5e1;
border-radius: 6px;
aspect-ratio: 16/10;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.screenshot-placeholder::before {
content: "";
position: absolute; top: 0; left: 0; right: 0; height: 24px;
background: linear-gradient(to bottom, #1e293b 0%, #0f172a 100%);
}
.screenshot-placeholder::after {
content: attr(data-title);
position: absolute; top: 5px; left: 12px;
color: #94a3b8; font-size: 10px; font-weight: 500;
}
.placeholder-body {
position: absolute; top: 24px; left: 0; right: 0; bottom: 0;
padding: 14px; display: flex; flex-direction: column; gap: 7px;
}
.placeholder-bar {
height: 14px; border-radius: 2px;
background: linear-gradient(to right, #e2e8f0 35%, #cbd5e1 35%, #cbd5e1 65%, #e2e8f0 65%);
}
.placeholder-bar-alt {
height: 14px; border-radius: 2px;
background: linear-gradient(to right, #e2e8f0 55%, #cbd5e1 55%, #cbd5e1 80%, #e2e8f0 80%);
}
.placeholder-header {
height: 20px; background: #08819c; border-radius: 2px; margin-bottom: 4px;
}
.placeholder-label {
position: absolute; bottom: 0; left: 0; right: 0;
background: rgba(8,129,156,0.08);
border-top: 1px dashed #cbd5e1;
padding: 8px 14px;
font-size: 11px; color: #64748b; text-align: center;
}
/* Screenshot real */
.screenshot-real {
border: 1px solid #cbd5e1;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
display: block;
width: 100%;
transition: box-shadow 0.15s;
}
.screenshot-real:hover {
box-shadow: 0 4px 12px rgba(8,129,156,0.12);
}
/* Pill nav */
.pill-nav a {
display: inline-block;
padding: 5px 14px;
border: 1px solid #cbd5e1;
border-radius: 999px;
font-size: 12px;
color: #64748b;
transition: border-color 0.15s, color 0.15s, background 0.15s;
text-decoration: none;
}
.pill-nav a:hover {
border-color: #08819c;
color: #08819c;
background: #f0f9fb;
}
</style>
</head>
<body class="min-h-screen">
<!-- Header -->
<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">
<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>
<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>
</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/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">
<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>
</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/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div>
</div>
</nav>
</header>
<main>
<!-- Hero -->
<section class="professional-hero text-center">
<div class="max-w-4xl mx-auto relative z-10">
<h1 class="text-4xl md:text-5xl font-bold mb-5 professional-text-primary max-w-3xl mx-auto leading-tight" style="letter-spacing:-0.02em">
Cum arată ROA
</h1>
<p class="text-xl professional-text-secondary mb-8 leading-relaxed max-w-2xl mx-auto">
Ecrane reale din modulele cele mai folosite — în firmele care lucrează cu sistemul de peste 10 ani.
</p>
<nav class="pill-nav flex flex-wrap justify-center gap-2">
<a href="#contabilitate">Contabilitate</a>
<a href="#gestiune">Gestiune</a>
<a href="#service-auto">Service Auto</a>
<a href="#constructii">Construcții</a>
<a href="#manager">Manager</a>
</nav>
</div>
</section>
<!-- CONTABILITATE -->
<section id="contabilitate" class="module-anchor py-14 px-6 border-b border-gray-100">
<div class="max-w-6xl mx-auto">
<div class="text-center mb-10">
<span class="text-xs font-semibold tracking-wider uppercase" style="color:#08819c">Contabilitate</span>
<h2 class="text-2xl md:text-3xl font-bold mt-2 professional-text-primary">Validări care prind erorile înainte de închiderea lunii</h2>
</div>
<div class="grid md:grid-cols-3 gap-6">
<figure>
<img
src="images/tour/roacont-balanta-verificare.png"
alt="ROA Contabilitate — Balanță de verificare"
loading="lazy"
class="screenshot-real"
>
<figcaption class="mt-3 text-sm text-gray-700 leading-snug">
<strong>Balanță de verificare.</strong> Solduri precedente, rulaje și finale pe fiecare cont — calculat automat din înregistrările lunii.
</figcaption>
</figure>
<figure>
<img
src="images/tour/roacont-situatii-invalidate.png"
alt="ROA Contabilitate — Validări înainte de închiderea lunii"
loading="lazy"
class="screenshot-real"
>
<figcaption class="mt-3 text-sm text-gray-700 leading-snug">
<strong>Validări înainte de închidere.</strong> ROA detectează automat situațiile invalidate — balanța, partenerii, registrul de cumpărări — și blochează închiderea lunii.
</figcaption>
</figure>
<figure>
<img
src="images/tour/roacont-borderou-efactura.png"
alt="ROA Contabilitate — Borderou e-Factura SPV ANAF"
loading="lazy"
class="screenshot-real"
>
<figcaption class="mt-3 text-sm text-gray-700 leading-snug">
<strong>Borderou e-Factura.</strong> Transmitere și monitorizare SPV ANAF direct din ROA — status confirmare per factură, fără operații manuale.
</figcaption>
</figure>
</div>
</div>
</section>
<!-- GESTIUNE -->
<section id="gestiune" class="module-anchor py-14 px-6 bg-gray-50 border-b border-gray-100">
<div class="max-w-6xl mx-auto">
<div class="text-center mb-10">
<span class="text-xs font-semibold tracking-wider uppercase" style="color:#08819c">Gestiune</span>
<h2 class="text-2xl md:text-3xl font-bold mt-2 professional-text-primary">Stocuri urmărite în timp real, transferuri trasabile</h2>
</div>
<div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
<figure>
<img
src="images/tour/roagest-stoc.png"
alt="ROA Gestiune — Situație stocuri"
loading="lazy"
class="screenshot-real"
>
<figcaption class="mt-3 text-sm text-gray-700 leading-snug">
<strong>Stoc curent.</strong> Situație completă pe toate gestiunile: cantitate, stoc precedent, intrări, ieșiri, stoc final și valoare de achiziție.
</figcaption>
</figure>
<figure>
<img
src="images/tour/roagest-nir.png"
alt="ROA Gestiune — NIR intrare marfă"
loading="lazy"
class="screenshot-real"
>
<figcaption class="mt-3 text-sm text-gray-700 leading-snug">
<strong>NIR — Intrare marfă.</strong> Recepție factură cu identificare articole din catalog, gestiunea destinație și clasificare taxă SAFT automată.
</figcaption>
</figure>
</div>
</div>
</section>
<!-- SERVICE AUTO -->
<section id="service-auto" class="module-anchor py-14 px-6 border-b border-gray-100">
<div class="max-w-6xl mx-auto">
<div class="text-center mb-10">
<span class="text-xs font-semibold tracking-wider uppercase" style="color:#08819c">Service Auto</span>
<h2 class="text-2xl md:text-3xl font-bold mt-2 professional-text-primary">Recepție → deviz → comandă → factură, fără re-introducere date</h2>
</div>
<div class="grid md:grid-cols-2 gap-6">
<figure>
<img
src="images/tour/roaauto-comanda-noua.png"
alt="ROA Service Auto — Generare comandă nouă"
loading="lazy"
class="screenshot-real"
>
<figcaption class="mt-3 text-sm text-gray-700 leading-snug">
<strong>Generare comandă nouă.</strong> Date mașină, asigurător, kilometraj și operațiile cerute de client selectate direct din nomenclator.
</figcaption>
</figure>
<figure>
<img
src="images/tour/roaauto-deviz-estimativ.png"
alt="ROA Service Auto — Deviz estimativ pe comandă"
loading="lazy"
class="screenshot-real"
>
<figcaption class="mt-3 text-sm text-gray-700 leading-snug">
<strong>Deviz estimativ.</strong> Manoperă și materiale pe comandă cu totaluri detaliate — clientul vede costul complet înainte să aprobe lucrarea.
</figcaption>
</figure>
<figure>
<img
src="images/tour/roaauto-normare.png"
alt="ROA Service Auto — Normare manoperă pe comandă"
loading="lazy"
class="screenshot-real"
>
<figcaption class="mt-3 text-sm text-gray-700 leading-snug">
<strong>Normare manoperă.</strong> Lista completă de operațiuni normată pe comandă — vizibilitate totală asupra lucrărilor în execuție.
</figcaption>
</figure>
<figure>
<img
src="images/tour/roaauto-facturare.png"
alt="ROA Service Auto — Emitere factură finală"
loading="lazy"
class="screenshot-real"
>
<figcaption class="mt-3 text-sm text-gray-700 leading-snug">
<strong>Emitere factură finală.</strong> Factura se generează direct din comandă — manoperă, materiale și TVA calculate automat, fără re-introducere date.
</figcaption>
</figure>
</div>
</div>
</section>
<!-- CONSTRUCȚII / LUCRĂRI -->
<section id="constructii" class="module-anchor py-14 px-6 bg-gray-50 border-b border-gray-100">
<div class="max-w-6xl mx-auto">
<div class="text-center mb-10">
<span class="text-xs font-semibold tracking-wider uppercase" style="color:#08819c">Construcții / Lucrări</span>
<h2 class="text-2xl md:text-3xl font-bold mt-2 professional-text-primary">Randament pe lucrare vizibil în timp real</h2>
</div>
<div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
<figure>
<img
src="images/tour/roalucrari-oferta.png"
alt="ROA Construcții — Ofertă pe lucrare"
loading="lazy"
class="screenshot-real"
>
<figcaption class="mt-3 text-sm text-gray-700 leading-snug">
<strong>Ofertă pe lucrare.</strong> Structura devizului de ofertă: materiale, manoperă, utilaje, terți, indirecte și profit — total per lucrare vizibil instant.
</figcaption>
</figure>
<figure>
<img
src="images/tour/roalucrari-analiza.png"
alt="ROA Construcții — Analiză comparativă lucrări"
loading="lazy"
class="screenshot-real"
>
<figcaption class="mt-3 text-sm text-gray-700 leading-snug">
<strong>Analiză lucrări.</strong> Situație comparativă venituri și cheltuieli față de ofertă, per lucrare — randamentul real față de planificat.
</figcaption>
</figure>
</div>
</div>
</section>
<!-- MANAGER / RAPOARTE -->
<section id="manager" class="module-anchor py-14 px-6 border-b border-gray-100">
<div class="max-w-6xl mx-auto">
<div class="text-center mb-10">
<span class="text-xs font-semibold tracking-wider uppercase" style="color:#08819c">Manager / Rapoarte</span>
<h2 class="text-2xl md:text-3xl font-bold mt-2 professional-text-primary">Situații financiare și rapoarte la un click</h2>
</div>
<div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
<figure>
<img
src="images/tour/roasitfin-bilant.png"
alt="ROA Situații Financiare — Bilanț agenți economici"
loading="lazy"
class="screenshot-real"
>
<figcaption class="mt-3 text-sm text-gray-700 leading-snug">
<strong>Bilanț agenți economici.</strong> F10 Bilanț, F20 Cont profit și pierdere, F30 Date informative — generate automat din datele contabile cu verificare corelații.
</figcaption>
</figure>
<figure>
<img
src="images/tour/roasitfin-flux-trezorerie.png"
alt="ROA Situații Financiare — Flux de trezorerie"
loading="lazy"
class="screenshot-real"
>
<figcaption class="mt-3 text-sm text-gray-700 leading-snug">
<strong>Flux de trezorerie.</strong> Situația fluxurilor de trezorerie prin metoda directă — defalcat pe luni, cu activități de exploatare, investiție și finanțare.
</figcaption>
</figure>
</div>
</div>
</section>
<!-- CTA -->
<section class="py-16 px-6" style="background: linear-gradient(to bottom right, #e8f4f7, #ffffff, #f0f9fb)">
<div class="max-w-3xl mx-auto text-center">
<h2 class="text-2xl md:text-3xl font-bold mb-4 professional-text-primary">Vrei să vezi ROA pe situația ta concretă?</h2>
<p class="professional-text-secondary mb-8 max-w-xl mx-auto leading-relaxed">
Spune-ne din ce industrie ești și ce te interesează — vorbim direct cu cine implementează.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="../menu/contact.html" class="professional-btn-primary">
Cere acces la versiunea de probă
</a>
<a href="tel:+40723197939" class="professional-btn-secondary">
Sună-ne direct: 0723 197 939
</a>
</div>
</div>
</section>
</main>
<!-- 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-generator.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://icon-generator.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://roa-qr.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>
<script src="../professional-theme.js"></script>
<!-- tel: desktop fallback — copiază numărul în clipboard -->
<script>
document.querySelectorAll('a[href^="tel:"]').forEach(function(a) {
a.addEventListener('click', function(e) {
if (window.matchMedia('(min-width: 1024px)').matches && !/Mobi|Android/i.test(navigator.userAgent)) {
e.preventDefault();
var phone = a.href.replace('tel:', '');
navigator.clipboard && navigator.clipboard.writeText(phone).then(function() {
var toast = document.createElement('div');
toast.textContent = 'Număr copiat: ' + phone;
toast.style.cssText = 'position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#08819c;color:white;padding:10px 20px;border-radius:8px;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:9999';
document.body.appendChild(toast);
setTimeout(function(){ toast.remove(); }, 3000);
});
}
});
});
</script>
</body>
</html>

406
roa/roa-aplicatii-specifice.html
View File

@@ -1,406 +0,0 @@
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ROA Aplicații Specifice | Romfast - Module Specializate și Utilitare ERP</title>
<meta name="description" content="ROA Aplicații Specifice - Module specializate și utilitare pentru optimizarea funcționalității sistemului ERP. Soluții personalizate pentru nevoile specifice ale afacerii.">
<meta name="keywords" content="aplicatii specifice roa, module specializate erp, utilitare roa, personalizare erp, solutii specifice business, configurare avansata roa, tools erp, romfast aplicatii">
<!-- 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 -->
<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">
<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>
<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>
</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/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">
<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>
</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/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div>
</div>
</nav>
</header>
<!-- Main Content Container -->
<main class="container mx-auto px-4 py-8 max-w-7xl">
<!-- Breadcrumb Navigation -->
<nav class="mb-8">
<div class="flex items-center space-x-2 text-sm professional-text-secondary">
<a href="../index.html" class="hover:text-blue-600 transition-colors">Prima pagina</a>
<i data-lucide="chevron-right" class="w-4 h-4"></i>
<a href="aplicatii-erp.html" class="hover:text-blue-600 transition-colors">ROA</a>
<i data-lucide="chevron-right" class="w-4 h-4"></i>
<span class="text-gray-500">Aplicații Specifice ROA</span>
</div>
</nav>
<!-- ROA Specific Applications Hero Section -->
<section class="professional-hero text-center">
<div class="max-w-4xl mx-auto relative z-10">
<h1 class="text-4xl md:text-5xl font-bold mb-6 professional-text-primary">
Aplicații Specifice ROA
</h1>
<p class="text-xl professional-text-secondary mb-8 leading-relaxed">
Module specializate și utilitare pentru optimizarea funcționalității sistemului ROA.
Soluții personalizate care se adaptează perfect la nevoile specifice ale afacerii tale.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="../menu/contact.html" class="professional-btn-primary px-8 py-4 text-lg">
<span>Solicită Configurare</span>
</a>
<a href="../menu/roa-suport-tehnic.html" class="professional-btn-secondary px-8 py-4 text-lg">
<span>Suport Tehnic</span>
</a>
</div>
</div>
</section>
<!-- Specific Applications Grid -->
<section class="mb-16">
<h2 class="text-3xl font-bold text-center mb-12 professional-text-primary">Module Specializate ROA</h2>
<p class="text-lg professional-text-secondary text-center mb-12 max-w-4xl mx-auto leading-relaxed">
Aplicațiile specifice ROA oferă funcționalități avansate și utilitare specializate pentru diverse domenii de activitate,
permițând adaptarea sistemului la cerințele unice ale fiecărei organizații.
</p>
<!-- Applications Grid -->
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- ROA Utilitare de Sistem -->
<div class="professional-card p-8 text-center">
<h3 class="text-2xl font-semibold mb-6 professional-text-primary">ROA Utilitare de Sistem</h3>
<ul class="text-left professional-text-secondary space-y-3 mb-6">
<li class="flex items-start space-x-3">
<span>Backup și restore automat al bazelor de date</span>
</li>
<li class="flex items-start space-x-3">
<span>Optimizare și mentenanță sistem</span>
</li>
<li class="flex items-start space-x-3">
<span>Monitorizare performanță aplicații</span>
</li>
<li class="flex items-start space-x-3">
<span>Import/export date în diferite formate</span>
</li>
</ul>
</div>
<!-- ROA Configurator Avansat -->
<div class="professional-card p-8 text-center">
<h3 class="text-2xl font-semibold mb-6 professional-text-primary">ROA Configurator Avansat</h3>
<ul class="text-left professional-text-secondary space-y-3 mb-6">
<li class="flex items-start space-x-3">
<span>Personalizare interfețe utilizator</span>
</li>
<li class="flex items-start space-x-3">
<span>Configurare fluxuri de lucru specifice</span>
</li>
<li class="flex items-start space-x-3">
<span>Definire câmpuri și formule customizate</span>
</li>
<li class="flex items-start space-x-3">
<span>Setare reguli de validare avansate</span>
</li>
</ul>
</div>
<!-- ROA Raportare Avansată -->
<div class="professional-card p-8 text-center">
<h3 class="text-2xl font-semibold mb-6 professional-text-primary">ROA Raportare Avansată</h3>
<ul class="text-left professional-text-secondary space-y-3 mb-6">
<li class="flex items-start space-x-3">
<span>Generator rapoarte personalizate</span>
</li>
<li class="flex items-start space-x-3">
<span>Dashboard-uri interactive și grafice</span>
</li>
<li class="flex items-start space-x-3">
<span>Programare automată livrare rapoarte</span>
</li>
<li class="flex items-start space-x-3">
<span>Export în Excel, PDF, XML</span>
</li>
</ul>
</div>
<!-- ROA Integrare Sisteme -->
<div class="professional-card p-8 text-center">
<div class="professional-icon-wrapper">
<i data-lucide="arrow-right-left" class="w-10 h-10 text-white"></i>
</div>
<h3 class="text-2xl font-semibold mb-6 professional-text-primary">ROA Integrare Sisteme</h3>
<ul class="text-left professional-text-secondary space-y-3 mb-6">
<li class="flex items-start space-x-3">
<span>API pentru integrare aplicații externe</span>
</li>
<li class="flex items-start space-x-3">
<span>Conectori pentru bănci și instituții</span>
</li>
<li class="flex items-start space-x-3">
<span>Sincronizare cu sistemele de e-commerce</span>
</li>
<li class="flex items-start space-x-3">
<span>Import date din alte sisteme ERP</span>
</li>
</ul>
</div>
<!-- ROA Securitate Avansată -->
<div class="professional-card p-8 text-center">
<div class="professional-icon-wrapper">
<i data-lucide="shield-check" class="w-10 h-10 text-white"></i>
</div>
<h3 class="text-2xl font-semibold mb-6 professional-text-primary">ROA Securitate Avansată</h3>
<ul class="text-left professional-text-secondary space-y-3 mb-6">
<li class="flex items-start space-x-3">
<span>Autentificare cu doi factori (2FA)</span>
</li>
<li class="flex items-start space-x-3">
<span>Audit trail detaliat pentru toate acțiunile</span>
</li>
<li class="flex items-start space-x-3">
<span>Criptare avansată a datelor</span>
</li>
<li class="flex items-start space-x-3">
<span>Gestionare roluri și permisiuni granulare</span>
</li>
</ul>
</div>
<!-- ROA Mobile & Web -->
<div class="professional-card p-8 text-center">
<div class="professional-icon-wrapper">
<i data-lucide="smartphone" class="w-10 h-10 text-white"></i>
</div>
<h3 class="text-2xl font-semibold mb-6 professional-text-primary">ROA Mobile & Web</h3>
<ul class="text-left professional-text-secondary space-y-3 mb-6">
<li class="flex items-start space-x-3">
<span>Aplicație mobilă pentru tablete și smartphone</span>
</li>
<li class="flex items-start space-x-3">
<span>Interfață web responsivă</span>
</li>
<li class="flex items-start space-x-3">
<span>Sincronizare timp real cu sistemul central</span>
</li>
<li class="flex items-start space-x-3">
<span>Funcționalitate offline pentru operații critice</span>
</li>
</ul>
</div>
</div>
</section>
<!-- Key Benefits Section -->
<section class="mb-16">
<div class="professional-card professional-card-featured p-8">
<div class="flex items-center justify-center mb-6">
<div class="professional-icon-wrapper">
<i data-lucide="zap" class="w-10 h-10 text-white"></i>
</div>
</div>
<h2 class="text-3xl font-bold text-center mb-8 professional-text-primary">Avantaje Aplicații Specifice ROA</h2>
<div class="grid md:grid-cols-2 gap-8 items-center">
<div>
<p class="text-lg professional-text-secondary mb-6 leading-relaxed">
Aplicațiile specifice ROA transformă sistemul ERP standard într-o soluție completă,
adaptată perfect la specificul și nevoile unice ale organizației tale.
</p>
<ul class="space-y-4 professional-text-secondary">
<li class="flex items-start space-x-3">
<i data-lucide="check-circle" class="w-6 h-6 text-green-600 mt-1 flex-shrink-0"></i>
<span><strong>Personalizare Completă:</strong> Adaptare la procesele specifice ale companiei</span>
</li>
<li class="flex items-start space-x-3">
<i data-lucide="check-circle" class="w-6 h-6 text-green-600 mt-1 flex-shrink-0"></i>
<span><strong>Automatizare Avansată:</strong> Fluxuri de lucru automatizate pentru eficiență maximă</span>
</li>
<li class="flex items-start space-x-3">
<i data-lucide="check-circle" class="w-6 h-6 text-green-600 mt-1 flex-shrink-0"></i>
<span><strong>Integrare Seamless:</strong> Conectivitate cu toate sistemele existente</span>
</li>
<li class="flex items-start space-x-3">
<i data-lucide="check-circle" class="w-6 h-6 text-green-600 mt-1 flex-shrink-0"></i>
<span><strong>Scalabilitate:</strong> Creștere și adaptare odată cu dezvoltarea business-ului</span>
</li>
</ul>
</div>
<div class="text-center">
<div class="bg-gradient-to-br from-blue-50 to-blue-100 p-8 rounded-lg">
<i data-lucide="settings-2" class="w-24 h-24 text-blue-600 mx-auto mb-4"></i>
<h3 class="text-xl font-semibold professional-text-primary mb-2">Configurare Expertă</h3>
<p class="professional-text-secondary text-sm">
Echipa noastră de specialiști configurează aplicațiile specifice
pentru a se integra perfect în fluxurile tale de lucru.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Implementation Process Section -->
<section class="mb-16">
<h2 class="text-3xl font-bold text-center mb-12 professional-text-primary">Proces de Implementare</h2>
<div class="grid md:grid-cols-4 gap-6">
<div class="text-center">
<div class="professional-icon-wrapper mb-4">
<i data-lucide="search" class="w-8 h-8 text-white"></i>
</div>
<h3 class="text-lg font-semibold mb-3 professional-text-primary">1. Analiza Nevoilor</h3>
<p class="professional-text-secondary text-sm">Identificăm cerințele specifice și procesele existente ale companiei tale.</p>
</div>
<div class="text-center">
<div class="professional-icon-wrapper mb-4">
<i data-lucide="palette" class="w-8 h-8 text-white"></i>
</div>
<h3 class="text-lg font-semibold mb-3 professional-text-primary">2. Design & Planificare</h3>
<p class="professional-text-secondary text-sm">Proiectăm soluții personalizate și planificăm implementarea pas cu pas.</p>
</div>
<div class="text-center">
<div class="professional-icon-wrapper mb-4">
<i data-lucide="code" class="w-8 h-8 text-white"></i>
</div>
<h3 class="text-lg font-semibold mb-3 professional-text-primary">3. Dezvoltare & Testare</h3>
<p class="professional-text-secondary text-sm">Dezvoltăm și testăm aplicațiile specifice în mediu controlat.</p>
</div>
<div class="text-center">
<div class="professional-icon-wrapper mb-4">
<i data-lucide="rocket" class="w-8 h-8 text-white"></i>
</div>
<h3 class="text-lg font-semibold mb-3 professional-text-primary">4. Deployment & Suport</h3>
<p class="professional-text-secondary text-sm">Implementăm soluțiile și oferim suport continuu pentru optimizări.</p>
</div>
</div>
</section>
<!-- Call to Action Section -->
<section class="professional-support text-center">
<h2 class="text-2xl font-bold mb-8 professional-text-primary">Începe Personalizarea ROA</h2>
<p class="text-lg professional-text-secondary mb-8 max-w-3xl mx-auto leading-relaxed">
Transformă sistemul ROA într-o soluție perfectă pentru afacerea ta cu aplicațiile noastre specifice.
Contactează echipa de experți pentru o consultanță gratuită.
</p>
<div class="grid sm:grid-cols-3 gap-6">
<div class="professional-support-card">
<i data-lucide="phone" class="w-8 h-8 mx-auto mb-4" style="color: #5288c4;"></i>
<h3 class="font-semibold mb-3 professional-text-primary">Consultanță Gratuită</h3>
<p class="professional-text-secondary mb-4 text-sm">Discută cu experții noștri despre nevoile specifice</p>
<a href="../menu/contact.html" class="professional-btn-primary px-6 py-2 w-full inline-block">
<span>Contactează-ne</span>
</a>
</div>
<div class="professional-support-card">
<i data-lucide="play-circle" class="w-8 h-8 mx-auto mb-4" style="color: #4a7ba7;"></i>
<h3 class="font-semibold mb-3 professional-text-primary">Demo Personalizat</h3>
<p class="professional-text-secondary mb-4 text-sm">Vezi aplicațiile specifice în acțiune</p>
<a href="../menu/contact.html" class="professional-btn-secondary px-6 py-2 w-full inline-block">
<span>Programează Demo</span>
</a>
</div>
<div class="professional-support-card">
<i data-lucide="file-text" class="w-8 h-8 mx-auto mb-4" style="color: #5288c4;"></i>
<h3 class="font-semibold mb-3 professional-text-primary">Documentație Tehnică</h3>
<p class="professional-text-secondary mb-4 text-sm">Accesează ghidurile detaliate de implementare</p>
<a href="../menu/roa-suport-tehnic.html" class="professional-btn-secondary px-6 py-2 w-full inline-block">
<span>Vezi Resursele</span>
</a>
</div>
</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-generator.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://icon-generator.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://roa-qr.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>

231
roa/roa-comenzi-clienti.html
View File

@@ -1,231 +0,0 @@
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ROA Comenzi clienti - Romfast</title>
<meta name="description" content="Romfast produce programe de contabilitate, gestiune, resurse umane, imobilizari, salarizare: ROA - Sistem Informatic ERP. ROA Comenzi Clienti - preluarea si prelucrarea comenzilor de la clienti.">
<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">
<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 -->
<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">
<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>
<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>
</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/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">
<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>
</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/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div>
</div>
</nav>
</header>
<!-- 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 Comenzi clienti</span>
</li>
</ol>
</nav>
<!-- Page Header -->
<section class="mb-12">
<div class="text-center">
<img src="images/roacomenziclienti.png" width="222" height="29" alt="ROA Comenzi clienti" class="mx-auto mb-6">
<h1 class="text-4xl font-bold professional-text-primary">ROA Comenzi 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 facilita preluarea si prelucrarea comenzilor de la clienti.</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 4 pagini cu urmatoarele roluri:</p>
<div class="space-y-4">
<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">Initializari</strong>: <span class="professional-text-secondary">date despre agenti, delegati, responsabili, articole, etc.</span></div>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="shopping-cart" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<div>
<div><strong class="professional-text-primary">Comenzi</strong>: <span class="professional-text-secondary">lista comenzilor cu functiile:</span></div>
<div class="ml-6 mt-2 space-y-2 professional-text-secondary">
<div class="flex items-center space-x-2"><i data-lucide="dot" class="w-3 h-3"></i><span>filtrare si ordonare a comenzilor;</span></div>
<div class="flex items-center space-x-2"><i data-lucide="dot" class="w-3 h-3"></i><span>adaugare de comenzi noi;</span></div>
<div class="flex items-center space-x-2"><i data-lucide="dot" class="w-3 h-3"></i><span>modificare/stergere; duplicarea unei comenzi;</span></div>
<div class="flex items-center space-x-2"><i data-lucide="dot" class="w-3 h-3"></i><span>lansarea de dispozitii de livrare;</span></div>
<div class="flex items-start space-x-2">
<i data-lucide="dot" class="w-3 h-3 mt-1"></i>
<div>
<span>gruparea mai multor lucrari pe o lucrare interna in scopul de a:</span>
<div class="ml-4 mt-1 space-y-1">
<div>• dimensiona productia – in cazul in care compania este producatoare,</div>
<div>• calcula cantitatile de articole (marfuri) ce trebuie livrate si deci aprovizionate de la furnizori.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="briefcase" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<div>
<div><strong class="professional-text-primary">Lucrari</strong> <span class="professional-text-secondary">lista lucrarilor interne create, cu atributele:</span></div>
<div class="ml-6 mt-2 space-y-1 professional-text-secondary">
<div>- o lucrare contine articole din mai multe comenzi;</div>
<div>- o lucrare are termen de executie.</div>
</div>
</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">Rapoarte diverse</strong>.</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="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"><strong class="professional-text-primary">Lucrarile interne</strong> se constituie punct de plecare in economia programului de productie, de aici rezultand dimensionarea productiei: cantitativa dar si ca termene de executie.</p>
</div>
</div>
<div class="text-center mt-8">
<button onclick="history.back();" class="professional-btn-secondary">Inapoi</button>
</div>
</div>
</div>
</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-generator.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://icon-generator.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://roa-qr.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>

354
roa/roa-contracte-clienti.html
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 -->

375
roa/roa-facturare.html
View File

@@ -3,30 +3,23 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ROA Comercial Facturare - Romfast</title>
<meta name="description" content="Romfast produce programe de contabilitate, gestiune, resurse umane, imobilizari, salarizare: ROA - Sistem Informatic ERP. ROA Comercial Facturare - emitere facturi marfuri si servicii pe baza de lista de preturi.">
<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>Facturare &amp; e-Factura — Romfast</title>
<meta name="description" content="ROA Facturare: emitere facturi din liste de prețuri, contracte, comenzi sau avize, cu generare e-Factura (XML) pentru SPV și înregistrări contabile automate. Include fluxul de comenzi clienți, de la ofertă la livrare și facturare.">
<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 +31,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,163 +70,242 @@
<!-- 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 Comercial facturare</span>
</li>
</ol>
</nav>
<!-- Page Header -->
<section class="mb-12">
<div class="text-center">
<img src="images/roafacturare.png" alt="ROA Comercial facturare" class="mx-auto mb-6">
<h1 class="text-4xl font-bold professional-text-primary">ROA Comercial Facturare</h1>
<main>
<!-- ============ HERO ============ -->
<section class="professional-hero text-center">
<div data-reveal data-i="0" class="max-w-4xl mx-auto">
<span class="pill-badge">Facturare &amp; e-Factura</span>
<h1 class="hero-title">Emiți facturi în secunde și le trimiți în <span class="accent">SPV ca e-Factura</span>.</h1>
<p class="hero-sub">Facturare din liste de prețuri, contracte, comenzi sau avize de expediție — cu <strong>XML e-Factura</strong> generat pentru ANAF și înregistrări contabile produse automat. De la comanda clientului până la factură, totul într-un singur flux.</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>
<!-- Main Content Section -->
<section class="mb-16">
<div class="max-w-5xl 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> principal al acestui program este acela de a emite facturi.</p>
<!-- ============ AVANTAJE (feature-card) ============ -->
<section class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div class="eyebrow mb-3">De ce ROA Facturare</div>
<h2 class="text-3xl md:text-4xl mb-6">Facturezi rapid, corect și conform cu ANAF</h2>
<div class="grid sm:grid-cols-3 gap-5">
<div data-reveal data-i="0" 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" stroke-linecap="round" stroke-linejoin="round"><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 15 2 2 4-4"/></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">e-Factura inclusă</span>
<span class="feature-desc">Generezi automat XML-ul conform pentru SPV, direct din factura emisă — fără editare manuală sau aplicații separate.</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" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"/><path d="m7 14 3-3 3 3 5-5"/></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Facturare din mai multe surse</span>
<span class="feature-desc">Din liste de prețuri, contracte cu scadențar, comenzi clienți sau avize de expediție — alegi metoda potrivită fiecărui caz.</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" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h9"/><path d="M16 3v4"/><path d="M8 3v4"/><path d="M3 11h18"/></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Contabilitate &amp; stoc, automat</span>
<span class="feature-desc">Odată cu factura se produc notele contabile și, pentru articolele gestionabile, scăderea automată din stoc.</span>
</span>
</div>
</div>
</section>
<div class="mb-10">
<p class="professional-text-secondary mb-6">Dupa cum se stie exista multe metode de a emite facturi, ce difera in special in domeniile:</p>
<div class="grid md:grid-cols-2 gap-4">
<!-- ============ e-FACTURA (secțiune dedicată — diferențiator 2025) ============ -->
<section id="efactura" class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div class="service-technology">
<div class="eyebrow mb-3">Conformitate 2025</div>
<h2 class="text-3xl md:text-4xl mb-4">e-Factura, fără bătăi de cap</h2>
<p class="professional-text-secondary mb-6" style="max-width: 52rem;">Începând cu 2024–2025, factura electronică în SPV este obligatorie în România. ROA Facturare construiește XML-ul e-Factura direct din documentul emis, respectând structura cerută de ANAF, astfel încât să trimiți în SPV fără pași manuali și fără riscul erorilor de format.</p>
<div class="grid sm:grid-cols-2 gap-4">
<div class="flex items-start gap-3">
<span class="red-bullet"></span>
<p class="professional-text-secondary m-0"><strong class="professional-text-primary">XML conform</strong> generat automat din factura curentă, gata de transmis în SPV.</p>
</div>
<div class="flex items-start gap-3">
<span class="red-bullet"></span>
<p class="professional-text-secondary m-0"><strong class="professional-text-primary">Aceleași date, o singură dată</strong> — factura, înregistrarea contabilă și e-Factura pornesc din același document.</p>
</div>
<div class="flex items-start gap-3">
<span class="red-bullet"></span>
<p class="professional-text-secondary m-0"><strong class="professional-text-primary">Editor dedicat</strong> pentru verificarea, ajustarea și tipărirea facturii electronice (XML).</p>
</div>
<div class="flex items-start gap-3">
<span class="red-bullet"></span>
<p class="professional-text-secondary m-0"><strong class="professional-text-primary">PDF &amp; XML ca anexe</strong> la email, inclusiv pentru facturare bilingvă lei + valută.</p>
</div>
</div>
<p class="mt-6 mb-0"><a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" class="link-arrow">Încearcă editorul de factură electronică →</a></p>
</div>
</section>
<!-- ============ FLUX FACTURARE (pași) ============ -->
<section class="max-w-5xl mx-auto px-4 lg:px-10 py-16">
<div class="eyebrow mb-3">Cum funcționează</div>
<h2 class="text-3xl md:text-4xl mb-8">De la articol la factura trimisă în SPV</h2>
<div class="space-y-3">
<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>
<span class="professional-text-secondary">articolele ce se comercializeaza: marfuri, servicii;</span>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="calculator" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">metodele de tarifare a serviciilor;</span>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="database" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">metodele de gestionare a marfurilor (gestionate sau nu);</span>
<div class="module-row">
<span class="module-num">01</span>
<div>
<div class="module-name">Inițializare</div>
<div class="module-desc">Definești modelele de facturi și avize, agenții, responsabilii, delegații și clienții. Articolele pot fi gestionabile sau nu — atribut individual al fiecărui articol.</div>
</div>
</div>
<div class="module-row">
<span class="module-num">02</span>
<div>
<div class="module-name">Facturare</div>
<div class="module-desc">Emiți facturi pe baza listelor de prețuri, a contractelor, a comenzilor sau a avizelor de expediție. Listele de prețuri se definesc în ROA Politici de prețuri și tarife.</div>
</div>
</div>
<div class="module-row">
<span class="module-num">03</span>
<div>
<div class="module-name">Avize de expediție</div>
<div class="module-desc">Emiți avize către clienți sau ca transfer între două subunități ale companiei.</div>
</div>
</div>
<div class="module-row">
<span class="module-num">04</span>
<div>
<div class="module-name">e-Factura</div>
<div class="module-desc">Generezi XML-ul conform și trimiți factura în SPV. Articolele gestionabile se scad automat din stoc, iar notele contabile se produc fără intervenție.</div>
</div>
</div>
<div class="module-row">
<span class="module-num">05</span>
<div>
<div class="module-name">Rapoarte</div>
<div class="module-desc">Generator de rapoarte din cubul clienți–facturi–încasări–agenți–delegați–mașini (de transport)–articole.</div>
</div>
</div>
</div>
</section>
<!-- ============ COMENZI CLIENȚI (modul înglobat) ============ -->
<section id="comenzi" class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div class="eyebrow mb-3">Parte din Facturare</div>
<h2 class="text-3xl md:text-4xl mb-4">Comenzi clienți</h2>
<p class="professional-text-secondary mb-8" style="max-width: 52rem;">Preiei și prelucrezi comenzile clienților și le duci pe traseul natural: de la ofertă, la livrare și apoi la factură — fără să reintroduci datele.</p>
<div class="grid lg:grid-cols-2 gap-6 mb-10">
<div class="professional-card" style="padding: 26px 24px;">
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Ce faci în modulul de comenzi</h3>
<div class="space-y-3">
<div class="flex items-start space-x-3">
<i data-lucide="tag" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">metodele de stabilire a preturilor de vanzare a marfurilor;</span>
<div class="flex items-start gap-3">
<span class="red-bullet"></span>
<p class="professional-text-secondary m-0">Filtrezi, ordonezi, adaugi, modifici, ștergi sau duplici comenzi.</p>
</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>
<span class="professional-text-secondary">documentele premergatoare facturarii: contracte, comenzi, avize de expeditie.</span>
<div class="flex items-start gap-3">
<span class="red-bullet"></span>
<p class="professional-text-secondary m-0">Lansezi dispoziții de livrare direct din comandă.</p>
</div>
<div class="flex items-start gap-3">
<span class="red-bullet"></span>
<p class="professional-text-secondary m-0">Grupezi mai multe comenzi pe o <strong class="professional-text-primary">lucrare internă</strong>, ca să dimensionezi producția și să calculezi cantitățile de aprovizionat de la furnizori.</p>
</div>
<div class="flex items-start gap-3">
<span class="red-bullet"></span>
<p class="professional-text-secondary m-0">Urmărești lucrările interne, fiecare cu termen de execuție și articole din mai multe comenzi.</p>
</div>
</div>
</div>
<div class="mt-6 p-4 bg-blue-50 rounded-lg border-l-4 border-blue-400">
<div class="space-y-2 professional-text-secondary">
<p>Prin acest program ne propunem facturarea marfurilor si serviciilor pe baza de lista de preturi.</p>
<p>Listele de preturi se definesc cu ajutorul programului <strong class="professional-text-primary">ROA Politici de preturi si tarife</strong>.</p>
<p>Articolele comercializate pot fi gestionabile sau nu (acesta este un atribut individual al articolelor). In cazul articolelor gestionabile acestea pot fi scazute din stoc odata cu facturarea.</p>
<div class="professional-card" style="padding: 26px 24px;">
<h3 class="text-xl font-semibold mb-4 professional-text-primary">De la ofertă la livrare și facturare</h3>
<div class="space-y-3">
<div class="flex items-start gap-3">
<span class="module-num" style="min-width:2.6rem;">01</span>
<p class="professional-text-secondary m-0"><strong class="professional-text-primary">Comandă</strong> — preiei comanda clientului, pornind de la ofertă și lista de prețuri.</p>
</div>
<div class="flex items-start gap-3">
<span class="module-num" style="min-width:2.6rem;">02</span>
<p class="professional-text-secondary m-0"><strong class="professional-text-primary">Producție / aprovizionare</strong> — lucrările interne devin punct de plecare pentru dimensionarea producției și a achizițiilor.</p>
</div>
<div class="flex items-start gap-3">
<span class="module-num" style="min-width:2.6rem;">03</span>
<p class="professional-text-secondary m-0"><strong class="professional-text-primary">Livrare</strong> — lansezi dispoziții de livrare și emiți avizele de expediție.</p>
</div>
<h3 class="text-2xl font-semibold mb-6 professional-text-primary">Organizarea programului:</h3>
<div class="mb-10">
<p class="professional-text-secondary mb-6">Este in 4 pagini cu urmatoarele roluri:</p>
<div class="space-y-4">
<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">Initializare</strong>: <span class="professional-text-secondary">se pot defini date despre modelele de facturi si avize, despre agenti, responsabili si delegati, clienti.</span></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">Facturare</strong>: <span class="professional-text-secondary">se emit facturi: pe baza de liste de preturi, pe baza de contract, pe baza de comanda, pe baza de aviz de expeditie.</span></div>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="truck" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<div><strong class="professional-text-primary">Avize de expeditie</strong>: <span class="professional-text-secondary">se emit avize de expeditie in doua forme: catre clienti sau ca transfer intre doua subunitati ale companiei.</span></div>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="bar-chart-3" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<div><strong class="professional-text-primary">Rapoarte</strong>. <span class="professional-text-secondary">Programul dispune de un generator de rapoarte din cubul: clienti-facturi-incasari-agenti-delegati-masini (de transport)- articole.</span></div>
</div>
</div>
</div>
<h3 class="text-2xl font-semibold mb-6 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">Odata cu facturarea se produc automat inregistrari contabile, vizibile in <strong class="professional-text-primary">programul de contabilitate</strong>.</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">Daca articolele facturate sunt gestionabile se va inregistra si scaderea lor din stoc , cu efecte vizibile in <strong class="professional-text-primary">programul de gestiune</strong>. Precizare: daca articolele vandute se regasesc in mai multe gestiuni – la care operatorul are drepturi – programul va cere alegerea celor din care se face scaderea.</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">Programul poate factura pe baza de comenzi – introduse in <strong class="professional-text-primary">programul de comenzi</strong>.</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">Programul poate factura pe baza de contracte – urmarind scadentarul introdus in <strong class="professional-text-primary">programul de contracte</strong>.</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">Facturarea direct din lista de preturi se realizeaza pe baza listelor de preturi create in <strong class="professional-text-primary">programul Politici de preturi si tarife</strong>, unde se dau si drepturile de acces operatorilor asupra listelor.</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">Precizare in ceea ce priveste <strong class="professional-text-primary">metoda de gestionare a marfurilor</strong>: aceste sunt organizate prin intermediul programului de gestiune in gestiuni la pret de achizitie sau la pret de vanzare. In functie de tipul gestiunii alese, programul de facturare creaza automat notele contabile aferente iesirii din gestiune.</p>
</div>
</div>
</div>
<div class="text-center mt-8">
<button onclick="history.back();" class="professional-btn-secondary">Inapoi</button>
<div class="flex items-start gap-3">
<span class="module-num" style="min-width:2.6rem;">04</span>
<p class="professional-text-secondary m-0"><strong class="professional-text-primary">Facturare</strong> — facturezi direct pe baza comenzii sau a avizului, cu e-Factura generată automat.</p>
</div>
</div>
</div>
</div>
</section>
<!-- ============ INTEGRĂRI cu alte module ============ -->
<section class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div class="eyebrow mb-3">Integrat în suita ROA</div>
<h2 class="text-3xl md:text-4xl mb-6">Facturarea nu lucrează singură</h2>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-5">
<div class="feature-card">
<span class="feature-title">Contabilitate</span>
<span class="feature-desc">Odată cu facturarea se produc automat înregistrările contabile, vizibile în programul de contabilitate.</span>
</div>
<div class="feature-card">
<span class="feature-title">Gestiune</span>
<span class="feature-desc">Articolele gestionabile se scad din stoc; gestiunile la preț de achiziție sau de vânzare determină notele de ieșire create automat.</span>
</div>
<div class="feature-card">
<span class="feature-title">Comenzi</span>
<span class="feature-desc">Facturezi pe baza comenzilor introduse în modulul de comenzi clienți.</span>
</div>
<div class="feature-card">
<span class="feature-title">Contracte</span>
<span class="feature-desc">Facturare contractuală urmărind scadențarul din programul de contracte.</span>
</div>
<div class="feature-card">
<span class="feature-title">Politici de prețuri</span>
<span class="feature-desc">Facturare directă din listele de prețuri, cu drepturi de acces ale operatorilor pe fiecare listă.</span>
</div>
<div class="feature-card">
<span class="feature-title">Producție</span>
<span class="feature-desc">Lucrările interne din comenzi alimentează dimensionarea producției — cantitativ și ca termene.</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 să vezi cum arată facturarea cu e-Factura?</h2>
<p class="hero-sub mx-auto mb-8">Îți arătăm pe datele tale fluxul complet, de la comanda clientului la factura trimisă în SPV.</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 -->

452
roa/roa-financiar-contabilitate.html
View File

@@ -3,23 +3,21 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ROA Managementul Financiar-Contabil - Program Contabilitate Complet | Romfast</title>
<meta name="description" content="ROA Managementul Financiar-Contabil - Modul complet cu peste 500 formule contabile predefinite, inchideri automate si raportare conform prevederilor legale. Solutie profesionala pentru contabilitate.">
<meta name="keywords" content="program contabilitate, soft contabilitate, roa financiar contabilitate, management financiar-contabil, analiza indicatori economici, note contabile, bilant, inchideri automate, raportare contabila, managementul financiar">
<title>ROA Financiar & Contabilitate — program de contabilitate complet | Romfast</title>
<meta name="description" content="Modul ROA pentru contabilitate: peste 500 de formule contabile predefinite, închideri automate, bilanț și cont de profit și pierdere cu formule definite de utilizator.">
<meta name="keywords" content="program contabilitate, soft contabilitate, roa financiar contabilitate, note contabile, bilant, cont profit si pierdere, inchideri automate, raportare financiara, situatii financiare">
<!-- 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">
@@ -31,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>
@@ -67,284 +68,165 @@
<!-- 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>
<!-- Main Content Container -->
<main class="container mx-auto px-4 py-8 max-w-7xl">
<!--NAV-END-->
<!-- Breadcrumb Navigation -->
<nav class="flex mb-8" aria-label="Breadcrumb">
<ol class="inline-flex items-center space-x-1 md:space-x-3">
<li class="inline-flex items-center">
<a href="../index.html" class="inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600">
<i data-lucide="home" class="w-4 h-4 mr-2"></i>
Prima pagina
</a>
</li>
<li>
<div class="flex items-center">
<i data-lucide="chevron-right" class="w-4 h-4 text-gray-400"></i>
<a href="aplicatii-erp.html" class="ml-1 text-sm font-medium text-gray-700 hover:text-blue-600 md:ml-2">ROA</a>
</div>
</li>
<li aria-current="page">
<div class="flex items-center">
<i data-lucide="chevron-right" class="w-4 h-4 text-gray-400"></i>
<span class="ml-1 text-sm font-medium text-gray-500 md:ml-2">Managementul Financiar-Contabil</span>
</div>
</li>
</ol>
</nav>
<!-- Professional Hero Section -->
<section class="professional-hero text-center mb-16">
<div class="max-w-6xl mx-auto relative z-10">
<div class="flex flex-col lg:flex-row items-center gap-12">
<div class="lg:w-2/3 text-left">
<div class="flex items-center mb-6">
<div>
<h1 class="text-4xl md:text-5xl font-bold professional-text-primary mb-2">
ROA Managementul Financiar-Contabil
</h1>
<p class="text-xl professional-text-secondary leading-relaxed">
Solutia completa pentru managementul proceselor financiar-contabile cu peste 500 de formule predefinite
</p>
</div>
</div>
</div>
<div class="lg:w-1/3">
<img src="images/roafinanciarcontab.png" alt="ROA Managementul Financiar-Contabil" class="w-full max-w-md mx-auto rounded-lg shadow-lg">
</div>
</div>
</div>
</section>
<!-- Avantaje Section -->
<section class="mb-16">
<h2 class="text-3xl font-bold text-center mb-12 professional-text-primary">Avantajele Solutiei ROA Financiar-Contabilitate</h2>
<p class="text-center text-xl professional-text-secondary mb-12 max-w-4xl mx-auto">Utilizarea aplicatiei <strong>ROA Managementul Financiar-Contabil</strong> conduce la transformarea completa a proceselor financiar-contabile:</p>
<div class="grid md:grid-cols-2 gap-8">
<div class="professional-card service-technology p-8">
<h3 class="text-xl font-semibold mb-6 professional-text-primary text-center">Eficienta Operationala</h3>
<ul class="space-y-4">
<li class="flex items-start space-x-3">
<span class="professional-text-secondary">Colectarea si obtinerea de informatii bogate in legatura cu evenimentele economice</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary">Cresterea vitezei de introducere a datelor datorita ergonomiei deosebite</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary">Cresterea responsabilitatii individuale a angajatilor implicati in procesele economico-financiare</span>
</li>
</ul>
</div>
<div class="professional-card service-reliability p-8">
<h3 class="text-xl font-semibold mb-6 professional-text-primary text-center">Control si Analiza</h3>
<ul class="space-y-4">
<li class="flex items-start space-x-3">
<span class="professional-text-secondary">Obtinerea informatiilor financiare in timp util</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary">Analiza amanuntita sau sintetica a informatiilor contabile si extra-contabile</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary">Crearea de baze de date istorice complexe, ce pot fi analizate oricand</span>
</li>
</ul>
</div>
</div>
</section>
<!-- Organizarea Section -->
<section class="mb-16">
<h2 class="text-3xl font-bold text-center mb-12 professional-text-primary">Organizarea si Structura Programului</h2>
<div class="grid lg:grid-cols-3 gap-8">
<!-- Main Structure Card -->
<div class="lg:col-span-2 professional-card p-8">
<div class="flex items-center mb-6">
<h3 class="text-2xl font-semibold professional-text-primary">Structura Intuitiva</h3>
</div>
<div class="space-y-4">
<div class="flex items-start space-x-3">
<p class="professional-text-secondary">Organizarea programului este intuitiva, atat pentru <strong>contabilul experimentat</strong> cat si pentru <strong>operatorul fara studii de contabilitate</strong></p>
</div>
<div class="flex items-start space-x-3">
<p class="professional-text-secondary">Este alcatuit din <strong class="text-blue-600">7 pagini</strong> reprezentand <strong class="text-blue-600">clasele de conturi</strong>, fiecare pagina avand 3 sectiuni cu continut specific: <strong>introducerea, vizualizarea datelor si generarea rapoartelor</strong></p>
</div>
<div class="flex items-start space-x-3">
<p class="professional-text-secondary">Ferestrele de vizualizare contin mijloace de selectare a datelor folosind <strong>criterii diverse</strong></p>
</div>
<div class="flex items-start space-x-3">
<p class="professional-text-secondary">Generarea si tiparirea rapoartelor este <strong>independenta de configuratia hardware</strong></p>
</div>
</div>
</div>
<!-- Formule Predefinite Card -->
<div class="professional-card professional-card-featured p-8 text-center">
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Formule Predefinite</h3>
<div class="text-4xl font-bold text-red-600 mb-4">500+</div>
<p class="professional-text-secondary mb-6">Sunt predefinite peste <strong>500 de formule contabile uzuale</strong> care aduc beneficii:</p>
<div class="space-y-4 text-left">
<div class="flex items-start space-x-3">
<div>
<strong class="professional-text-primary block">Contabilului</strong>
<span class="professional-text-secondary text-sm">usureaza munca de operatiuni de rutina</span>
</div>
</div>
<div class="flex items-start space-x-3">
<div>
<strong class="professional-text-primary block">Operatorului fara studii</strong>
<span class="professional-text-secondary text-sm">furnizeaza solutii de inregistrare consacrate</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Facilitati Section -->
<section class="mb-16">
<h2 class="text-3xl font-bold text-center mb-12 professional-text-primary">Facilitati si Functionalitati Complete</h2>
<p class="text-center text-xl professional-text-secondary mb-12 max-w-4xl mx-auto"><strong>ROA Managementul Financiar-Contabil</strong> rezolva toate problemele legate de managementul financiar-contabil:</p>
<div class="grid md:grid-cols-2 gap-8">
<!-- Politici Contabile Card -->
<div class="professional-card p-8">
<div class="flex items-center mb-6">
<h3 class="text-xl font-semibold professional-text-primary">Politici Contabile si Definiri Analitice</h3>
</div>
<ul class="space-y-3">
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Definirea analitica a politicii contabile a firmei</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Definirea si utilizarea de conturi analitice</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Introducerea datelor conform reglementarilor contabile armonizate cu Directiva a IV-a CEE si Standardele Internationale de Contabilitate (O.M.F.94/2001)</span>
</li>
</ul>
</div>
<!-- Inregistrari Card -->
<div class="professional-card p-8">
<div class="flex items-center mb-6">
<h3 class="text-xl font-semibold professional-text-primary">Inregistrari si Operatiuni</h3>
</div>
<ul class="space-y-3">
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Inregistrarea cronologica a tuturor documentelor primare cu efecte financiar-contabile</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Inregistrarea in contabilitate folosind formule predefinite, de viteza sporita</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Inregistrarea cu flexibilitate a oricaror evenimente economice si a datelor extra-contabile</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Gestionarea si ordonarea operatiunilor de trezorerie</span>
</li>
</ul>
</div>
<!-- Control si Relatii Card -->
<div class="professional-card p-8">
<div class="flex items-center mb-6">
<h3 class="text-xl font-semibold professional-text-primary">Control si Relatii cu Tertii</h3>
</div>
<ul class="space-y-3">
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Controlul riguros al scadentarelor si relatiilor financiare cu tertii</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Compensarea cu parteneri comerciali prin echivalarea creantelor si datoriilor</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Lucrul cu valute si obtinerea situatiilor analitice in valuta</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Introducerea de date in mai multe luni contabile neinchise</span>
</li>
</ul>
</div>
<!-- Raportare si Inchideri Card -->
<div class="professional-card p-8">
<div class="flex items-center mb-6">
<h3 class="text-xl font-semibold professional-text-primary">Raportare si Inchideri Automate</h3>
</div>
<ul class="space-y-3">
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Vizualizarea balantei de verificare, registrelor (jurnal, vanzari, cumparari, casa, banca)</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Balantele de clienti, furnizori, debitori, creditori</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Inchideri automate: venituri, cheltuieli, TVA, amortizare, salarii, impozit pe venit</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Calculul automat al bilantului si anexelor</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Evaluarea rezultatelor financiare cu inchidere automata provizorie</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Raportarea contabila catre stat conform prevederilor legale</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary text-sm">Raportarea catre patronat a situatiei economico-financiare</span>
</li>
</ul>
</div>
</div>
</section>
<!-- Call to Action -->
<main>
<!-- ============ HERO ============ -->
<section class="professional-hero text-center">
<div class="max-w-4xl mx-auto relative z-10">
<h2 class="text-3xl md:text-4xl font-bold mb-6 professional-text-primary">
Solutia Completa pentru Managementul Financiar-Contabil
</h2>
<p class="text-xl professional-text-secondary mb-8 leading-relaxed">
ROA Managementul Financiar-Contabil oferă toate instrumentele necesare pentru managementul eficient al proceselor financiar-contabile ale companiei dumneavoastră, cu peste 500 de formule predefinite si automatizari complete.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="../menu/contact.html" class="professional-btn-primary px-8 py-4 text-lg">
<span>Solicita Demonstratie</span>
</a>
<a href="aplicatii-erp.html" class="professional-btn-secondary px-8 py-4 text-lg">
<span>Toate Modulele ROA</span>
</a>
<div data-reveal data-i="0" class="max-w-4xl mx-auto">
<span class="pill-badge">Financiar &amp; Contabilitate</span>
<h1 class="hero-title">Contabilitate completă, cu <span class="accent">peste 500 de formule</span> gata definite.</h1>
<p class="hero-sub">De la nota contabilă la <strong>bilanț</strong> și <strong>cont de profit și pierdere</strong>: introducere rapidă, închideri automate și raportare conformă — într-un singur modul.</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 CONCRETE ============ -->
<section class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div class="eyebrow mb-3">Ce câștigi concret</div>
<h2 class="text-3xl md:text-4xl mb-6">Mai puține operațiuni de rutină, raportare mai rapidă</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="M3 3v18h18"/><path d="m7 14 3-3 3 3 5-5"/></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Notă contabilă în câteva secunde</span>
<span class="feature-desc">Formulele predefinite aleg conturile potrivite — operatorul fără studii de contabilitate poate înregistra corect.</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="M21 12a9 9 0 1 1-9-9"/><path d="M21 3v6h-6"/></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Închideri automate de lună</span>
<span class="feature-desc">Venituri, cheltuieli, TVA, amortizare, salarii și impozit pe venit se închid automat, fără note manuale repetate.</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="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 17h6"/></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Bilanț și raportări gata de depus</span>
<span class="feature-desc">Bilanțul, anexele și raportarea către stat se calculează automat, conform prevederilor legale.</span>
</span>
</div>
</div>
</section>
<!-- ============ STRUCTURĂ + 500+ FORMULE ============ -->
<section class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div class="eyebrow mb-3">Cum e organizat programul</div>
<h2 class="text-3xl md:text-4xl mb-6">7 secțiuni intuitive, peste 500 de formule</h2>
<div class="grid lg:grid-cols-3 gap-5">
<div class="lg:col-span-2 professional-card" style="padding: 26px 24px;">
<h3 class="feature-title mb-4" style="font-size:18px;">Structură pe clasele de conturi</h3>
<ul class="space-y-2.5">
<li class="professional-text-secondary">Intuitiv atât pentru <strong>contabilul experimentat</strong>, cât și pentru <strong>operatorul fără studii de contabilitate</strong>.</li>
<li class="professional-text-secondary">Alcătuit din <strong>7 secțiuni</strong> (clasele de conturi), fiecare cu introducere date, vizualizare și rapoarte.</li>
<li class="professional-text-secondary">Selectarea datelor după criterii diverse; tipărirea rapoartelor e independentă de configurația hardware.</li>
<li class="professional-text-secondary">Lucru în mai multe luni contabile neînchise simultan.</li>
</ul>
</div>
<div class="professional-card professional-card-featured text-center" style="padding: 26px 24px;">
<div class="text-4xl font-bold accent mb-2">500+</div>
<p class="professional-text-secondary mb-4">formule contabile uzuale predefinite</p>
<ul class="space-y-2.5 text-left">
<li class="professional-text-secondary text-sm"><strong>Contabilul</strong> scapă de operațiunile de rutină.</li>
<li class="professional-text-secondary text-sm"><strong>Operatorul fără studii</strong> folosește înregistrări consacrate, corecte.</li>
</ul>
</div>
</div>
</section>
<!-- ============ FACILITĂȚI (COMPRIMAT) ============ -->
<section class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div class="eyebrow mb-3">Ce acoperă</div>
<h2 class="text-3xl md:text-4xl mb-6">Funcționalități complete, de la operare la raportare</h2>
<div class="grid md:grid-cols-2 gap-5">
<div class="professional-card" style="padding: 26px 24px;">
<h3 class="feature-title mb-4" style="font-size:18px;">Operare &amp; politici contabile</h3>
<ul class="space-y-2.5">
<li class="professional-text-secondary text-sm">Definirea analitică a politicii contabile și a conturilor analitice.</li>
<li class="professional-text-secondary text-sm">Înregistrarea cronologică a documentelor primare și a datelor extra-contabile.</li>
<li class="professional-text-secondary text-sm">Înregistrare rapidă cu formule predefinite.</li>
<li class="professional-text-secondary text-sm">Gestionarea operațiunilor de trezorerie și lucrul cu valute.</li>
</ul>
</div>
<div class="professional-card" style="padding: 26px 24px;">
<h3 class="feature-title mb-4" style="font-size:18px;">Control, terți &amp; raportare</h3>
<ul class="space-y-2.5">
<li class="professional-text-secondary text-sm">Control riguros al scadențelor și compensarea creanțelor cu datoriile.</li>
<li class="professional-text-secondary text-sm">Balanțe de verificare, registre (jurnal, vânzări, cumpărări, casă, bancă), clienți și furnizori.</li>
<li class="professional-text-secondary text-sm">Închideri automate: venituri, cheltuieli, TVA, amortizare, salarii, impozit pe venit.</li>
<li class="professional-text-secondary text-sm">Calcul automat al bilanțului și raportare conform prevederilor legale.</li>
</ul>
</div>
</div>
</section>
<!-- ============ SUBSECȚIUNE: RAPORTARE FINANCIARĂ ============ -->
<section id="raportare" class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div class="eyebrow mb-3">Parte din Financiar &amp; Contabilitate</div>
<h2 class="text-3xl md:text-4xl mb-4">Raportare financiară</h2>
<p class="hero-sub mb-8">Bilanț, cont de profit și pierdere și rapoarte semestriale, construite direct din datele contabile — cu <strong>formule definite de utilizator</strong>.</p>
<div class="grid md:grid-cols-3 gap-5">
<div class="professional-card md:col-span-2" style="padding: 26px 24px;">
<h3 class="feature-title mb-4" style="font-size:18px;">Formule definite de utilizator</h3>
<p class="professional-text-secondary mb-4">Formulele de calcul ale rapoartelor sunt extrem de flexibile și pot fi <strong>definite chiar de utilizator</strong>. Programul include un instrument puternic de construcție a indicatorilor pe baza valorilor din baza de date — în special din <strong>balanța de verificare</strong>.</p>
<ul class="space-y-2.5">
<li class="professional-text-secondary text-sm">Generarea automată a <strong>bilanțului</strong> contabil.</li>
<li class="professional-text-secondary text-sm">Calculul <strong>contului de profit și pierdere (P/P)</strong>.</li>
<li class="professional-text-secondary text-sm">Indicatori personalizabili, fără a aștepta o nouă versiune de program.</li>
</ul>
</div>
<div class="professional-card" style="padding: 26px 24px;">
<h3 class="feature-title mb-4" style="font-size:18px;">Rapoarte disponibile</h3>
<ul class="space-y-2.5">
<li class="professional-text-secondary text-sm">Bilanț contabil și anexe.</li>
<li class="professional-text-secondary text-sm">Cont de profit și pierdere.</li>
<li class="professional-text-secondary text-sm">Rapoarte semestriale și anuale.</li>
<li class="professional-text-secondary text-sm">Integrare directă cu modulul de contabilitate.</li>
</ul>
</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 să vezi modulul pe datele firmei tale?</h2>
<p class="hero-sub mx-auto mb-8">Îți arătăm într-un demo cum arată notele, închiderile automate și bilanțul în ROA.</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 -->

168
roa/roa-gestiune.html
View File

@@ -21,6 +21,8 @@
<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">
@@ -32,24 +34,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>
@@ -68,24 +73,28 @@
<!-- 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">
@@ -130,38 +139,37 @@
</div>
</section>
<!-- Advantages Section -->
<!-- Ce rezolvă (avantaje + facilități consolidate) -->
<section class="mb-12">
<div class="professional-card p-8">
<div class="flex items-center mb-6">
<h3 class="text-2xl font-semibold professional-text-primary">Avantaje</h3>
<h3 class="text-2xl font-semibold professional-text-primary">Ce rezolvă ROA Gestiune</h3>
</div>
<p class="text-lg professional-text-secondary mb-6">Utilizarea programului <strong class="professional-text-primary">ROA Gestiune generală</strong> conduce la:</p>
<div class="grid md:grid-cols-2 gap-8">
<div class="space-y-4">
<p class="text-lg professional-text-secondary mb-6">Folosirea programului <strong class="professional-text-primary">ROA Gestiune generală</strong> aduce:</p>
<div class="grid md:grid-cols-2 gap-x-8 gap-y-4">
<div class="flex items-start space-x-3">
<span class="professional-text-secondary">creșterea eficienței generale a gestionării stocurilor</span>
<i data-lucide="check-circle" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">Evidență clară, în timp real, a mișcării stocurilor, cu corelarea permanentă a stocului cantitativ cu valoarea lui.</span>
</div>
<div class="flex items-start space-x-3">
<span class="professional-text-secondary">diminuarea cheltuielilor cu gestiunea stocurilor</span>
<i data-lucide="check-circle" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">Înregistrarea intrărilor, ieșirilor și consumurilor pe baza mai multor metode de evaluare, pe secții și pe lucrări.</span>
</div>
<div class="flex items-start space-x-3">
<span class="professional-text-secondary">creșterea vitezei de operare a evenimentelor</span>
<i data-lucide="check-circle" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">Definirea articolelor cu atributele lor și gestionarea cantităților în stoc după criterii multiple.</span>
</div>
<div class="flex items-start space-x-3">
<span class="professional-text-secondary">reducerea și controlul stocurilor fără mișcare</span>
</div>
</div>
<div class="space-y-4">
<div class="flex items-start space-x-3">
<span class="professional-text-secondary">reducerea aprovizionării supranormative</span>
<i data-lucide="check-circle" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">Reducerea și controlul stocurilor fără mișcare și al aprovizionării supranormative.</span>
</div>
<div class="flex items-start space-x-3">
<span class="professional-text-secondary">evidențierea clară și în timp real a mișcării stocurilor</span>
<i data-lucide="check-circle" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">Vizualizarea situației stocurilor pe perioade și obținerea rapidă a informațiilor și istoricului unui articol.</span>
</div>
<div class="flex items-start space-x-3">
<span class="professional-text-secondary">controlul și corelarea permanentă a stocului cantitativ cu valoarea acestuia</span>
</div>
<i data-lucide="check-circle" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">Creșterea vitezei de operare și diminuarea cheltuielilor cu gestiunea stocurilor.</span>
</div>
</div>
</div>
@@ -318,79 +326,17 @@
</div>
</section>
<!-- Features -->
<!-- CTA final -->
<section class="mb-12">
<div class="professional-card p-8">
<div class="flex items-center mb-8">
<div class="professional-icon-wrapper mr-4" style="width: 60px; height: 60px;">
<i data-lucide="zap" class="w-8 h-8 text-white"></i>
</div>
<h3 class="text-2xl font-semibold professional-text-primary">Facilități</h3>
</div>
<p class="text-lg professional-text-secondary mb-8"><strong class="professional-text-primary">ROA Gestiune</strong> rezolvă problemele legate de:</p>
<div class="grid md:grid-cols-2 gap-8">
<div class="space-y-4">
<div class="flex items-start space-x-3">
<i data-lucide="tag" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">definirea articolelor împreună cu atributele lor</span>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="database" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">gestionarea datelor privind intrările de articole în stocuri</span>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="layers" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">gestionarea cantităților de articole în stoc detaliată după criterii multiple</span>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="minus-circle" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">înregistrarea ieșirilor din gestiune pe baza mai multor metode de evaluare</span>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="activity" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">înregistrarea consumurilor de materiale pe lucrări</span>
</div>
</div>
<div class="space-y-4">
<div class="flex items-start space-x-3">
<i data-lucide="shopping-cart" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">înregistrarea vânzărilor de mărfuri pe contracte</span>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="shuffle" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">înregistrarea intrărilor și ieșirilor de articole pe secții</span>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="eye" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">vizualizarea situației stocurilor pe perioade definite</span>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="search" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">obținerea rapidă a informațiilor asociate unui articol</span>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="clock" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">producerea unui istoric complex al evenimentelor</span>
</div>
</div>
</div>
</div>
</section>
<!-- Navigation Links -->
<section class="mb-12">
<div class="grid md:grid-cols-2 gap-6">
<div>
<a href="aplicatii-erp.html" class="professional-btn-secondary px-6 py-3 inline-flex items-center space-x-2 w-full md:w-auto justify-center">
<i data-lucide="arrow-left" class="w-5 h-5"></i>
<span>Înapoi la ROA Applications</span>
<div class="professional-card professional-card-featured p-8 text-center">
<h2 class="text-2xl md:text-3xl font-bold mb-4 professional-text-primary">Vrei să vezi gestiunea ROA pe stocurile tale?</h2>
<p class="text-lg professional-text-secondary mb-8 max-w-2xl mx-auto leading-relaxed">Îți arătăm pe un caz concret cum se leagă recepția, consumul și vânzarea de contabilitate.</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="../menu/contact.html" class="professional-btn-primary px-8 py-4 text-lg">
<span>Programează demo</span>
</a>
</div>
<div class="md:text-right">
<a href="aplicatii-erp.html" class="professional-btn-primary px-6 py-3 inline-flex items-center space-x-2 w-full md:w-auto justify-center">
<span>Vezi toate aplicațiile ROA</span>
<i data-lucide="arrow-right" class="w-5 h-5"></i>
<a href="tel:+40723197939" class="professional-btn-secondary px-8 py-4 text-lg">
<span>0723 197 939</span>
</a>
</div>
</div>

89
roa/roa-horeca.html
View File

@@ -20,6 +20,8 @@
</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">
@@ -31,24 +33,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>
@@ -67,24 +72,28 @@
<!-- 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">
@@ -209,12 +218,6 @@
<!-- Hotel Section -->
<section id="hotel" class="my-12">
<div class="mb-6 rounded-lg overflow-hidden">
<img src="../images/imagini_horeca/hotel-hero.jpg"
alt="Sistem ROA pentru hoteluri"
class="w-full h-64 object-cover"
loading="lazy">
</div>
<h2 class="text-3xl font-bold professional-text-primary mb-4">Pentru hotelărie</h2>
<p class="professional-text-secondary mb-8 text-lg">
ROA HORECA include configurări specifice pentru hoteluri — gestiune camere, tarife sezoniere, alocare clienți pentru cazare și servicii suplimentare.
@@ -312,31 +315,11 @@
<!-- Benefits Section -->
<section class="professional-hero mb-16">
<div class="max-w-4xl mx-auto text-center">
<h2 class="text-3xl font-bold mb-8 professional-text-primary">De ce să alegi ROA HORECA?</h2>
<h2 class="text-3xl font-bold mb-6 professional-text-primary">De ce să alegi ROA HORECA?</h2>
<div class="grid md:grid-cols-3 gap-8 mb-8">
<div class="bg-white bg-opacity-90 rounded-lg p-6">
<div class="w-16 h-16 bg-blue-500 rounded-full flex items-center justify-center mx-auto mb-4">
</div>
<h3 class="font-semibold mb-2">Eficiență Maximă</h3>
<p class="text-sm text-gray-600">Automatizarea proceselor reduce timpul de operare cu până la 70%.</p>
</div>
<div class="bg-white bg-opacity-90 rounded-lg p-6">
<div class="w-16 h-16 bg-green-500 rounded-full flex items-center justify-center mx-auto mb-4">
</div>
<h3 class="font-semibold mb-2">Siguranță Totală</h3>
<p class="text-sm text-gray-600">Backup automat și securitate avansată pentru toate datele.</p>
</div>
<div class="bg-white bg-opacity-90 rounded-lg p-6">
<div class="w-16 h-16 bg-purple-500 rounded-full flex items-center justify-center mx-auto mb-4">
<i data-lucide="trending-up" class="w-8 h-8 text-white"></i>
</div>
<h3 class="font-semibold mb-2">Creștere Venituri</h3>
<p class="text-sm text-gray-600">Optimizarea ocupării și tarifelor pentru profitabilitate maximă.</p>
</div>
</div>
<p class="text-lg professional-text-secondary mb-8 max-w-3xl mx-auto leading-relaxed">
Spre deosebire de un program de recepție generic, ROA HORECA leagă <strong class="professional-text-primary">recepția cazării de facturare și de înregistrarea contabilă</strong>: serviciile consumate de client se facturează direct din fișa de cazare, iar nota contabilă și efectul în gestiune se generează automat — fără reintroducerea datelor. Tarifele pe sezoane, grupurile și emiterea facturilor pe mai mulți plătitori sunt gestionate în același flux, integrat cu contabilitatea hotelului.
</p>
<a href="../menu/contact.html" class="professional-btn-primary px-8 py-4 text-lg inline-block">
<span>Contactează-ne pentru Ofertă</span>

276
roa/roa-imobilizari.html
View File

@@ -21,6 +21,8 @@
<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">
@@ -32,24 +34,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>
@@ -68,24 +73,28 @@
<!-- 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">
@@ -177,202 +186,81 @@
</div>
</section>
<!-- Functions Section -->
<!-- Ce face -->
<section class="mb-16">
<div class="professional-card p-8">
<h2 class="text-3xl font-bold mb-8 professional-text-primary flex items-center">
Funcțiuni
</h2>
<h2 class="text-3xl font-bold mb-6 professional-text-primary">Ce face</h2>
<p class="text-lg professional-text-secondary mb-8">
<strong class="professional-text-primary">ROA Imobilizari</strong> prelucrează atât amortizarea <strong class="professional-text-primary">contabilă</strong>, cât și cea <strong class="professional-text-primary">fiscală</strong>, automat, până la amortizarea completă sau ieșirea din evidență:
</p>
<div class="grid md:grid-cols-2 gap-x-8 gap-y-4 mb-8">
<div class="flex items-start space-x-3">
<i data-lucide="check-circle" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">Clasifică și încadrează mijloacele fixe (clasă și durată normală de funcționare, conform HG 964/1998).</span>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="check-circle" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">Calculează amortizarea lunară, valoarea amortizată și valoarea rămasă, pentru fiecare mijloc fix.</span>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="check-circle" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">Înregistrează achiziția, vânzarea, casarea și ieșirea din evidență; transformă imobilizările în curs în mijloace fixe.</span>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="check-circle" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
<span class="professional-text-secondary">Reevaluează mijloacele fixe și listează situația amortizărilor pe grupe, luni și gestiuni, cu istoric complet.</span>
</div>
</div>
<div class="grid lg:grid-cols-2 gap-8">
<!-- Classification Section -->
<div class="professional-card service-technology p-6">
<h3 class="text-xl font-semibold mb-4 professional-text-primary flex items-center">
Clasificare și încadrare
</h3>
<ul class="space-y-3">
<li class="flex items-start space-x-3">
<span class="professional-text-secondary">Stabilirea clasei de încadrare a mijloacelor fixe și a duratei normale de funcționare</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary">Transpunerea legii privind clasificarea mijloacelor fixe (HG 964/23.12.1998)</span>
</li>
<!-- Exemplu concret amortizare -->
<div class="bg-blue-50 border-l-4 border-blue-500 p-6 rounded-r-lg dark:bg-blue-900 dark:border-blue-700">
<h3 class="text-lg font-semibold professional-text-primary mb-3">Exemplu de calcul (amortizare liniară)</h3>
<p class="professional-text-secondary mb-3">
Un utilaj de <strong class="professional-text-primary">60.000 lei</strong>, cu durata normală de funcționare de <strong class="professional-text-primary">5 ani (60 de luni)</strong>:
</p>
<ul class="space-y-2 professional-text-secondary">
<li class="flex items-start space-x-2"><i data-lucide="chevron-right" class="w-4 h-4 text-blue-600 mt-1 flex-shrink-0"></i><span>amortizare lunară = 60.000 ÷ 60 = <strong class="professional-text-primary">1.000 lei/lună</strong>;</span></li>
<li class="flex items-start space-x-2"><i data-lucide="chevron-right" class="w-4 h-4 text-blue-600 mt-1 flex-shrink-0"></i><span>după 12 luni: valoare amortizată <strong class="professional-text-primary">12.000 lei</strong>, valoare rămasă <strong class="professional-text-primary">48.000 lei</strong>;</span></li>
<li class="flex items-start space-x-2"><i data-lucide="chevron-right" class="w-4 h-4 text-blue-600 mt-1 flex-shrink-0"></i><span>ROA generează automat nota contabilă lunară (6811 = 281), fără calcule manuale.</span></li>
</ul>
</div>
<!-- Registration Methods -->
<div class="professional-card service-reliability p-6">
<h3 class="text-xl font-semibold mb-4 professional-text-primary flex items-center">
Moduri de înregistrare
</h3>
<div class="space-y-4">
<div class="bg-white border border-gray-200 rounded-lg p-4">
<h4 class="font-semibold professional-text-primary mb-2">1. Introducere directă</h4>
<p class="text-sm professional-text-secondary">Prin introducerea directă a documentelor de achiziție</p>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-4">
<h4 class="font-semibold professional-text-primary mb-2">2. Preluare automată</h4>
<p class="text-sm professional-text-secondary">Din modulul <strong>ROA Financiar-Contabilitate</strong> a tuturor notelor de achiziții</p>
</div>
</div>
</div>
</div>
<!-- Important Feature Highlight -->
<div class="bg-amber-50 border-l-4 border-amber-500 p-6 rounded-r-lg mt-8">
<div class="flex items-start">
<div>
<h3 class="text-lg font-semibold professional-text-primary mb-2">Caracteristică importantă</h3>
<p class="professional-text-secondary text-lg"><strong>Programul ROA Imobilizari prelucrează atât calculele de amortizare contabilă cât și de amortizare fiscală.</strong></p>
</div>
</div>
</div>
</div>
</section>
<!-- System Integration Section -->
<!-- Cum se integrează -->
<section class="mb-16">
<div class="professional-card p-8">
<h2 class="text-3xl font-bold mb-6 professional-text-primary flex items-center">
Integrarea în Sistemul Informatic ROA
</h2>
<h2 class="text-3xl font-bold mb-6 professional-text-primary">Cum se integrează</h2>
<p class="text-lg professional-text-secondary mb-8 leading-relaxed">
<strong class="professional-text-primary">ROA Imobilizari</strong> comunică cu programul de contabilitate <strong class="professional-text-primary">ROA Financiar-Contabilitate</strong> în scopul îndeplinirii următoarelor funcțiuni:
<strong class="professional-text-primary">ROA Imobilizari</strong> comunică direct cu <strong class="professional-text-primary">ROA Financiar-Contabilitate</strong>, fără reintroducerea datelor:
</p>
<div class="grid md:grid-cols-2 gap-6">
<div class="professional-card p-6 border-l-4 border-blue-500">
<div class="flex items-center mb-4">
<h3 class="text-xl font-semibold professional-text-primary">Preluare selectivă</h3>
<h3 class="text-xl font-semibold professional-text-primary mb-3">Preluare selectivă</h3>
<p class="professional-text-secondary">Documentele de achiziție a mijloacelor fixe — și cele legate de imobilizările necorporale și în curs — se preiau automat din contabilitate în evidența imobilizărilor.</p>
</div>
<p class="professional-text-secondary">În evidența imobilizărilor a documentelor de achiziție a mijloacelor fixe, precum și a altor documente în legătură cu imobilizările necorporale și a celor în curs.</p>
</div>
<div class="professional-card p-6 border-l-4 border-green-500">
<div class="flex items-center mb-4">
<h3 class="text-xl font-semibold professional-text-primary">Notă de închidere</h3>
</div>
<p class="professional-text-secondary">Obținerea notei de închidere a amortizării în mod automat.</p>
<h3 class="text-xl font-semibold professional-text-primary mb-3">Notă de închidere automată</h3>
<p class="professional-text-secondary">Nota de închidere a amortizării se obține automat la sfârșitul lunii și se reflectă direct în balanță.</p>
</div>
</div>
</div>
</section>
<!-- Features Section -->
<!-- CTA final -->
<section class="mb-16">
<div class="professional-card p-8">
<h2 class="text-3xl font-bold mb-6 professional-text-primary flex items-center">
Facilități
</h2>
<p class="text-lg professional-text-secondary mb-8">
<strong class="professional-text-primary">ROA Imobilizari</strong> rezolvă problemele legate de:
</p>
<div class="grid lg:grid-cols-2 gap-8">
<!-- Calculations Section -->
<div class="professional-card service-technology p-6">
<h3 class="text-xl font-semibold mb-4 professional-text-primary flex items-center">
Calcule și evidență
</h3>
<ul class="space-y-3">
<li class="flex items-start space-x-3">
<span class="professional-text-secondary">calculul amortizării lunare, a valorii totale amortizate, a valorii rămase de amortizat</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary">calculul altor valori adiacente, pentru fiecare mijloc fix în parte</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary">înregistrarea vânzării, casării și a ieșirii din evidență</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary">transformarea imobilizărilor în curs în mijloace fixe</span>
</li>
</ul>
</div>
<!-- Visualization Section -->
<div class="professional-card service-reliability p-6">
<h3 class="text-xl font-semibold mb-4 professional-text-primary flex items-center">
Vizualizare și rapoarte
</h3>
<ul class="space-y-3">
<li class="flex items-start space-x-3">
<span class="professional-text-secondary">vizualizarea listei de mijloace fixe pe grupe, pe luni, pe gestiuni</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary">vizualizarea și listarea situației amortizărilor lunare</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary">vizualizarea și listarea rulajelor și sumelor totale pe conturi</span>
</li>
<li class="flex items-start space-x-3">
<span class="professional-text-secondary">facilitarea calculelor de reevaluare a mijloacelor fixe</span>
</li>
</ul>
</div>
</div>
<!-- Historic Feature Highlight -->
<div class="bg-green-50 border-l-4 border-green-500 p-6 rounded-r-lg mt-8">
<div class="flex items-start">
<div>
<h3 class="text-lg font-semibold professional-text-primary mb-2">Istoric complet</h3>
<p class="professional-text-secondary text-lg">Crearea unui istoric bogat al evenimentelor cu efecte asupra imobilizărilor, cu posibilitatea accesării în orice moment.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Key Benefits Section -->
<section class="mb-16">
<div class="professional-card professional-card-featured p-8">
<h2 class="text-3xl font-bold mb-8 professional-text-primary text-center flex items-center justify-center">
Beneficii cheie
</h2>
<div class="grid md:grid-cols-3 gap-8">
<!-- Automation Benefit -->
<div class="professional-card service-technology p-6 text-center">
<div class="w-20 h-20 mx-auto mb-4 rounded-full bg-gradient-to-br from-green-500 to-green-600 flex items-center justify-center">
</div>
<h3 class="text-xl font-semibold mb-3 professional-text-primary">Automatizare</h3>
<p class="professional-text-secondary">Calcul automat al amortismentului conform legii</p>
</div>
<!-- Integration Benefit -->
<div class="professional-card service-technology p-6 text-center">
<div class="w-20 h-20 mx-auto mb-4 rounded-full bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center">
</div>
<h3 class="text-xl font-semibold mb-3 professional-text-primary">Integrare</h3>
<p class="professional-text-secondary">Conectare perfectă cu modulul de contabilitate</p>
</div>
<!-- Reporting Benefit -->
<div class="professional-card service-technology p-6 text-center">
<div class="w-20 h-20 mx-auto mb-4 rounded-full bg-gradient-to-br from-amber-500 to-amber-600 flex items-center justify-center">
</div>
<h3 class="text-xl font-semibold mb-3 professional-text-primary">Raportare</h3>
<p class="professional-text-secondary">Rapoarte detaliate și istoric complet</p>
</div>
</div>
</div>
</section>
<!-- Navigation Links -->
<section class="mb-16">
<div class="flex flex-col sm:flex-row gap-4 justify-between">
<a href="aplicatii-erp.html" class="professional-btn-secondary px-8 py-4 text-lg flex items-center justify-center">
<i data-lucide="arrow-left" class="w-5 h-5 mr-2"></i>
<span>Înapoi la ROA Applications</span>
<div class="professional-card professional-card-featured p-8 text-center">
<h2 class="text-2xl md:text-3xl font-bold mb-4 professional-text-primary">Vrei amortizarea calculată corect, lună de lună?</h2>
<p class="text-lg professional-text-secondary mb-8 max-w-2xl mx-auto leading-relaxed">Îți arătăm pe registrul tău de imobilizări cum arată calculul și notele contabile generate automat.</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="../menu/contact.html" class="professional-btn-primary px-8 py-4 text-lg">
<span>Programează demo</span>
</a>
<a href="aplicatii-erp.html" class="professional-btn-primary px-8 py-4 text-lg flex items-center justify-center">
<span>Vezi toate aplicațiile ROA</span>
<i data-lucide="arrow-right" class="w-5 h-5 ml-2"></i>
<a href="tel:+40723197939" class="professional-btn-secondary px-8 py-4 text-lg">
<span>0723 197 939</span>
</a>
</div>
</div>
</section>
</main>

123
roa/roa-proiecte-devize.html
View File

@@ -20,6 +20,8 @@
</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">
@@ -31,24 +33,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>
@@ -67,24 +72,28 @@
<!-- 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">
@@ -110,14 +119,6 @@
Sistem specializat pentru calculul devizelor de lucrări, managementul proiectelor
și estimarea costurilor de construcții și arhitectură.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<button class="professional-btn-primary px-8 py-4 text-lg">
<span>Solicită Demo</span>
</button>
<a href="../menu/contact.html" class="professional-btn-secondary px-8 py-4 text-lg">
<span>Contact Vânzări</span>
</a>
</div>
</div>
</section>
@@ -190,62 +191,38 @@
<div class="max-w-6xl mx-auto">
<h2 class="text-3xl font-bold text-center mb-12 professional-text-primary">De Ce să Alegi ROA PROIECTE DEVIZE LUCRĂRI?</h2>
<div class="grid md:grid-cols-2 gap-12 items-center">
<div>
<h3 class="text-2xl font-semibold mb-6 professional-text-primary">Avantajele Principale</h3>
<div class="max-w-3xl mx-auto">
<ul class="space-y-4 professional-text-secondary">
<li class="flex items-start space-x-4">
<div class="bg-blue-100 rounded-full p-2 mt-1">
</div>
<i data-lucide="check-circle" class="w-6 h-6 text-blue-600 mt-1 flex-shrink-0"></i>
<div>
<strong class="professional-text-primary">Eficiență Maximă:</strong>
<span>Reducerea cu 70% a timpului de calculare a devizelor</span>
<strong class="professional-text-primary">Devize mai rapide:</strong>
<span>calculele de deviz se obțin în minute, pe baza unei baze de date de materiale și manoperă.</span>
</div>
</li>
<li class="flex items-start space-x-4">
<div class="bg-blue-100 rounded-full p-2 mt-1">
</div>
<i data-lucide="check-circle" class="w-6 h-6 text-blue-600 mt-1 flex-shrink-0"></i>
<div>
<strong class="professional-text-primary">Precizie Ridicată:</strong>
<span>Calcule exacte cu marje de eroare minime</span>
<strong class="professional-text-primary">Calcule consecvente:</strong>
<span>aceleași formule și prețuri actualizate, fără erori de transcriere între oferte.</span>
</div>
</li>
<li class="flex items-start space-x-4">
<div class="bg-blue-100 rounded-full p-2 mt-1">
</div>
<i data-lucide="check-circle" class="w-6 h-6 text-blue-600 mt-1 flex-shrink-0"></i>
<div>
<strong class="professional-text-primary">Colaborare Echipă:</strong>
<span>Lucru în echipă pe proiecte complexe</span>
<strong class="professional-text-primary">Lucru pe proiecte complexe:</strong>
<span>organizare pe etape, monitorizarea progresului și planificarea termenelor.</span>
</div>
</li>
<li class="flex items-start space-x-4">
<div class="bg-blue-100 rounded-full p-2 mt-1">
</div>
<i data-lucide="check-circle" class="w-6 h-6 text-blue-600 mt-1 flex-shrink-0"></i>
<div>
<strong class="professional-text-primary">Raportare Avansată:</strong>
<span>Rapoarte detaliate și analize comparative</span>
<strong class="professional-text-primary">Raportare avansată:</strong>
<span>rapoarte detaliate și analize comparative între variante și față de buget.</span>
</div>
</li>
</ul>
</div>
<div class="text-center">
<div class="professional-card p-8">
<div class="text-center mb-6">
<div class="text-4xl font-bold professional-text-primary mb-2">70%</div>
<div class="professional-text-secondary">Reducerea timpului de lucru</div>
</div>
<div class="text-center mb-6">
<div class="text-4xl font-bold professional-text-primary mb-2">95%</div>
<div class="professional-text-secondary">Precizie în calcule</div>
</div>
<div class="text-center">
<div class="text-4xl font-bold professional-text-primary mb-2">500+</div>
<div class="professional-text-secondary">Proiecte finalizate cu succes</div>
</div>
</div>
</div>
</div>
</div>
</section>
@@ -320,11 +297,11 @@
o demonstrație personalizată și descoperă cum poate ROA să îți eficientizeze activitatea.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<button class="professional-btn-primary px-8 py-4 text-lg">
<span>Demonstrație Gratuită</span>
</button>
<a href="../menu/contact.html" class="professional-btn-secondary px-8 py-4 text-lg">
<span>Contactează-ne</span>
<a href="../menu/contact.html" class="professional-btn-primary px-8 py-4 text-lg">
<span>Programează demo</span>
</a>
<a href="tel:+40723197939" class="professional-btn-secondary px-8 py-4 text-lg">
<span>0723 197 939</span>
</a>
</div>
</section>

87
roa/roa-service-auto.html
View File

@@ -21,6 +21,8 @@
<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">
@@ -32,24 +34,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>
@@ -68,24 +73,28 @@
<!-- 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">
@@ -100,8 +109,8 @@
Soluție completă pentru managementul activității de service auto - de la intrarea autovehiculului până la facturarea automată
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="../servicii/acceseazaroaonline.html" target="_blank" class="professional-btn-urgent px-8 py-4 text-lg">
<span>Testează ROA AUTO acum!</span>
<a href="/menu/contact.html" class="professional-btn-primary px-8 py-4 text-lg">
<span>Programează demo</span>
</a>
<a href="aplicatii-erp.html" class="professional-btn-secondary px-8 py-4 text-lg">
<span>Vezi toate aplicațiile ROA</span>
@@ -112,11 +121,11 @@
<!-- Urgent Problems Section with Red Accent -->
<section class="mb-16">
<h2 class="text-3xl font-bold text-center mb-12 professional-text-primary">Te confrunți cu aceste probleme urgente?</h2>
<h2 class="text-3xl font-bold text-center mb-12 professional-text-primary">Te confrunți cu aceste probleme?</h2>
<div class="professional-card professional-card-featured p-8">
<h3 class="text-2xl font-semibold mb-8 professional-text-primary text-center">
Probleme zilnice în service-ul tău
Provocări frecvente într-un service auto
</h3>
<div class="grid md:grid-cols-2 gap-8">
<div>
@@ -144,8 +153,8 @@
</div>
</div>
<div class="text-center mt-8">
<a href="../servicii/acceseazaroaonline.html" target="_blank" class="professional-btn-urgent px-8 py-4 text-lg">
<span>Elimină aceste probleme ACUM!</span>
<a href="/menu/contact.html" class="professional-btn-primary px-8 py-4 text-lg">
<span>Programează demo</span>
</a>
</div>
</div>
@@ -214,9 +223,7 @@
<h3 class="text-xl font-semibold text-center">1. Generarea comenzii</h3>
</div>
<div class="p-6 text-center">
<a href="ROA-SERVICE-AUTO/roaauto_generare.html" target="_blank" class="block hover:opacity-90 transition-opacity">
<img src="images/auto1p-generare.jpg" alt="ROAAUTO - Generare comanda" class="w-full rounded-lg shadow-lg">
</a>
</div>
</div>
@@ -226,9 +233,7 @@
<h3 class="text-xl font-semibold text-center">2. Normare pe operații</h3>
</div>
<div class="p-6 text-center">
<a href="ROA-SERVICE-AUTO/roaauto_normare.html" target="_blank" class="block hover:opacity-90 transition-opacity">
<img src="images/auto2p-normare.jpg" alt="ROAAUTO - Normare comanda" class="w-full rounded-lg shadow-lg">
</a>
</div>
</div>
@@ -238,9 +243,7 @@
<h3 class="text-xl font-semibold text-center">3. Verificarea și validarea devizului</h3>
</div>
<div class="p-6 text-center">
<a href="ROA-SERVICE-AUTO/roaauto_validare.html" target="_blank" class="block hover:opacity-90 transition-opacity">
<img src="images/auto3p-validare.jpg" alt="ROAAUTO - Validare comanda" class="w-full rounded-lg shadow-lg">
</a>
</div>
</div>
@@ -250,9 +253,7 @@
<h3 class="text-xl font-semibold text-center">4. Emiterea devizului și facturarea</h3>
</div>
<div class="p-6 text-center">
<a href="ROA-SERVICE-AUTO/roaauto_facturare.html" target="_blank" class="block hover:opacity-90 transition-opacity">
<img src="images/auto4p-facturare.jpg" alt="ROAAUTO - Facturare comanda" class="w-full rounded-lg shadow-lg">
</a>
</div>
</div>
</div>
@@ -378,16 +379,16 @@
<!-- CTA Section -->
<section class="text-center mb-16">
<div class="professional-hero">
<h2 class="text-3xl font-bold mb-6 professional-text-primary">Gata să eficientizezi service-ul tău?</h2>
<h2 class="text-3xl font-bold mb-6 professional-text-primary">Vrei să eficientizezi service-ul tău?</h2>
<p class="text-xl professional-text-secondary mb-8 leading-relaxed max-w-3xl mx-auto">
Nu mai pierde timp cu procese manuale! ROA AUTO îți automatizează întreaga activitate de service auto.
ROA AUTO automatizează întreaga activitate de service auto, de la recepție până la facturare și contabilitate.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="../servicii/acceseazaroaonline.html" target="_blank" class="professional-btn-urgent px-8 py-4 text-lg">
<span>Începe testul GRATUIT</span>
<a href="../menu/contact.html" class="professional-btn-primary px-8 py-4 text-lg">
<span>Programează demo</span>
</a>
<a href="../menu/contact.html" class="professional-btn-secondary px-8 py-4 text-lg">
<span>Contactează-ne pentru detalii</span>
<a href="tel:+40723197939" class="professional-btn-secondary px-8 py-4 text-lg">
<span>0723 197 939</span>
</a>
</div>
</div>

214
roa/roa-situatii-financiare.html
View File

@@ -1,214 +0,0 @@
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ROA Situatii financiare - Romfast</title>
<meta name="description" content="Aplicatia ROA Situatii Financiare faciliteaza raportarea situatiilor financiare: bilant, contul de profit si pierdere, si alte rapoarte semestriale.">
<meta name="keywords" content="program situatii financiare, bilant, profit pierdere, rapoarte financiare, ROA, romfast, sistem informatic ERP, indicatori economici">
<!-- 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 -->
<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">
<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>
<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>
</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/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">
<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>
</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/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div>
</div>
</nav>
</header>
<!-- 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 professional-text-secondary">
<li><a href="../index.html" class="hover:text-blue-600 transition-colors">Home</a></li>
<li><span class="mx-2">/</span></li>
<li><a href="aplicatii-erp.html" class="hover:text-blue-600 transition-colors">ROA - Romfast applications</a></li>
<li><span class="mx-2">/</span></li>
<li><a href="aplicatii-erp.html" class="hover:text-blue-600 transition-colors">Aplicatii ROA</a></li>
<li><span class="mx-2">/</span></li>
<li class="professional-text-primary font-medium">ROA Situatii financiare</li>
</ol>
</nav>
<!-- Page Header -->
<section class="mb-12">
<div class="grid md:grid-cols-3 gap-8 items-center">
<div class="md:col-span-2">
<img src="images/roasitfin.png" alt="ROA Situatii Financiare" class="mb-4 h-16 object-contain">
<h1 class="text-4xl font-bold professional-text-primary">ROA Situatii Financiare</h1>
</div>
<div class="flex justify-center md:justify-end">
<img src="sitfin.gif" alt="ROA Situatii Financiare Screenshot" class="rounded-lg shadow-lg max-w-full h-auto">
</div>
</div>
</section>
<!-- Content Section -->
<section class="mb-12">
<div class="max-w-4xl mx-auto">
<div class="professional-card p-8">
<h3 class="text-2xl font-bold mb-6 professional-text-primary">Descriere Aplicatie</h3>
<div class="space-y-6 mb-8">
<div class="flex items-start space-x-3">
<i data-lucide="check-circle" class="w-6 h-6 text-blue-500 mt-1 flex-shrink-0"></i>
<p class="professional-text-secondary leading-relaxed">
Aceasta aplicatie are rolul de a facilita raportarea situatiilor financiare: bilant, contul de profit si pierdere, si alte rapoarte semestriale din aceeasi categorie.
</p>
</div>
<div class="flex items-start space-x-3">
<i data-lucide="alert-triangle" class="w-6 h-6 text-yellow-500 mt-1 flex-shrink-0"></i>
<p class="professional-text-secondary leading-relaxed">
<strong>O observatie importanta:</strong> formulele de calcul ale acestor rapoarte sunt extrem de flexibile, ele putand fi definite chiar de utilizator. Programul contine un instrument puternic de constructie de formule de indicatori utilizand valorile din baza de date (in special Balanta de verificare).
</p>
</div>
</div>
<div class="bg-blue-50 border border-blue-200 rounded-lg p-6">
<h5 class="text-lg font-semibold mb-4 text-blue-800">Caracteristici principale:</h5>
<ul class="space-y-3">
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="check" class="w-5 h-5 text-blue-500 mt-0.5 flex-shrink-0"></i>
<span>Generarea automata a bilantului contabil</span>
</li>
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="check" class="w-5 h-5 text-blue-500 mt-0.5 flex-shrink-0"></i>
<span>Calculul contului de profit si pierdere</span>
</li>
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="check" class="w-5 h-5 text-blue-500 mt-0.5 flex-shrink-0"></i>
<span>Formule personalizabile pentru indicatori</span>
</li>
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="check" class="w-5 h-5 text-blue-500 mt-0.5 flex-shrink-0"></i>
<span>Rapoarte semestriale si anuale</span>
</li>
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="check" class="w-5 h-5 text-blue-500 mt-0.5 flex-shrink-0"></i>
<span>Integrare cu modulul de contabilitate</span>
</li>
<li class="flex items-start space-x-3 professional-text-secondary">
<i data-lucide="check" class="w-5 h-5 text-blue-500 mt-0.5 flex-shrink-0"></i>
<span>Export in multiple formate</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Navigation Links -->
<section class="mb-12">
<div class="flex flex-col md:flex-row justify-between gap-4">
<a href="aplicatii-erp.html" class="professional-btn-secondary flex items-center">
<i data-lucide="arrow-left" class="w-4 h-4 mr-2"></i>
Inapoi la ROA Applications
</a>
<a href="aplicatii-erp.html" class="professional-btn-primary flex items-center">
Vezi toate aplicatiile ROA
<i data-lucide="arrow-right" class="w-4 h-4 ml-2"></i>
</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-generator.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://icon-generator.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://roa-qr.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>

40
sitemap.xml
View File

@@ -1,26 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url><loc>https://www.romfast.ro/</loc><lastmod>2026-04-28</lastmod><priority>1.0</priority></url>
<url><loc>https://www.romfast.ro/index.html</loc><lastmod>2026-04-28</lastmod><priority>1.0</priority></url>
<url><loc>https://www.romfast.ro/roa/cum-arata-roa.html</loc><lastmod>2026-04-28</lastmod><priority>0.9</priority></url>
<url><loc>https://www.romfast.ro/roa/aplicatii-erp.html</loc><lastmod>2026-04-28</lastmod><priority>0.9</priority></url>
<url><loc>https://www.romfast.ro/menu/referinte.html</loc><lastmod>2026-04-28</lastmod><priority>0.8</priority></url>
<url><loc>https://www.romfast.ro/menu/contact.html</loc><lastmod>2026-04-28</lastmod><priority>0.8</priority></url>
<url><loc>https://www.romfast.ro/menu/angajari.html</loc><lastmod>2026-04-28</lastmod><priority>0.7</priority></url>
<url><loc>https://www.romfast.ro/menu/desprenoi.html</loc><lastmod>2026-04-28</lastmod><priority>0.7</priority></url>
<url><loc>https://www.romfast.ro/menu/roa-suport-tehnic.html</loc><lastmod>2026-04-28</lastmod><priority>0.7</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-horeca.html</loc><lastmod>2026-04-28</lastmod><priority>0.7</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-service-auto.html</loc><lastmod>2026-04-28</lastmod><priority>0.7</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-comenzi-clienti.html</loc><lastmod>2026-04-28</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-contracte-clienti.html</loc><lastmod>2026-04-28</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-facturare.html</loc><lastmod>2026-04-28</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-financiar-contabilitate.html</loc><lastmod>2026-04-28</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-gestiune.html</loc><lastmod>2026-04-28</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-imobilizari.html</loc><lastmod>2026-04-28</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-situatii-financiare.html</loc><lastmod>2026-04-28</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-aplicatii-specifice.html</loc><lastmod>2026-04-28</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/menu/alteservicii.html</loc><lastmod>2026-04-28</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/menu/analiza.html</loc><lastmod>2026-04-28</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/menu/implementare.html</loc><lastmod>2026-04-28</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/menu/politica-confidentialitate.html</loc><lastmod>2026-04-28</lastmod><priority>0.4</priority></url>
<url><loc>https://www.romfast.ro/</loc><lastmod>2026-06-26</lastmod><priority>1.0</priority></url>
<url><loc>https://www.romfast.ro/index.html</loc><lastmod>2026-06-26</lastmod><priority>1.0</priority></url>
<url><loc>https://www.romfast.ro/roa/aplicatii-erp.html</loc><lastmod>2026-06-26</lastmod><priority>0.9</priority></url>
<url><loc>https://www.romfast.ro/menu/servicii.html</loc><lastmod>2026-06-26</lastmod><priority>0.8</priority></url>
<url><loc>https://www.romfast.ro/menu/aplicatii-online.html</loc><lastmod>2026-06-26</lastmod><priority>0.7</priority></url>
<url><loc>https://www.romfast.ro/menu/referinte.html</loc><lastmod>2026-06-26</lastmod><priority>0.8</priority></url>
<url><loc>https://www.romfast.ro/menu/contact.html</loc><lastmod>2026-06-26</lastmod><priority>0.8</priority></url>
<url><loc>https://www.romfast.ro/menu/angajari.html</loc><lastmod>2026-06-26</lastmod><priority>0.7</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-horeca.html</loc><lastmod>2026-06-26</lastmod><priority>0.7</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-service-auto.html</loc><lastmod>2026-06-26</lastmod><priority>0.7</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-contracte-clienti.html</loc><lastmod>2026-06-26</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-facturare.html</loc><lastmod>2026-06-26</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-financiar-contabilitate.html</loc><lastmod>2026-06-26</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-gestiune.html</loc><lastmod>2026-06-26</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-imobilizari.html</loc><lastmod>2026-06-26</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/roa/roa-proiecte-devize.html</loc><lastmod>2026-06-26</lastmod><priority>0.6</priority></url>
<url><loc>https://www.romfast.ro/menu/politica-confidentialitate.html</loc><lastmod>2026-06-26</lastmod><priority>0.4</priority></url>
</urlset>