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>
265 lines
18 KiB
HTML
265 lines
18 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 - Romfast Applications - 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,business, company, consulting, approach, experience, professional, dynamic, strategy, development, management, planning, success">
|
|
|
|
<!-- 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>
|
|
<span class="text-gray-900 font-medium">ROA - Romfast Applications</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">
|
|
ROA - Romfast Applications
|
|
</h1>
|
|
<p class="text-xl professional-text-secondary mb-8 leading-relaxed">
|
|
Sistem informatic complex destinat companiilor medii si mari - solutia completa ERP pentru managementul eficient al afacerii.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="grid lg:grid-cols-3 gap-8">
|
|
<!-- Main Content -->
|
|
<div class="lg:col-span-2">
|
|
|
|
<!-- ROA Overview Card -->
|
|
<div class="professional-card mb-8 p-8">
|
|
<div class="flex items-start mb-6">
|
|
<img src="images/roapac.gif" alt="ROA" class="w-24 h-32 border border-gray-200 rounded-lg mr-6 flex-shrink-0">
|
|
<div>
|
|
<p class="text-lg professional-text-secondary leading-relaxed">
|
|
<strong>ROA este un sistem informatic complex destinat companiilor medii si mari.</strong>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Specifications 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="settings" class="w-6 h-6 mr-3 text-blue-600"></i>
|
|
<a href="3.html" class="hover:text-blue-600 transition-colors">Specificatii</a>
|
|
</h2>
|
|
<p class="professional-text-secondary leading-relaxed mb-4">
|
|
<strong>ROA - Romfast Applications</strong> este un sistem E.R.P. (Enterprise Resource Planning) care inglobeaza aplicatii de tipul C.R.M. (Customer Relationship Management), S.C.M. (Supply Chain Management), H.R. (Human Resources), B.I. (Business Intelligence).
|
|
</p>
|
|
<p class="professional-text-secondary leading-relaxed mb-6">
|
|
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 class="flex justify-end">
|
|
<a href="3.html" class="professional-btn-secondary">Mai multe</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ROA Applications 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="grid-3x3" class="w-6 h-6 mr-3 text-blue-600"></i>
|
|
<a href="5.html" class="hover:text-blue-600 transition-colors">Aplicatii ROA</a>
|
|
</h2>
|
|
<p class="professional-text-secondary leading-relaxed mb-4">
|
|
ROA cuprinde module care rezolva principalele probleme ale organizatiilor medii si mari: gestiunea economica, automatizarea fluxurilor de date, regasirea si raportarea rapida a informatiilor, reproiectarea fluxurilor informatice.
|
|
</p>
|
|
<p class="professional-text-secondary leading-relaxed mb-6">
|
|
<strong>ROA</strong> cuprinde mai multe aplicatii in care fluxurile economice sunt aprofundate separat:
|
|
</p>
|
|
<ul class="space-y-3 mb-6">
|
|
<li class="flex items-start">
|
|
<i data-lucide="check-circle" class="w-5 h-5 text-green-600 mr-3 mt-0.5 flex-shrink-0"></i>
|
|
<span><strong><a href="5.html#contabilitate" class="hover:text-blue-600 transition-colors">Managementul Financiar-Contabil</a></strong></span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<i data-lucide="check-circle" class="w-5 h-5 text-green-600 mr-3 mt-0.5 flex-shrink-0"></i>
|
|
<span><strong><a href="5.html#salarii" class="hover:text-blue-600 transition-colors">Managementul Resurselor Umane</a></strong></span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<i data-lucide="check-circle" class="w-5 h-5 text-green-600 mr-3 mt-0.5 flex-shrink-0"></i>
|
|
<span><strong><a href="5.html#imobilizari" class="hover:text-blue-600 transition-colors">Managementul Imobilizarilor si Obiectelor de Inventar</a></strong></span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<i data-lucide="check-circle" class="w-5 h-5 text-green-600 mr-3 mt-0.5 flex-shrink-0"></i>
|
|
<span><strong><a href="5.html#gestiuni" class="hover:text-blue-600 transition-colors">Managementul Stocurilor</a></strong></span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<i data-lucide="check-circle" class="w-5 h-5 text-green-600 mr-3 mt-0.5 flex-shrink-0"></i>
|
|
<span><strong><a href="5.html#furnizori" class="hover:text-blue-600 transition-colors">Managementul Relatiilor cu Furnizorii</a></strong></span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<i data-lucide="check-circle" class="w-5 h-5 text-green-600 mr-3 mt-0.5 flex-shrink-0"></i>
|
|
<span><strong><a href="5.html#clienti" class="hover:text-blue-600 transition-colors">Managementul Relatiilor cu Clientii</a></strong></span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<i data-lucide="check-circle" class="w-5 h-5 text-green-600 mr-3 mt-0.5 flex-shrink-0"></i>
|
|
<span><strong><a href="5.html#analiza" class="hover:text-blue-600 transition-colors">Analiza globala a Companiei</a></strong></span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<i data-lucide="check-circle" class="w-5 h-5 text-green-600 mr-3 mt-0.5 flex-shrink-0"></i>
|
|
<span><strong><a href="5.html#activitate" class="hover:text-blue-600 transition-colors">Aplicatii Specifice sistemului ROA</a></strong></span>
|
|
</li>
|
|
</ul>
|
|
<div class="flex justify-end">
|
|
<a href="5.html" class="professional-btn-secondary">Mai multe</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Advantages 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="trending-up" class="w-6 h-6 mr-3 text-blue-600"></i>
|
|
<a href="4.html" class="hover:text-blue-600 transition-colors">Avantaje</a>
|
|
</h2>
|
|
<p class="professional-text-secondary leading-relaxed mb-6">
|
|
Aplicatiile <strong>ROA</strong> isi partajeaza perfect problematica ridicata de gestionarea si conducerea unei companii, din cele mai diferite domenii de activitate si fara a acoperi in mod redundant aceeasi problema.
|
|
</p>
|
|
<div class="flex justify-end">
|
|
<a href="4.html" class="professional-btn-secondary">Mai multe</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>
|
|
|
|
<!-- Support Card -->
|
|
<div class="professional-card p-6 text-center">
|
|
<h3 class="text-lg font-semibold mb-4 professional-text-primary">Suport tehnic</h3>
|
|
<a href="../menu/roa-suport-tehnic.html" class="professional-btn-secondary w-full">
|
|
<i data-lucide="headphones" class="w-4 h-4 mr-2"></i>
|
|
Suport ROA
|
|
</a>
|
|
</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> |