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

Squash merge din branch restructurare-site.

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

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

View File

@@ -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,201 +186,80 @@
</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>
<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>
</ul>
<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>
<!-- 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 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>
<!-- 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>
<!-- 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>
</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>
</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>
<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>
<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 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="tel:+40723197939" class="professional-btn-secondary px-8 py-4 text-lg">
<span>0723 197 939</span>
</a>
</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>
</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>
</div>
</section>