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

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>

143
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
</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="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 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>