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>
314 lines
20 KiB
HTML
314 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 - 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 Navigation -->
|
|
<nav class="mb-8">
|
|
<div class="flex items-center space-x-2 text-sm text-gray-600">
|
|
<a href="../index.html" class="hover:text-blue-600 transition-colors">Home</a>
|
|
<i data-lucide="chevron-right" class="w-4 h-4"></i>
|
|
<a href="2.html" class="hover:text-blue-600 transition-colors">ROA - Romfast Applications</a>
|
|
<i data-lucide="chevron-right" class="w-4 h-4"></i>
|
|
<span class="text-gray-400">Aplicații ROA</span>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero Section -->
|
|
<section class="professional-hero text-center mb-12">
|
|
<div class="max-w-4xl mx-auto relative z-10">
|
|
<img src="images/aplicatiiroa.png" width="145" height="29" alt="Aplicatii ROA" class="mx-auto mb-6"/>
|
|
<h1 class="text-4xl md:text-5xl font-bold mb-6 professional-text-primary">
|
|
ROA - Aplicații ERP Complete
|
|
</h1>
|
|
<p class="text-xl professional-text-secondary mb-8 leading-relaxed">
|
|
Sistem informatic complex de tip ERP destinat companiilor medii și mari pentru
|
|
managementul complet al activității de afaceri.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ROA Applications Grid -->
|
|
<div class="grid lg:grid-cols-3 gap-8">
|
|
|
|
<!-- Main Content -->
|
|
<div class="lg:col-span-2 space-y-8">
|
|
|
|
<!-- Analiza globala a companiei -->
|
|
<div class="professional-card p-8">
|
|
<div class="flex items-start space-x-4 mb-6">
|
|
<img src="../images/grafic-bani.jpg" alt="Analiza globala" width="102" height="76" class="rounded-lg shadow-md flex-shrink-0"/>
|
|
<div>
|
|
<h3 class="text-2xl font-semibold mb-4 professional-text-primary">Analiza Globală a Companiei</h3>
|
|
<div class="space-y-2">
|
|
<p><a href="roa-manager.html" class="text-blue-600 hover:text-blue-800 font-medium">ROA Manager</a></p>
|
|
<p class="font-medium">ROA Situații operative</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Managementul Activitatii -->
|
|
<div class="professional-card p-8">
|
|
<div class="flex items-start space-x-4 mb-6">
|
|
<img src="../images/contact_us.JPG" alt="Management activitate" width="102" height="76" class="rounded-lg shadow-md flex-shrink-0"/>
|
|
<div class="flex-1">
|
|
<h3 class="text-2xl font-semibold mb-4 professional-text-primary">Managementul Activității</h3>
|
|
<p class="professional-text-secondary mb-6">Conține aplicații specifice fiecărei activități.</p>
|
|
<div class="grid md:grid-cols-2 gap-4">
|
|
<div class="space-y-2">
|
|
<p class="font-medium">ROA Retail & Distribuție</p>
|
|
<p><a href="roa-service-auto.html" class="text-blue-600 hover:text-blue-800 font-medium">ROA Service Auto</a></p>
|
|
<p class="font-medium">ROA Cablu & TV</p>
|
|
<p class="font-medium">ROA Producție</p>
|
|
</div>
|
|
<div class="space-y-2">
|
|
<p class="font-medium">ROA Servicii</p>
|
|
<p class="font-medium">ROA Restaurant</p>
|
|
<p class="font-medium">ROA Hotel</p>
|
|
<p class="professional-text-secondary">Alte tipuri de activități</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Managementul Financiar-Contabil -->
|
|
<div class="professional-card p-8">
|
|
<div class="flex items-start space-x-4 mb-6">
|
|
<img src="../images/product_we_offer.jpg" alt="Financiar contabilitate" width="103" height="76" class="rounded-lg shadow-md flex-shrink-0"/>
|
|
<div>
|
|
<h3 class="text-2xl font-semibold mb-4 professional-text-primary">Managementul Financiar-Contabil</h3>
|
|
<div class="space-y-2">
|
|
<p><a href="roa-financiar-contabilitate.html" class="text-blue-600 hover:text-blue-800 font-medium">ROA Financiar-Contabilitate</a></p>
|
|
<p><a href="roa-situatii-financiare.html" class="text-blue-600 hover:text-blue-800 font-medium">ROA Situații financiare</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Managementul Gestiunilor -->
|
|
<div class="professional-card p-8">
|
|
<div class="flex items-start space-x-4 mb-6">
|
|
<img src="../images/affiliate_4.gif" alt="Gestiuni" class="rounded-lg shadow-md flex-shrink-0"/>
|
|
<div>
|
|
<h3 class="text-2xl font-semibold mb-4 professional-text-primary">Managementul Gestiunilor</h3>
|
|
<div class="space-y-2">
|
|
<p><a href="roa-gestiune.html" class="text-blue-600 hover:text-blue-800 font-medium">ROA Gestiune generală</a></p>
|
|
<p class="font-medium">ROA Vânzare en-detail</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Managementul Imobilizarilor -->
|
|
<div class="professional-card p-8">
|
|
<div class="flex items-start space-x-4 mb-6">
|
|
<img src="images/Fixedassets250.jpg" alt="Imobilizari" width="78" height="73" class="rounded-lg shadow-md flex-shrink-0"/>
|
|
<div>
|
|
<h3 class="text-2xl font-semibold mb-4 professional-text-primary">Managementul Imobilizărilor</h3>
|
|
<div class="space-y-2">
|
|
<p><a href="roa-imobilizari.html" class="text-blue-600 hover:text-blue-800 font-medium">ROA Managementul imobilizărilor corporale, necorporale și în curs</a></p>
|
|
<p><a href="roa-obiecte-inventar.html" class="text-blue-600 hover:text-blue-800 font-medium">ROA Gestiunea obiectelor de inventar în folosință</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Managementul Resurselor Umane -->
|
|
<div class="professional-card p-8">
|
|
<div class="flex items-start space-x-4 mb-6">
|
|
<img src="../images/new_technology.jpg" alt="Resurse umane" width="102" height="76" class="rounded-lg shadow-md flex-shrink-0"/>
|
|
<div>
|
|
<h3 class="text-2xl font-semibold mb-4 professional-text-primary">Managementul Resurselor Umane</h3>
|
|
<div class="space-y-2">
|
|
<p><a href="roa-resurse-umane.html" class="text-blue-600 hover:text-blue-800 font-medium">ROA Resurse umane</a></p>
|
|
<p class="font-medium">ROA Salarizarea personalului</p>
|
|
<p class="font-medium">ROA Normarea muncii</p>
|
|
<p class="font-medium">ROA Declarații de salarii</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Managementul Relatiilor cu Clientii -->
|
|
<div class="professional-card p-8">
|
|
<div class="flex items-start space-x-4 mb-6">
|
|
<img src="../images/integration.jpg" alt="Relatii clienti" width="102" height="76" class="rounded-lg shadow-md flex-shrink-0"/>
|
|
<div>
|
|
<h3 class="text-2xl font-semibold mb-4 professional-text-primary">Managementul Relațiilor cu Clienții</h3>
|
|
<div class="space-y-2">
|
|
<p><a href="roa-contracte-clienti.html" class="text-blue-600 hover:text-blue-800 font-medium">ROA Contracte clienți</a></p>
|
|
<p><a href="roa-comenzi-clienti.html" class="text-blue-600 hover:text-blue-800 font-medium">ROA Comenzi clienți</a></p>
|
|
<p class="font-medium">ROA Ofertare</p>
|
|
<p><a href="roa-facturare.html" class="text-blue-600 hover:text-blue-800 font-medium">ROA Comercial facturare</a></p>
|
|
<p><a href="roa-politici-preturi.html" class="text-blue-600 hover:text-blue-800 font-medium">ROA Politici de prețuri și tarife</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Managementul Relatiilor cu Furnizorii -->
|
|
<div class="professional-card p-8">
|
|
<div class="flex items-start space-x-4 mb-6">
|
|
<img src="../images/news3.jpg" alt="Relatii furnizori" width="102" height="76" class="rounded-lg shadow-md flex-shrink-0"/>
|
|
<div>
|
|
<h3 class="text-2xl font-semibold mb-4 professional-text-primary">Managementul Relațiilor cu Furnizorii</h3>
|
|
<div class="space-y-2">
|
|
<p><a href="roa-contracte-furnizori.html" class="text-blue-600 hover:text-blue-800 font-medium">ROA Contracte furnizori</a></p>
|
|
<p class="font-medium">ROA Aprovizionare</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Sidebar -->
|
|
<div class="lg:col-span-1">
|
|
<div class="professional-card p-6 sticky top-24">
|
|
|
|
<!-- ROA Online Access -->
|
|
<div class="text-center mb-8">
|
|
<h3 class="text-lg font-semibold mb-4 professional-text-primary">Accesează ROA Online!</h3>
|
|
<a href="../servicii/acceseazaroaonline.html" class="block mb-4">
|
|
<img src="../roa/images/roapac.gif" alt="Acceseaza ROA" width="110" height="142" class="mx-auto rounded-lg shadow-md"/>
|
|
</a>
|
|
<p class="text-sm professional-text-secondary mb-4">Pentru conectarea la serverul ROA DEMO folosiți <strong>Internet Explorer.</strong></p>
|
|
<a href="../servicii/acceseazaroaonline.html" class="professional-btn-primary">
|
|
Accesează Demo
|
|
</a>
|
|
</div>
|
|
|
|
<hr class="border-gray-200 my-6">
|
|
|
|
<!-- Quick Links -->
|
|
<div class="space-y-4">
|
|
<a href="../menu/roa-suport-tehnic.html" class="block p-4 bg-blue-50 rounded-lg hover:bg-blue-100 transition-colors">
|
|
<h4 class="font-semibold text-blue-800">Suport tehnic ROA</h4>
|
|
</a>
|
|
|
|
<a href="3.html" class="block p-4 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors">
|
|
<h4 class="font-semibold professional-text-primary">Specificații ROA</h4>
|
|
</a>
|
|
|
|
<a href="4.html" class="block p-4 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors">
|
|
<h4 class="font-semibold professional-text-primary">Avantaje ROA</h4>
|
|
</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> |