Files
romfast-website/menu/referinte.html
Marius Mutu 61844c8b57 chore(cleanup): curățare masivă site Romfast — 29 ștergeri, design unitar, 404 custom
Faza A: șterge 29 fișiere orfane/duplicate (placeholder-e roa/2-5, module abandonate,
chatbot-uri experimentale, politica root duplicat, stub romfastsuport/index.html)

Faza C: design unitar pe 25 pagini rămase
- Navbar duplicate fix (mobile-class leaked în desktop nav)
- Hub aplicatii-erp.html: 6 carduri 2x3 simetric + card ROA AUTO nou
- Footer flex layout + copy "Ghid instalare ROA Client" (înlocuiește "Descarcă")
- Fonts normalizate la Inter:wght@300;400;500;600;700;800 (1 variant unic)
- href-uri interne corectate: politica → menu/politica, aplicatii → aplicatii-erp

Faza D: sitemap.xml regenerat (24 URL-uri valide, lastmod 2026-04-28),
robots.txt + Sitemap: directive

Faza F: 404.html custom (navbar + 6 recovery links + buton primar),
ErrorDocument 404 în .htaccess, sidebar roa-suport-tehnic (drop TeamViewer/Ammyy),
HORECA hotel section anchor #hotel + hero placeholder + sub-heading

verify-cleanup.sh: 17/17 chec-uri PASS (hrefs, og:url, canonical, sitemap, navbar,
footer flex, 404, hub carduri, sidebar, HORECA anchor)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-28 21:21:33 +00:00

392 lines
25 KiB
HTML

<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cine folosește ROA — Referințe reale — Romfast</title>
<meta name="description" content="Companii din 9 industrii care folosesc ROA de la Romfast. Cazuri particulare reale rezolvate: integrări, automatizări, modele contabile specifice.">
<meta name="keywords" content="referinte clienti, portofoliu clienti, clienti erp roa, romfast, cazuri particulare, integrari 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">
<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); }
.case-block {
background: #fefce8;
border-left: 3px solid #08819c;
padding: 14px 16px;
border-radius: 0 6px 6px 0;
}
.case-label {
color: #08819c;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
display: block;
margin-bottom: 6px;
}
.tenure-badge {
background: #08819c;
color: white;
padding: 3px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 600;
white-space: nowrap;
}
.tenure-badge-recent {
background: #f59e0b;
color: white;
padding: 3px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 600;
white-space: nowrap;
}
.ref-card-featured {
background: linear-gradient(to bottom right, #f0f9fb, white);
border: 2px solid #08819c !important;
}
.module-tag {
font-size: 11px;
padding: 2px 8px;
background: #f1f5f9;
color: #475569;
border-radius: 4px;
font-weight: 500;
}
</style>
</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 py-4">
<div class="flex items-center justify-between">
<!-- Logo Section -->
<div class="flex items-center space-x-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block">
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
</div>
</div>
<!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors nav-link">Prima pagina</a>
<a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
<a href="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a>
<a href="../roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
<div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link">
<span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i>
</button>
<div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
<a href="analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
<a href="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
<a href="roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
<a href="alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
</div>
</div>
<a href="referinte.html" class="text-blue-200 hover:text-blue-100 transition-colors nav-link font-medium">Cine folosește ROA</a>
<a href="angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
<a href="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
</div>
<!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
<i data-lucide="sun" class="w-5 h-5"></i>
</button>
<button id="mobile-menu-toggle" class="lg:hidden text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
<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>
</nav>
<!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
<div class="px-4 py-4 space-y-3">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
<a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
<a href="../roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2">
<p class="text-gray-600 font-medium text-sm">Servicii</p>
<a href="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a>
<a href="implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a>
<a href="roa-suport-tehnic.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Suport tehnic ROA</a>
<a href="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
</div>
<a href="referinte.html" class="block text-blue-600 font-medium hover:text-blue-800 transition-colors py-2">Cine folosește ROA</a>
<a href="angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a>
<a href="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a>
</div>
</div>
</header>
<main>
<!-- Hero -->
<section class="professional-hero text-center">
<div class="max-w-3xl mx-auto relative z-10">
<h1 class="text-4xl md:text-5xl font-bold mb-6 professional-text-primary leading-tight" style="letter-spacing: -0.02em">
Cine folosește ROA
</h1>
<p class="text-xl professional-text-secondary mb-2 leading-relaxed max-w-2xl mx-auto">
Nu listă de loguri — situații concrete pe care le-am rezolvat.
9 industrii diferite, fiecare cu cazul ei particular.
</p>
</div>
</section>
<!-- Grid mini-fișe -->
<section class="py-14 px-6">
<div class="max-w-6xl mx-auto">
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- 1. ACN — 23 ANI (FEATURED) -->
<article class="ref-card ref-card-featured rounded-lg p-6 flex flex-col">
<div class="flex items-center justify-between mb-3">
<span class="text-xs font-semibold text-[#08819c] tracking-wider uppercase">Sector public · transport naval</span>
<span class="tenure-badge">23 ani</span>
</div>
<h3 class="font-bold text-lg leading-tight mb-1 text-gray-900">Administrația Canalelor Navigabile</h3>
<p class="text-sm text-gray-500 mb-5">Constanța · 402 angajați · ROA din ian. 2003</p>
<div class="case-block flex-grow">
<p class="text-sm text-gray-800 leading-relaxed">Integrare cu software-ul propriu de dispecerat tranzitare. Facturare contractuală automată pentru tranzitări, livrare apă, cheiaj. Borderou e-Factura cu descărcare automatizată din SPV ANAF. Modelare politici contabile.</p>
</div>
<div class="flex flex-wrap gap-1.5 mt-4">
<span class="module-tag">Facturare</span>
<span class="module-tag">Contabilitate</span>
<span class="module-tag">Gestiune</span>
<span class="module-tag">Imobilizări</span>
<span class="module-tag">RU</span>
</div>
</article>
<!-- 2. IMA METAV — 21 ANI -->
<article class="ref-card bg-white border border-gray-200 rounded-lg p-6 flex flex-col">
<div class="flex items-center justify-between mb-3">
<span class="text-xs font-semibold text-[#08819c] tracking-wider uppercase">Metalurgie aerospatială</span>
<span class="tenure-badge">21 ani</span>
</div>
<h3 class="font-bold text-lg leading-tight mb-1 text-gray-900">IMA METAV — Aeronautica</h3>
<p class="text-sm text-gray-500 mb-5">București · ~45 angajați · ROA din feb. 2005</p>
<div class="case-block flex-grow">
<p class="text-sm text-gray-800 leading-relaxed">Modelare politici contabile pentru raportări către industrii reglementate diferit — piese pentru aviație, militar și energie, fiecare cu cerințe proprii.</p>
</div>
<div class="flex flex-wrap gap-1.5 mt-4">
<span class="module-tag">Contabilitate</span>
<span class="module-tag">Gestiune</span>
<span class="module-tag">Facturare</span>
</div>
</article>
<!-- 3. VADECO — 20 ANI -->
<article class="ref-card bg-white border border-gray-200 rounded-lg p-6 flex flex-col">
<div class="flex items-center justify-between mb-3">
<span class="text-xs font-semibold text-[#08819c] tracking-wider uppercase">Logistică portuară</span>
<span class="tenure-badge">20 ani</span>
</div>
<h3 class="font-bold text-lg leading-tight mb-1 text-gray-900">VADECO SRL</h3>
<p class="text-sm text-gray-500 mb-5">Constanța · capital austriac · ROA din mai 2006</p>
<div class="case-block flex-grow">
<p class="text-sm text-gray-800 leading-relaxed">Facturare bilingvă lei + valută, cu generare automată XML și PDF, atașate ca anexe la email-uri către parteneri internaționali — fără pași manuali.</p>
</div>
<div class="flex flex-wrap gap-1.5 mt-4">
<span class="module-tag">Facturare</span>
<span class="module-tag">Contabilitate</span>
<span class="module-tag">Contracte</span>
</div>
</article>
<!-- 4. MIDIA GREEN ENERGY — 20 ANI -->
<article class="ref-card bg-white border border-gray-200 rounded-lg p-6 flex flex-col">
<div class="flex items-center justify-between mb-3">
<span class="text-xs font-semibold text-[#08819c] tracking-wider uppercase">Producție energie</span>
<span class="tenure-badge">20 ani</span>
</div>
<h3 class="font-bold text-lg leading-tight mb-1 text-gray-900">Midia Green Energy SA</h3>
<p class="text-sm text-gray-500 mb-5">Năvodari · fost UTM · ROA din mai 2006</p>
<div class="case-block flex-grow">
<p class="text-sm text-gray-800 leading-relaxed">Modelare procese de gestiune specifice activității de producție energie. Tranziție termoelectrică → energie verde, cu schimbare de nume și structură, fără o lună cu cifre incerte.</p>
</div>
<div class="flex flex-wrap gap-1.5 mt-4">
<span class="module-tag">Contabilitate</span>
<span class="module-tag">Imobilizări</span>
<span class="module-tag">Facturare</span>
<span class="module-tag">Gestiune</span>
</div>
</article>
<!-- 5. ARGENTA — 20 ANI -->
<article class="ref-card bg-white border border-gray-200 rounded-lg p-6 flex flex-col">
<div class="flex items-center justify-between mb-3">
<span class="text-xs font-semibold text-[#08819c] tracking-wider uppercase">Construcții · structuri metalice</span>
<span class="tenure-badge">20 ani</span>
</div>
<h3 class="font-bold text-lg leading-tight mb-1 text-gray-900">Argenta SRL</h3>
<p class="text-sm text-gray-500 mb-5">Năvodari · ~190 angajați · ROA din sep. 2006</p>
<div class="case-block flex-grow">
<p class="text-sm text-gray-800 leading-relaxed">Modul particular pentru analiza lucrărilor și a devizelor de ofertă. Randamentul pe fiecare lucrare e vizibil în timp real, înainte de a închide următorul contract.</p>
</div>
<div class="flex flex-wrap gap-1.5 mt-4">
<span class="module-tag">Producție</span>
<span class="module-tag">Analiză Lucrări</span>
<span class="module-tag">Contabilitate</span>
<span class="module-tag">Gestiune</span>
<span class="module-tag">Imobilizări</span>
<span class="module-tag">Facturare</span>
</div>
</article>
<!-- 6. AUTOMOTIVE SERVICE — 15 ANI -->
<article class="ref-card bg-white border border-gray-200 rounded-lg p-6 flex flex-col">
<div class="flex items-center justify-between mb-3">
<span class="text-xs font-semibold text-[#08819c] tracking-wider uppercase">Service auto</span>
<span class="tenure-badge">15 ani</span>
</div>
<h3 class="font-bold text-lg leading-tight mb-1 text-gray-900">Automotive Service SRL</h3>
<p class="text-sm text-gray-500 mb-5">Constanța · ROA din sep. 2011</p>
<div class="case-block flex-grow">
<p class="text-sm text-gray-800 leading-relaxed">Extindere progresivă pe mai multe secții în decursul a 15 ani — același sistem ROA s-a adaptat la fiecare nouă deschidere fără reconfigurare structurală.</p>
</div>
<div class="flex flex-wrap gap-1.5 mt-4">
<span class="module-tag">Service Auto</span>
<span class="module-tag">Contabilitate</span>
<span class="module-tag">Gestiune piese</span>
<span class="module-tag">Facturare</span>
</div>
</article>
<!-- 7. ROMCONSTRUCT GLASS — 10 ANI -->
<article class="ref-card bg-white border border-gray-200 rounded-lg p-6 flex flex-col">
<div class="flex items-center justify-between mb-3">
<span class="text-xs font-semibold text-[#08819c] tracking-wider uppercase">Producție geamuri și tâmplărie</span>
<span class="tenure-badge">10 ani</span>
</div>
<h3 class="font-bold text-lg leading-tight mb-1 text-gray-900">Romconstruct Glass SRL</h3>
<p class="text-sm text-gray-500 mb-5">Constanța · ~25-34 angajați · ROA din oct. 2016</p>
<div class="case-block flex-grow">
<p class="text-sm text-gray-800 leading-relaxed">Modul producție pe devize și rețete pentru geamuri și tâmplărie, cu descărcare automată a bonurilor de consum în timp real. Costurile de montaj se reflectă pe măsură ce execuția curge.</p>
</div>
<div class="flex flex-wrap gap-1.5 mt-4">
<span class="module-tag">Producție</span>
<span class="module-tag">Gestiune</span>
<span class="module-tag">Contabilitate</span>
<span class="module-tag">Imobilizări</span>
<span class="module-tag">Facturare</span>
</div>
</article>
<!-- 8. SOUTH EAST TRUCK SERVICES — 2024 -->
<article class="ref-card bg-white border border-gray-200 rounded-lg p-6 flex flex-col">
<div class="flex items-center justify-between mb-3">
<span class="text-xs font-semibold text-[#08819c] tracking-wider uppercase">Service auto comercial</span>
<span class="tenure-badge-recent">Din 2024</span>
</div>
<h3 class="font-bold text-lg leading-tight mb-1 text-gray-900">South East Truck Services</h3>
<p class="text-sm text-gray-500 mb-5">Constanța · service camioane · ROA din iun. 2024</p>
<div class="case-block flex-grow">
<p class="text-sm text-gray-800 leading-relaxed">Adaptare modul service auto pentru particularitățile flotelor de camioane comerciale — servicii periodice obligatorii, raportare către clienți de tip transportator.</p>
</div>
<div class="flex flex-wrap gap-1.5 mt-4">
<span class="module-tag">Service Auto</span>
<span class="module-tag">Contabilitate</span>
<span class="module-tag">Gestiune</span>
<span class="module-tag">Imobilizări</span>
</div>
</article>
<!-- 9. HOTEL FLORA MAMAIA — 2024 -->
<article class="ref-card bg-white border border-gray-200 rounded-lg p-6 flex flex-col">
<div class="flex items-center justify-between mb-3">
<span class="text-xs font-semibold text-[#08819c] tracking-wider uppercase">Hotel · turism</span>
<span class="tenure-badge-recent">Din 2024</span>
</div>
<h3 class="font-bold text-lg leading-tight mb-1 text-gray-900">Hotel Flora Mamaia</h3>
<p class="text-sm text-gray-500 mb-5">Mamaia · ~36 angajați · ROA din iul. 2024</p>
<div class="case-block flex-grow">
<p class="text-sm text-gray-800 leading-relaxed">Import automat al notelor contabile direct din PMS hotel și POS restaurant. Plus stabilizare situații client și furnizori — soldurile ies exacte fără verificări manuale la închidere.</p>
</div>
<div class="flex flex-wrap gap-1.5 mt-4">
<span class="module-tag">Contabilitate</span>
<span class="module-tag">Facturare</span>
<span class="module-tag">Gestiune</span>
<span class="module-tag">Imobilizări</span>
</div>
</article>
</div>
</div>
</section>
<!-- Banner statistici -->
<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-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-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-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-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)">
<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>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="contact.html" class="professional-btn-primary">
Trimite-ne un mesaj
</a>
<a href="tel:+40723197939" class="professional-btn-secondary">
Sună-ne direct: 0723 197 939
</a>
</div>
</div>
</section>
</main>
<!-- Professional Footer -->
<footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
<div class="container mx-auto px-4 text-center">
<div class="mb-6">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
</div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;"><p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/roaclient-instalare.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Ghid instalare ROA Client</a><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div>
</footer>
<!-- Professional Theme JavaScript -->
<script src="../professional-theme.js"></script>
</body>
</html>