romfast/romfast-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Convert remaining 23 HTML files to professional theme

Browse Source 
- 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>
This commit is contained in:
Marius Mutu
2025-08-18 09:11:59 +03:00
parent 183be7bb3f
commit efec538ae7
23 changed files with 6116 additions and 4858 deletions
Download Patch File Download Diff File Expand all files Collapse all files

531
roa/2.html
View File

@@ -1,270 +1,265 @@
<?xml version="1.0" encoding="UTF-8"?><!-- ... IE7 in quirks mode ... -->
<!DOCTYPE html>
<html lang="ro">
<head>
<title>ROA - Sistem Informatic ERP</title>
<meta http-equiv=Content-Type content="text/html; charset=UTF-8">
<base>
<META http-equiv="cache-control" content="">
<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">
<meta name="title" content="ROA - Sistem Informatic ERP. Program de Contabilitate."/>
<meta name="author" content="S.C. Romfast S.R.L."/>
<meta name="copyright" content="Copyright - S.C. Romfast S.R.L."/>
<meta name="revisit-after" content="3 days"/>
<meta name="distribution" content="GLOBAL"/>
<meta name="googlebot" content="index, follow, all"/>
<meta name="robots" content="index, follow, all"/>
<meta name="rating" content="General"/>
<meta name="MSSmartTagsPreventParsing" content="TRUE"/>
<LINK href="../style.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="../js/definePosition.js"></script>
<link rel="stylesheet" type="text/css" href="../js/ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="../js/ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="../js/ddlevelsfiles/ddlevelsmenu-sidebar.css" />
<script type="text/javascript" src="../js/ddlevelsfiles/ddlevelsmenu.js">
/***********************************************
* All Levels Navigational Menu- (c) Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
</head>
<body>
<table style="width:100%" cellpadding="0" cellspacing="0">
<tr>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0"><tr>
<td class="tall_template_bottom"></td>
<td>
<table style="width:100%" cellpadding="0" cellspacing="0">
<tr>
<td class="header_bottom">
<table cellpadding="0" cellspacing="0">
<tr>
<td width="921" colspan="2" class="bottom_header">
<table width="625" align="center">
<tr>
<td>
<div class="top_slogan2">
<div class="indent_top_slogan2">
<img src="../images/logotype/logotype_file/manute.png" alt="Sisteme informatice ERP" width="145" height="120"/>
</div>
</div >
</td>
<td width="403"> <div class="top_slogan">
<div class="indent_top_slogan"><img src="../images/company_name/f4a0e7ba2d1968b.png" alt="Romfast" width="200" height="31" /></div>
</div>
<div class="bottom_slogan">
<div class="indent_bottom_slogan">
<img src="../images/slogan/119a4edd7a91355.png" alt="Informatia in mainile tale" /></div> </div>
</tr>
</table>
<div class="header_width"></div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#08819C" class="content_menu">
<div class="menu">
<div id="ddtopmenubar" class="mattblackmenu">
<table cellpadding="0" cellspacing="0" style="width:100%;"><tr>
<td class="middle_header">
</td>
<td class="bg_button">
<a href='../index.html' >
Prima pagina </a>
</td>
<td class="bg_button">
<a href='../menu/desprenoi.html' >
Despre noi </a>
</td>
<td class="bg_button">
<a href=javascript:void(0) rel="ddsubmenu29">
Produse </a>
</td>
<td class="bg_button">
<a href=javascript:void(0) rel="ddsubmenu2">
Servicii </a>
</td>
<td class="bg_button">
<a href='../menu/referinte.html'>
Referinte </a>
</td>
<td class="bg_button">
<a href='../menu/angajari.html' >
Angajari </a>
</td>
<td class="bg_button">
<a href='../menu/contact.html' >
Contact </a>
</td>
<td class="bg_button">
<a href='../menu/preturicontafin.html' >
Preturi </a>
</td>
<td class="tall_menu_right"></td>
</tr></table>
</div>
<ul id="ddsubmenu29" class="ddsubmenustyle">
<li>
<a href='../roa/2.html'>
ROA </a>
</li>
<li>
<a href='../contafin/2.html'>
CONTAFIN </a>
</li>
</ul>
<ul id="ddsubmenu2" class="ddsubmenustyle">
<li>
<a href='../menu/analiza.html'>
Analiza </a>
</li>
<li>
<a href='../menu/implementare.html'>
Implementare </a>
</li>
<li>
<a href='../menu/roa-suport-tehnic.html'>
Suport tehnic ROA </a>
</li>
<li>
<a href='../menu/contafin-suport-tehnic.html'>
Suport tehnic CONTAFIN </a>
</li>
<li>
<a href='../menu/alteservicii.html'>
Alte servicii </a>
</li>
</ul>
<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar")
</script>
</div>
</td>
</tr>
<tr>
<td class="content_top"> <table cellpadding="0" cellspacing="0" class="content">
<tr>
<td class="left_column_sub1">
<div class="doubleHeaderDiv">
<p><a href="../index.html">Home</a></p>
<p>&nbsp;</p>
<img src="images/roaromfastapplications.png" width="304" height="29" alt="ROA - romfast applications" /> <br/>
</div>
<div class="blockLeftContent">
<p><a href="../servicii/acceseazaroaonline.html"><img style="border: 1px solid #dadada; margin: 5px 10px; float: left;" title="ROA" src="images/roapac.gif" alt="ROA" /></a><strong>ROA este un sistem informatic complex destinat companiilor medii si mari.</strong></p>
<p>&nbsp;</p>
<h3><strong><a href="3.html">Specificatii</a></strong><strong></strong></h3>
<p>&nbsp;</p>
<p>
<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>&nbsp;</p>
<p>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 &quot;modalitatea de a pune in ordine informatiile din cadrul companiei.&quot;
<div style="float:right"><div class="more"><a href="3.html">mai multe</a></div></div>
<hr/>
</p>
<p>&nbsp;</p>
<h3><strong><a href="5.html">Aplicatii ROA</a></strong></h3>
<p>&nbsp;</p>
<p> 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>&nbsp;</p>
<p><strong>ROA</strong> cuprinde mai multe aplicatii in care fluxurile economice sunt aprofundate separat:</p>
<p>&nbsp;</p>
<ul>
<li><strong><a href="5.html#contabilitate">Managementul Financiar-Contabil</a></strong><a href="5.html">;</a></li>
<li><strong><a href="5.html#salarii">Managementul Resurselor Umane</a></strong>;</li>
<li><strong><a href="5.html#imobilizari">Managementul Imobilizarilor si Obiectelor de Inventar</a></strong>;</li>
<li><strong><a href="5.html#gestiuni">Managementul Stocurilor </a></strong></li>
<li><strong><a href="5.html#furnizori">Managementul Relatiilor cu Furnizorii</a></strong>;</li>
<li><strong><a href="5.html#clienti">Managementul Relatiilor cu Clientii</a></strong>;</li>
<li><strong><a href="5.html#analiza">Analiza globala a Companiei</a></strong>;</li>
<li><strong><a href="5.html#activitate">Aplicatii Specifice sistemului ROA</a></strong></li>
</ul>
<p><div style="float:right"><div class="more"><a href="5.html">mai multe</a></div></div> &nbsp;</p>
<hr/>
<h3><strong><a href="4.html">Avantaje</a></strong> </h3>
<p>&nbsp;</p>
<p>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.
<img src="../images/spacer.gif" width="1px" height="1px" alt="" style="height:1px; width:700px" /></p>
<p><br/><div style="float:right"><div class="more"><a href="4.html">mai multe</a></div></div>
</p>
<p>&nbsp;</p>
<hr/>
<p>
<p>
<p>
<div style="float:right"><!--unsearchable--><div class='backLink'><a onclick='javascript:history.back();'>Inapoi</a></div><!--unsearchable--></div>
<p>&nbsp;</p>
</div>
</p>
</td>
<td class="right_column_sub1">
<div class="inner_right_sub1">
<!--start content of pages_texts content --> <div>
<div class='blockLeftContent'>
<p>&nbsp;</p>
<p><strong><a href="../servicii/acceseazaroaonline.html">Acceseaza online ROA!</a></strong></p>
<p>&nbsp;</p>
<p><a href="../servicii/acceseazaroaonline.html"><img src="../roa/images/roapac.gif" alt="Acceseaza ROA" width="110" height="142" align="texttop" /></a></p>
<p>&nbsp;</p>
<p><span id="body_text">Pentru conectarea la serverul ROA DEMO folositi <strong>Internet Explorer.</strong></span></p>
<p>&nbsp;</p>
<hr/>
<p>&nbsp;</p>
<p><a href="../menu/roa-suport-tehnic.html"><strong>Suport tehnic ROA</strong></a></p>
<p>&nbsp;</p>
<hr/>
<p>&nbsp;</p>
<p style="text-align: center;">&nbsp;</p></div>
<br /><br />
</div>
<!--end content of pages_texts content -->
<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>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="footer">
<div class="inner_footer">
<p>Copyright 2018 &copy; <strong>Romfast SRL</strong>.</p>
</div>
</td>
</tr>
</table>
</td>
<td class="tall_template_bottom">&nbsp;</td>
</tr></table>
</td>
</tr>
</table>
</body>
</html>
<!-- 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 &copy; 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>