Marius Mutu
efec538ae7
- Convert 10 ROA files from new-style.css to professional-theme.css - Convert 6 ROA files from legacy style.css to professional theme - Convert 3 menu files from legacy style.css to professional theme - Convert 3 chatbot files while preserving functionality - Convert demo.html to professional theme - Apply Tailwind CSS + Flowbite + Lucide Icons throughout - Modernize navigation and footer consistency - Maintain all original content and functionality 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
288 lines
20 KiB
HTML
288 lines
20 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 - Specificatii Sistem Informatic ERP</title>
|
|
<meta name="description" content="ROA - Romfast Applications - Sistem Informatic ERP. Managementul Companiei.Program de Contabilitate"/>
|
|
<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"/>
|
|
|
|
<!-- 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 font-medium 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="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">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 id="mobile-menu-toggle" class="lg:hidden text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
|
|
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i>
|
|
<i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Mobile Menu -->
|
|
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
|
|
<div class="px-4 py-4 space-y-3">
|
|
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
|
|
<a href="../menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
|
|
<a href="../roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
|
|
<div class="border-l-2 border-gray-300 pl-4 space-y-2">
|
|
<p class="text-gray-600 font-medium text-sm">Servicii</p>
|
|
<a href="../menu/analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a>
|
|
<a href="../menu/implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a>
|
|
<a href="../menu/roa-suport-tehnic.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Suport tehnic ROA</a>
|
|
<a href="../menu/alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
|
|
</div>
|
|
<a href="../menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Referinte</a>
|
|
<a href="../menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a>
|
|
<a href="../menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- Main Content Container -->
|
|
<main class="container mx-auto px-4 py-8 max-w-7xl">
|
|
|
|
<!-- Breadcrumb -->
|
|
<nav class="mb-6">
|
|
<div class="text-sm text-gray-600">
|
|
<a href="../index.html" class="hover:text-blue-600 transition-colors">Home</a>
|
|
<span class="mx-2">/</span>
|
|
<a href="2.html" class="hover:text-blue-600 transition-colors">ROA - Romfast Applications</a>
|
|
<span class="mx-2">/</span>
|
|
<span class="text-gray-900 font-medium">Specificatii ROA</span>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero Section -->
|
|
<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">
|
|
Specificatii ROA
|
|
</h1>
|
|
<p class="text-xl professional-text-secondary mb-8 leading-relaxed">
|
|
Sistemul ERP care integreaza toate informatiile organizatiei intr-o platforma unica
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="grid lg:grid-cols-3 gap-8">
|
|
<!-- Main Content -->
|
|
<div class="lg:col-span-2">
|
|
|
|
<!-- ERP Definition Section -->
|
|
<div class="professional-card mb-8 p-8">
|
|
<h2 class="text-2xl font-bold mb-6 professional-text-primary flex items-center">
|
|
<i data-lucide="layers" class="w-6 h-6 mr-3 text-blue-600"></i>
|
|
ROA - Enterprise Resource Planning
|
|
</h2>
|
|
<div class="flex items-start mb-6">
|
|
<img src="../images/enterprise_solution.jpg" alt="Enterprise Solution" class="w-32 h-24 border border-gray-200 rounded-lg mr-6 flex-shrink-0">
|
|
<div>
|
|
<p class="text-lg professional-text-secondary leading-relaxed mb-4">
|
|
<strong>ROA - Romfast Applications</strong> este un sistem <strong>E.R.P. (Enterprise Resource Planning)</strong> care inglobeaza aplicatii de tipul <strong>C.R.M. (Customer Relationship Management)</strong>, <strong>S.C.M. (Supply Chain Management), H.R. (Human Resources), B.I. (Business Intelligence).</strong>
|
|
</p>
|
|
<p class="professional-text-secondary leading-relaxed">
|
|
Sistemul <strong>E.R.P. (Enterprise Resource Planning)</strong> este instrumentul software care faciliteaza integrarea tuturor informatiilor dintr-o organizatie într-o platforma unica asigurand astfel transparenta datelor în cadrul companiei si accesul la orice tip de informatie utila în desfasurarea activitatii. Multi oameni de afaceri au numit ERP-ul ca fiind "modalitatea de a pune in ordine informatiile din cadrul companiei."
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CRM Section -->
|
|
<div class="professional-card mb-8 p-8">
|
|
<h2 class="text-2xl font-bold mb-6 professional-text-primary flex items-center">
|
|
<i data-lucide="users" class="w-6 h-6 mr-3 text-blue-600"></i>
|
|
C.R.M. - Customer Relationship Management
|
|
</h2>
|
|
<p class="professional-text-secondary leading-relaxed">
|
|
Aplicatia <strong>C.R.M. (Customer Relationship Management)</strong> este un instrument puternic de raportare si analiza care ajuta la o mai buna intelegere a nevoilor si comportamentului clientilor. Un sistem eficient de CRM permite identificarea oportunitatilor in timp cat mai scurt, identificarea trend-urilor si stabilirea relatiilor intre clientii cei mai profitabili si produsele folosite de acestia, masurarea eficacitatii noilor produse si servicii.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- SCM Section -->
|
|
<div class="professional-card mb-8 p-8">
|
|
<h2 class="text-2xl font-bold mb-6 professional-text-primary flex items-center">
|
|
<i data-lucide="truck" class="w-6 h-6 mr-3 text-blue-600"></i>
|
|
S.C.M. - Supply Chain Management
|
|
</h2>
|
|
<p class="professional-text-secondary leading-relaxed mb-4">
|
|
Aplicatia <strong>S.C.M. (Supply Chain Management)</strong> este o combinatie de procedee care vizeaza imbunatatirea modului in care o companie gaseste componentele de care are nevoie pentru a oferi mai departe un produs sau un serviciu clientilor sai.
|
|
</p>
|
|
<p class="professional-text-secondary leading-relaxed mb-6">
|
|
Managementul Lantului de Aprovizionare este compus din 5 parti principale:
|
|
</p>
|
|
<ol class="space-y-3 mb-6 pl-6">
|
|
<li class="flex items-start">
|
|
<span class="bg-blue-100 text-blue-800 rounded-full w-6 h-6 flex items-center justify-center text-sm font-semibold mr-3 mt-0.5 flex-shrink-0">1</span>
|
|
<span><strong>Planul</strong> - o strategie pentru administrarea tuturor resurselor care sunt necesare pentru produsele sau serviciile unei companii;</span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<span class="bg-blue-100 text-blue-800 rounded-full w-6 h-6 flex items-center justify-center text-sm font-semibold mr-3 mt-0.5 flex-shrink-0">2</span>
|
|
<span><strong>Sursa</strong> - furnizorii de la care se obtin produsele si serviciile necesare crearii produselor companiei;</span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<span class="bg-blue-100 text-blue-800 rounded-full w-6 h-6 flex items-center justify-center text-sm font-semibold mr-3 mt-0.5 flex-shrink-0">3</span>
|
|
<span><strong>Produsul</strong> - planificarea activitatilor necesare pentru productie, testare, ambalare si pregatire pentru livrare;</span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<span class="bg-blue-100 text-blue-800 rounded-full w-6 h-6 flex items-center justify-center text-sm font-semibold mr-3 mt-0.5 flex-shrink-0">4</span>
|
|
<span><strong>Livrarea sau logistica</strong> - primirea ordinelor de livrare de la clienti, dezvoltarea unei retele de depozite, alegerea curierilor pentru transportul produselor si sistemul de receptionare a platilor;</span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<span class="bg-blue-100 text-blue-800 rounded-full w-6 h-6 flex items-center justify-center text-sm font-semibold mr-3 mt-0.5 flex-shrink-0">5</span>
|
|
<span><strong>Returul</strong> - creerea unei retele pentru primirea produselor defecte si/sau in exces si suportul pentru clientii care au probleme cu produsele cumparate.</span>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<!-- HR Section -->
|
|
<div class="professional-card mb-8 p-8">
|
|
<h2 class="text-2xl font-bold mb-6 professional-text-primary flex items-center">
|
|
<i data-lucide="user-check" class="w-6 h-6 mr-3 text-blue-600"></i>
|
|
H.R. - Human Resources
|
|
</h2>
|
|
<p class="professional-text-secondary leading-relaxed">
|
|
<strong>H.R. (Human Resources)</strong> este o aplicatie de management al Resurselor Umane din cadrul companiei. Informatiile referitoare la personal sunt de natura personala, profesionala si financiara. In baza acestor informatii se pot genera o serie de rapoarte ce pot fi vizualizate si/sau listate, se creaza state de salarii ce pot fi modificate interactiv de utilizator si se calculeaza drepturile de natura salariala cu privire la concedii, sporuri si popriri.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- BI Section -->
|
|
<div class="professional-card mb-8 p-8">
|
|
<h2 class="text-2xl font-bold mb-6 professional-text-primary flex items-center">
|
|
<i data-lucide="bar-chart-3" class="w-6 h-6 mr-3 text-blue-600"></i>
|
|
B.I. - Business Intelligence
|
|
</h2>
|
|
<p class="professional-text-secondary leading-relaxed mb-6">
|
|
Aplicatia <strong>B.I. (Business Intelligence)</strong> permite companiilor sa isi gestioneze numarul mare de baze de date si sa ofere angajatilor, echipei de management si partenerilor lor o privire de ansamblu, usor de inteles. Aceasta aplicatie este folosita pentru a gasi noi oportunitati de crestere a veniturilor organizatiei, pentru a reduce costurile, realoca resursele si pentru imbunatatirea eficientei operationale.
|
|
</p>
|
|
<p class="professional-text-secondary leading-relaxed font-semibold">
|
|
<strong>ROA - Romfast Applications</strong> este solutia care centralizeaza toate aceste informatii, iar C.R.M.-ul, S.C.M.-ul si H.R.-ul beneficiaza de pe urma existentei unei singure surse de informatii la zi.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Navigation Buttons -->
|
|
<div class="flex justify-between items-center">
|
|
<button onclick="history.back()" class="professional-btn-secondary">
|
|
<i data-lucide="arrow-left" class="w-4 h-4 mr-2"></i>
|
|
Inapoi
|
|
</button>
|
|
<div class="flex space-x-4">
|
|
<a href="4.html" class="professional-btn-primary">
|
|
Avantaje ROA
|
|
<i data-lucide="arrow-right" class="w-4 h-4 ml-2"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Sidebar -->
|
|
<div class="lg:col-span-1">
|
|
|
|
<!-- ROA Demo Access Card -->
|
|
<div class="professional-card mb-8 p-6 text-center">
|
|
<h3 class="text-lg font-semibold mb-4 professional-text-primary">Acceseaza online ROA!</h3>
|
|
<div class="mb-4">
|
|
<img src="../roa/images/roapac.gif" alt="Acceseaza ROA" class="mx-auto border border-gray-200 rounded-lg">
|
|
</div>
|
|
<p class="text-sm professional-text-secondary mb-6">
|
|
Pentru conectarea la serverul ROA DEMO folositi <strong>Internet Explorer.</strong>
|
|
</p>
|
|
<a href="../servicii/acceseazaroaonline.html" class="professional-btn-primary w-full">
|
|
Acceseaza Demo
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Navigation Card -->
|
|
<div class="professional-card mb-8 p-6">
|
|
<h3 class="text-lg font-semibold mb-4 professional-text-primary">Navigare ROA</h3>
|
|
<div class="space-y-3">
|
|
<a href="../menu/roa-suport-tehnic.html" class="block w-full professional-btn-secondary text-center">
|
|
<i data-lucide="headphones" class="w-4 h-4 mr-2"></i>
|
|
Suport tehnic ROA
|
|
</a>
|
|
<a href="4.html" class="block w-full professional-btn-secondary text-center">
|
|
<i data-lucide="trending-up" class="w-4 h-4 mr-2"></i>
|
|
Avantaje ROA
|
|
</a>
|
|
<a href="5.html" class="block w-full professional-btn-secondary text-center">
|
|
<i data-lucide="grid-3x3" class="w-4 h-4 mr-2"></i>
|
|
Aplicatii ROA
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</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> |