Marius Mutu
90aa51bcf9
Converted all website pages to modern professional theme with consistent design system: ### Pages Converted (21 total): **Menu Pages (10):** - desprenoi.html, contact.html, analiza.html, implementare.html - roa-suport-tehnic.html, alteservicii.html, angajari.html - suport.html, referinte.html, politica-confidentialitate.html **ROA Module Pages (11):** - roa-financiar-contabilitate.html (calculator icon) - roa-resurse-umane.html (users icon) - roa-imobilizari.html (building icon) - roa-gestiune.html (package icon) - roa-contracte-furnizori.html (truck icon) - roa-clienti.html (user-check icon) - roa-horeca.html (utensils icon) - roa-analiza.html (bar-chart-3 icon) - roa-aplicatii-specifice.html (settings icon) - roa-service-auto.html, roa-proiecte-devize.html ### Technical Implementation: - Migrated from Bootstrap 5 to Tailwind CSS + Flowbite - Applied professional-theme.css with soft blue color palette - Integrated Lucide icons for modern iconography - Implemented responsive design with mobile-first approach - Added dark/light theme toggle functionality - Enhanced SEO with Romanian meta descriptions - Maintained all original content and functionality ### Design Features: - Consistent professional navbar with gradient background - Hero sections with appropriate module icons - Professional cards with hover effects and animations - Modern typography using Inter, Merriweather fonts - Unified color scheme: #5288c4 (primary), #4a7ba7 (secondary) - Professional footer with company branding All pages now follow the same professional design system established in index.html. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
352 lines
22 KiB
HTML
352 lines
22 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ro">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ROA - Aplicații ERP | Romfast - Sistem Informatic ERP Complex</title>
|
|
<meta name="description" content="ROA - Romfast Applications - un sistem informatic ERP complex, flexibil si puternic, destinat companiilor medii si mari. Include aplicatii de tip CRM, SCM, HR si BI.">
|
|
<meta name="keywords" content="program contabilitate, soft contabilitate, roa, roa romfast application, management financiar contabil, management resurse umane, managementul imobilizarilor si obiectelor de inventar, managementul stocurilor si relatiilor cu furnizorii, management relatii clienti, analiza companiei, aplicatii specifice roa, aplicatii utilitare roa, romfast, erp, crm, scm, bi, horeca">
|
|
|
|
<!-- Tailwind CSS -->
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<!-- Flowbite -->
|
|
<script src="https://cdn.jsdelivr.net/npm/flowbite@2.0.0/dist/flowbite.min.js"></script>
|
|
<!-- Lucide Icons -->
|
|
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
|
|
<!-- Google Fonts -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@300;400;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
<!-- Professional Theme CSS -->
|
|
<link href="../professional-theme.css" rel="stylesheet">
|
|
</head>
|
|
<body class="min-h-screen">
|
|
<!-- Soft Professional Blue Header -->
|
|
<header class="professional-navbar sticky top-0 z-50">
|
|
<nav class="container mx-auto px-4 py-4">
|
|
<div class="flex items-center justify-between">
|
|
<!-- Logo Section -->
|
|
<div class="flex items-center space-x-3">
|
|
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
|
|
<div class="hidden md:block">
|
|
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Centered Navigation -->
|
|
<div class="hidden lg:flex items-center space-x-8">
|
|
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors nav-link">Prima pagina</a>
|
|
<a href="../menu/desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
|
|
<a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link border-b-2 border-blue-200">ROA</a>
|
|
<div class="relative group">
|
|
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link">
|
|
<span>Servicii</span>
|
|
<i data-lucide="chevron-down" class="w-4 h-4"></i>
|
|
</button>
|
|
<div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
|
|
<a href="../menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
|
|
<a href="../menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
|
|
<a href="../menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
|
|
<a href="../menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
|
|
</div>
|
|
</div>
|
|
<a href="../menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Referinte</a>
|
|
<a href="../menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
|
|
<a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
|
|
</div>
|
|
|
|
<!-- Theme Toggle & Mobile Menu -->
|
|
<div class="flex items-center space-x-4">
|
|
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
|
|
<i data-lucide="sun" class="w-5 h-5"></i>
|
|
</button>
|
|
<button class="lg:hidden text-white p-2">
|
|
<i data-lucide="menu" class="w-6 h-6"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- Main Content Container -->
|
|
<main class="container mx-auto px-4 py-8 max-w-7xl">
|
|
|
|
<!-- ROA Hero Section -->
|
|
<section class="professional-hero text-center">
|
|
<div class="max-w-4xl mx-auto relative z-10">
|
|
<h1 class="text-4xl md:text-5xl font-bold mb-6 professional-text-primary">
|
|
ROA - Romfast Applications
|
|
</h1>
|
|
<p class="text-xl professional-text-secondary mb-8 leading-relaxed">
|
|
Un sistem informatic complex de tip <strong>E.R.P. (Enterprise Resource Planning)</strong>,
|
|
destinat companiilor medii si mari, care inglobeaza aplicatii de tipul C.R.M., S.C.M., H.R. si B.I.
|
|
</p>
|
|
<div class="flex flex-col sm:flex-row gap-4 justify-center">
|
|
<a href="../servicii/acceseazaroaonline.html" class="professional-btn-primary px-8 py-4 text-lg">
|
|
<span>Acceseaza ROA DEMO</span>
|
|
</a>
|
|
<a href="../menu/roa-suport-tehnic.html" class="professional-btn-secondary px-8 py-4 text-lg">
|
|
<span>Suport Tehnic</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- What is ERP Section -->
|
|
<section class="mb-16">
|
|
<div class="professional-card p-8">
|
|
<div class="flex items-center justify-center mb-6">
|
|
<div class="professional-icon-wrapper">
|
|
<i data-lucide="network" class="w-10 h-10 text-white"></i>
|
|
</div>
|
|
</div>
|
|
<h2 class="text-3xl font-bold text-center mb-6 professional-text-primary">Ce este un sistem ERP?</h2>
|
|
<p class="text-lg professional-text-secondary text-center leading-relaxed max-w-4xl mx-auto">
|
|
Sistemul <strong>E.R.P.</strong> este instrumentul software care faciliteaza integrarea tuturor informatiilor
|
|
dintr-o organizatie intr-o platforma unica, asigurand astfel transparenta datelor in cadrul companiei si
|
|
accesul la orice tip de informatie utila in desfasurarea activitatii. Multi oameni de afaceri au numit
|
|
ERP-ul ca fiind <em>"modalitatea de a pune in ordine informatiile din cadrul companiei."</em>
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ROA Applications Grid -->
|
|
<section class="mb-16">
|
|
<h2 class="text-3xl font-bold text-center mb-12 professional-text-primary">Aplicații ROA</h2>
|
|
<p class="text-lg professional-text-secondary text-center mb-12 max-w-4xl mx-auto leading-relaxed">
|
|
ROA cuprinde module care rezolva principalele probleme ale organizatiilor medii si mari: gestiunea economica,
|
|
automatizarea fluxurilor de date, regasirea si raportarea rapida a informatiilor, si reproiectarea fluxurilor informatice.
|
|
</p>
|
|
|
|
<!-- Applications Grid -->
|
|
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
<!-- Managementul Financiar-Contabil -->
|
|
<div class="professional-card p-6 text-center">
|
|
<div class="professional-icon-wrapper">
|
|
<i data-lucide="calculator" class="w-8 h-8 text-white"></i>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Managementul Financiar-Contabil</h3>
|
|
<p class="professional-text-secondary mb-4 leading-relaxed">
|
|
Sistem complet de contabilitate și gestiune financiară pentru monitorizarea și controlul resurselor financiare.
|
|
</p>
|
|
<a href="roa-financiar-contabilitate.html" class="professional-btn-secondary px-6 py-3 w-full inline-block">
|
|
<span>Afla mai mult</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Managementul Resurselor Umane -->
|
|
<div class="professional-card p-6 text-center">
|
|
<div class="professional-icon-wrapper">
|
|
<i data-lucide="users" class="w-8 h-8 text-white"></i>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Managementul Resurselor Umane</h3>
|
|
<p class="professional-text-secondary mb-4 leading-relaxed">
|
|
Gestionarea completă a personalului: salarii, concedii, evaluări, și rapoarte HR.
|
|
</p>
|
|
<a href="roa-resurse-umane.html" class="professional-btn-secondary px-6 py-3 w-full inline-block">
|
|
<span>Afla mai mult</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Managementul Imobilizarilor -->
|
|
<div class="professional-card p-6 text-center">
|
|
<div class="professional-icon-wrapper">
|
|
<i data-lucide="building" class="w-8 h-8 text-white"></i>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Managementul Imobilizărilor</h3>
|
|
<p class="professional-text-secondary mb-4 leading-relaxed">
|
|
Evidența și gestionarea mijloacelor fixe și a obiectelor de inventar ale companiei.
|
|
</p>
|
|
<a href="roa-imobilizari.html" class="professional-btn-secondary px-6 py-3 w-full inline-block">
|
|
<span>Afla mai mult</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Managementul Stocurilor -->
|
|
<div class="professional-card p-6 text-center">
|
|
<div class="professional-icon-wrapper">
|
|
<i data-lucide="package" class="w-8 h-8 text-white"></i>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Managementul Stocurilor</h3>
|
|
<p class="professional-text-secondary mb-4 leading-relaxed">
|
|
Control complet asupra stocurilor: intrări, ieșiri, inventariere și optimizarea nivelurilor.
|
|
</p>
|
|
<a href="roa-gestiune.html" class="professional-btn-secondary px-6 py-3 w-full inline-block">
|
|
<span>Afla mai mult</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Managementul Relatiilor cu Furnizorii -->
|
|
<div class="professional-card p-6 text-center">
|
|
<div class="professional-icon-wrapper">
|
|
<i data-lucide="truck" class="w-8 h-8 text-white"></i>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Managementul Relațiilor cu Furnizorii</h3>
|
|
<p class="professional-text-secondary mb-4 leading-relaxed">
|
|
Gestionarea eficientă a furnizorilor: comenzi, livrări și evaluarea performanței.
|
|
</p>
|
|
<a href="roa-contracte-furnizori.html" class="professional-btn-secondary px-6 py-3 w-full inline-block">
|
|
<span>Afla mai mult</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Managementul Relatiilor cu Clientii -->
|
|
<div class="professional-card p-6 text-center">
|
|
<div class="professional-icon-wrapper">
|
|
<i data-lucide="user-check" class="w-8 h-8 text-white"></i>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Managementul Relațiilor cu Clienții</h3>
|
|
<p class="professional-text-secondary mb-4 leading-relaxed">
|
|
Sistem CRM complet pentru optimizarea relațiilor cu clienții și creșterea vânzărilor.
|
|
</p>
|
|
<a href="roa-clienti.html" class="professional-btn-secondary px-6 py-3 w-full inline-block">
|
|
<span>Afla mai mult</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- HORECA -->
|
|
<div class="professional-card p-6 text-center">
|
|
<div class="professional-icon-wrapper">
|
|
<i data-lucide="utensils" class="w-8 h-8 text-white"></i>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-4 professional-text-primary">HORECA</h3>
|
|
<p class="professional-text-secondary mb-4 leading-relaxed">
|
|
Soluții specializate pentru industria hotelieră, restaurante și catering.
|
|
</p>
|
|
<a href="roa-horeca.html" class="professional-btn-secondary px-6 py-3 w-full inline-block">
|
|
<span>Afla mai mult</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Analiza Companiei -->
|
|
<div class="professional-card p-6 text-center">
|
|
<div class="professional-icon-wrapper">
|
|
<i data-lucide="bar-chart-3" class="w-8 h-8 text-white"></i>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Analiză Globală a Companiei</h3>
|
|
<p class="professional-text-secondary mb-4 leading-relaxed">
|
|
Business Intelligence și rapoarte avansate pentru analiza performanței companiei.
|
|
</p>
|
|
<a href="roa-analiza.html" class="professional-btn-secondary px-6 py-3 w-full inline-block">
|
|
<span>Afla mai mult</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Aplicatii Specifice -->
|
|
<div class="professional-card p-6 text-center">
|
|
<div class="professional-icon-wrapper">
|
|
<i data-lucide="settings" class="w-8 h-8 text-white"></i>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-4 professional-text-primary">Aplicații Specifice ROA</h3>
|
|
<p class="professional-text-secondary mb-4 leading-relaxed">
|
|
Module specializate și utilitare pentru optimizarea funcționalității sistemului ROA.
|
|
</p>
|
|
<a href="roa-aplicatii-specifice.html" class="professional-btn-secondary px-6 py-3 w-full inline-block">
|
|
<span>Afla mai mult</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ROA Advantages Section -->
|
|
<section class="mb-16">
|
|
<div class="professional-card professional-card-featured p-8">
|
|
<div class="flex items-center justify-center mb-6">
|
|
<div class="professional-icon-wrapper">
|
|
<i data-lucide="award" class="w-10 h-10 text-white"></i>
|
|
</div>
|
|
</div>
|
|
<h2 class="text-3xl font-bold text-center mb-8 professional-text-primary">Avantaje ROA</h2>
|
|
<div class="grid md:grid-cols-2 gap-8 items-center">
|
|
<div>
|
|
<p class="text-lg professional-text-secondary mb-6 leading-relaxed">
|
|
Aplicatiile <strong>ROA</strong> își partajează perfect problematica ridicată de gestionarea și
|
|
conducerea unei companii, din cele mai diferite domenii de activitate și fără a acoperi în mod
|
|
redundant aceeași problemă.
|
|
</p>
|
|
<ul class="space-y-4 professional-text-secondary">
|
|
<li class="flex items-start space-x-3">
|
|
<i data-lucide="check-circle" class="w-6 h-6 text-green-600 mt-1 flex-shrink-0"></i>
|
|
<span>Integrare completă a tuturor proceselor de business</span>
|
|
</li>
|
|
<li class="flex items-start space-x-3">
|
|
<i data-lucide="check-circle" class="w-6 h-6 text-green-600 mt-1 flex-shrink-0"></i>
|
|
<span>Automatizarea fluxurilor de date și eliminarea redundanței</span>
|
|
</li>
|
|
<li class="flex items-start space-x-3">
|
|
<i data-lucide="check-circle" class="w-6 h-6 text-green-600 mt-1 flex-shrink-0"></i>
|
|
<span>Regăsirea și raportarea rapidă a informațiilor</span>
|
|
</li>
|
|
<li class="flex items-start space-x-3">
|
|
<i data-lucide="check-circle" class="w-6 h-6 text-green-600 mt-1 flex-shrink-0"></i>
|
|
<span>Flexibilitate și adaptabilitate la cerințele specifice</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="text-center">
|
|
<img src="images/roapac.gif" alt="ROA Demo Access" class="rounded-lg shadow-lg max-w-full h-auto mx-auto">
|
|
<p class="mt-4 text-sm professional-text-secondary italic">
|
|
Conectează-te la serverul nostru de demo pentru a testa capabilitățile sistemului ROA
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Call to Action Section -->
|
|
<section class="professional-support text-center">
|
|
<h2 class="text-2xl font-bold mb-8 professional-text-primary">Începe cu ROA astăzi</h2>
|
|
<p class="text-lg professional-text-secondary mb-8 max-w-3xl mx-auto leading-relaxed">
|
|
Descoperă cum ROA poate transforma modul în care îți gestionezi afacerea.
|
|
Echipa noastră de experți te va ghida prin fiecare pas al implementării.
|
|
</p>
|
|
<div class="grid sm:grid-cols-3 gap-6">
|
|
<div class="professional-support-card">
|
|
<i data-lucide="play-circle" class="w-8 h-8 mx-auto mb-4" style="color: #5288c4;"></i>
|
|
<h3 class="font-semibold mb-3 professional-text-primary">Demo Online</h3>
|
|
<p class="professional-text-secondary mb-4 text-sm">Testează ROA în mediul nostru de demonstrație</p>
|
|
<a href="../servicii/acceseazaroaonline.html" class="professional-btn-primary px-6 py-2 w-full inline-block">
|
|
<span>Acceseaza Demo</span>
|
|
</a>
|
|
</div>
|
|
<div class="professional-support-card">
|
|
<i data-lucide="phone" class="w-8 h-8 mx-auto mb-4" style="color: #4a7ba7;"></i>
|
|
<h3 class="font-semibold mb-3 professional-text-primary">Consultanță Gratuită</h3>
|
|
<p class="professional-text-secondary mb-4 text-sm">Discută cu experții noștri despre nevoile tale</p>
|
|
<a href="../menu/contact.html" class="professional-btn-secondary px-6 py-2 w-full inline-block">
|
|
<span>Contactează-ne</span>
|
|
</a>
|
|
</div>
|
|
<div class="professional-support-card">
|
|
<i data-lucide="download" class="w-8 h-8 mx-auto mb-4" style="color: #5288c4;"></i>
|
|
<h3 class="font-semibold mb-3 professional-text-primary">Documentație</h3>
|
|
<p class="professional-text-secondary mb-4 text-sm">Descarcă ghidurile și documentația tehnică</p>
|
|
<a href="../menu/roa-suport-tehnic.html" class="professional-btn-secondary px-6 py-2 w-full inline-block">
|
|
<span>Vezi Resursele</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<!-- Professional Footer -->
|
|
<footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
|
|
<div class="container mx-auto px-4 text-center">
|
|
<div class="mb-6">
|
|
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
|
|
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
|
|
</div>
|
|
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
|
|
<p class="text-sm text-gray-400 mb-2">
|
|
Copyright © 2025 Romfast SRL. Toate drepturile rezervate.
|
|
</p>
|
|
<a href="../politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">
|
|
Politica de confidentialitate
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Professional Theme JavaScript -->
|
|
<script src="../professional-theme.js"></script>
|
|
</body>
|
|
</html> |