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

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>