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

redesign theme

Browse Source
This commit is contained in:
Claude Agent
2026-06-25 23:25:41 +00:00
parent 6d69e7ffc6
commit cb2d9178fb
29 changed files with 2421 additions and 2085 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
404.html
View File

@@ -21,45 +21,43 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<a href="/index.html"><img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"></a> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="/index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="/roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="/roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="/menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="/menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="/menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
@@ -67,22 +65,22 @@
</div> </div>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="/index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block 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> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="/roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">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/analiza.html" class="nav-link block 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/implementare.html" class="nav-link block 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/roa-suport-tehnic.html" class="nav-link block 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> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="/menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="/menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="/menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav> </nav>
@@ -144,28 +142,24 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="/images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2"> <div class="flex items-center justify-between gap-4 flex-wrap pt-5">
Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate. <span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
</p> <div class="flex flex-wrap gap-5">
<div class="flex flex-wrap justify-center gap-x-4 gap-y-2"> <a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
<a href="/menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a>
</div> </div>
</div> </div>
</div> </div>

104
chatbot.html
View File

@@ -20,46 +20,43 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<a href="roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
@@ -67,21 +64,22 @@
</div> </div>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block 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> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<p class="text-gray-600 font-medium text-sm">Servicii</p> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<a href="menu/analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a> <p class="eyebrow">Servicii</p>
<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/analiza.html" class="nav-link block py-1 text-sm">Analiza</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/implementare.html" class="nav-link block py-1 text-sm">Implementare</a>
<a href="menu/alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a> <a href="/menu/roa-suport-tehnic.html" class="nav-link block py-1 text-sm">Suport tehnic ROA</a>
<a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav> </nav>
@@ -101,11 +99,25 @@
</main> </main>
<!-- Professional Footer --> <!-- Professional Footer -->
<footer class="professional-navbar mt-16"> <footer class="site-footer">
<div class="container mx-auto px-4 py-8 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="text-white"> <!-- Aplicații online -->
<p class="mb-2">&copy; 2025 Romfast. Toate drepturile rezervate.</p> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-sm opacity-80">ROA - Romfast Applications - Sisteme informatice pentru managementul afacerii</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div>
</div> </div>
</div> </div>
</footer> </footer>

104
chatbot_maria.html
View File

@@ -366,46 +366,43 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<a href="roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
@@ -413,21 +410,22 @@
</div> </div>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block 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> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<p class="text-gray-600 font-medium text-sm">Servicii</p> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<a href="menu/analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a> <p class="eyebrow">Servicii</p>
<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/analiza.html" class="nav-link block py-1 text-sm">Analiza</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/implementare.html" class="nav-link block py-1 text-sm">Implementare</a>
<a href="menu/alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a> <a href="/menu/roa-suport-tehnic.html" class="nav-link block py-1 text-sm">Suport tehnic ROA</a>
<a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav> </nav>
@@ -447,11 +445,25 @@
</main> </main>
<!-- Professional Footer --> <!-- Professional Footer -->
<footer class="professional-navbar mt-16"> <footer class="site-footer">
<div class="container mx-auto px-4 py-8 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="text-white"> <!-- Aplicații online -->
<p class="mb-2">&copy; 2025 Romfast. Toate drepturile rezervate.</p> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-sm opacity-80">ROA - Romfast Applications - Sisteme informatice pentru managementul afacerii</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div>
</div> </div>
</div> </div>
</footer> </footer>

104
chatbot_maria2.html
View File

@@ -120,46 +120,43 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<a href="roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
@@ -167,21 +164,22 @@
</div> </div>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block 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> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<p class="text-gray-600 font-medium text-sm">Servicii</p> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<a href="menu/analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a> <p class="eyebrow">Servicii</p>
<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/analiza.html" class="nav-link block py-1 text-sm">Analiza</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/implementare.html" class="nav-link block py-1 text-sm">Implementare</a>
<a href="menu/alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a> <a href="/menu/roa-suport-tehnic.html" class="nav-link block py-1 text-sm">Suport tehnic ROA</a>
<a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav> </nav>
@@ -250,11 +248,25 @@
</main> </main>
<!-- Professional Footer --> <!-- Professional Footer -->
<footer class="professional-navbar mt-16"> <footer class="site-footer">
<div class="container mx-auto px-4 py-8 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="text-white"> <!-- Aplicații online -->
<p class="mb-2">&copy; 2025 Romfast. Toate drepturile rezervate.</p> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-sm opacity-80">ROA - Romfast Applications - Sisteme informatice pentru managementul afacerii</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div>
</div> </div>
</div> </div>
</footer> </footer>

449
index.html
View File

@@ -13,53 +13,49 @@
<script src="https://cdn.jsdelivr.net/npm/flowbite@2.0.0/dist/flowbite.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/flowbite@2.0.0/dist/flowbite.min.js"></script>
<!-- Lucide Icons --> <!-- Lucide Icons -->
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
<!-- Google Fonts --> <!-- Professional Theme CSS (fonts imported here) -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&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"> <link href="professional-theme.css" rel="stylesheet">
</head> </head>
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- ============ STICKY NAV ============ -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
@@ -67,254 +63,211 @@
</div> </div>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block 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> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">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/analiza.html" class="nav-link block 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/implementare.html" class="nav-link block 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/roa-suport-tehnic.html" class="nav-link block 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> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav> </nav>
</header> </header>
<!-- Main Content Container --> <main>
<main class="container mx-auto px-4 py-8 max-w-7xl"> <!-- ============ HERO (full-bleed) ============ -->
<!-- Soft Professional Blue Hero Section -->
<section class="professional-hero text-center"> <section class="professional-hero text-center">
<div class="max-w-4xl mx-auto relative z-10"> <div data-reveal data-i="0" class="max-w-4xl mx-auto">
<div class="mb-4"> <span class="pill-badge">ROA — Romfast Applications</span>
<span class="inline-block px-4 py-1 rounded-full text-sm font-semibold" style="background:#e8f4f7; color:#08819c; border:1px solid #b3d9e6;">ROA &mdash; Romfast Applications</span> <h1 class="hero-title">
</div> ERP românesc și programe specializate pe industrii,
<h1 class="text-4xl md:text-5xl font-bold mb-6 max-w-3xl mx-auto leading-tight" style="color: #1e293b; letter-spacing: -0.02em"> <span class="accent">cu validări care dau siguranță</span> la închiderea lunii.
ERP românesc și programe specializate pe industrii —<br>
<span style="color: #5288c4">cu validări și corelații care dau siguranță</span><br>
pentru închiderea lunii.
</h1> </h1>
<p class="text-xl professional-text-secondary mb-8 leading-relaxed max-w-2xl mx-auto"> <p class="hero-sub">
Dezvoltat și menținut de aceeași echipă. Dezvoltat și menținut de aceeași echipă.
<strong>Răspundem chiar noi</strong>, fără intermediari, fără implementatori — inclusiv pentru integrări și automatizări particulare. <strong>Răspundem chiar noi</strong>, fără intermediari — inclusiv pentru integrări și automatizări particulare.
</p> </p>
<div class="flex flex-col sm:flex-row gap-4 justify-center"> <div class="flex flex-wrap gap-3.5 items-center justify-center mt-8">
<a href="roa/cum-arata-roa.html" class="professional-btn-primary"> <a href="roa/cum-arata-roa.html" class="btn-solid">Vezi cum arată ROA</a>
Vezi cum arată ROA <a href="tel:+40723197939" class="btn-ghost">Sună direct: 0723 197 939</a>
</a>
<a href="tel:+40723197939" class="professional-btn-secondary">
Sună-ne direct: 0723 197 939
</a>
</div> </div>
</div> </div>
</section> </section>
<!-- Badge Strip — 3 Diferențiatoare Cheie --> <!-- ============ 3 DIFERENȚIATOARE ============ -->
<section class="border-y border-gray-200 bg-white py-10 px-4 mb-12"> <section class="max-w-6xl mx-auto px-4 lg:px-10 pt-2 pb-20">
<div class="max-w-4xl mx-auto grid sm:grid-cols-3 gap-6"> <div class="grid sm:grid-cols-3 gap-5">
<div class="flex items-start gap-4 p-6 rounded-xl bg-gray-50 border border-gray-200"> <div data-reveal data-i="0" class="feature-card">
<div class="w-11 h-11 rounded-full flex items-center justify-center flex-shrink-0 mt-1" style="background-color: #5288c4"> <span class="feature-icon">
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="1.7"><path d="M12 3l7 3v5c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6l7-3z"></path><path d="M9 12l2 2 4-4"></path></svg>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/> </span>
</svg> <span class="flex flex-col gap-1.5">
<span class="feature-title">Siguranță la închideri</span>
<span class="feature-desc">Validări automate, audit trail și solduri preluate corect lunar.</span>
</span>
</div> </div>
<div data-reveal data-i="1" class="feature-card">
<span class="feature-icon">
<svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="1.7"><path d="M21 11.5a8.38 8.38 0 0 1-9 8.34 9.6 9.6 0 0 1-4-.92L3 20l1.08-3.24A8.34 8.34 0 0 1 3 11.5 8.5 8.5 0 0 1 12 3a8.5 8.5 0 0 1 9 8.5z"></path></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Suport direct, neintermediat</span>
<span class="feature-desc">Fără tichete și escaladări — răspundem chiar noi la fiecare problemă.</span>
</span>
</div>
<div data-reveal data-i="2" class="feature-card is-accent">
<span class="feature-icon is-accent">
<svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="1.7"><path d="M14.7 6.3a4 4 0 0 0-5.4 5.4l-6 6V21h3.3l6-6a4 4 0 0 0 5.4-5.4l-2.3 2.3-2-2 2.3-2.3z"></path></svg>
</span>
<span class="flex flex-col gap-1.5">
<span class="feature-title">Cazuri particulare rezolvate</span>
<span class="feature-desc">Integrări și automatizări la cerere — facem ce alte software-uri refuză.</span>
</span>
</div>
</div>
</section>
<!-- ============ MODULE ROA ============ -->
<section class="max-w-6xl mx-auto px-4 lg:px-10 pb-20">
<div data-reveal data-i="0" class="flex items-end justify-between gap-6 mb-6">
<div> <div>
<h3 class="font-semibold text-base mb-1 professional-text-primary">Siguranță la închideri</h3> <div class="eyebrow mb-3">Zece module, un singur sistem</div>
<p class="text-sm leading-relaxed professional-text-secondary">Validări automate, audit trail, solduri preluate corect de la o lună la alta</p> <h2 class="text-3xl md:text-4xl m-0">Module ROA</h2>
</div>
</div>
<div class="flex items-start gap-4 p-6 rounded-xl bg-gray-50 border border-gray-200">
<div class="w-11 h-11 rounded-full flex items-center justify-center flex-shrink-0 mt-1" style="background-color: #5288c4">
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/>
</svg>
</div>
<div>
<h3 class="font-semibold text-base mb-1 professional-text-primary">Suport direct, neintermediat</h3>
<p class="text-sm leading-relaxed professional-text-secondary">Fără tichete și escaladări — răspundem chiar noi la fiecare problemă</p>
</div>
</div>
<div class="flex items-start gap-4 p-6 rounded-xl border" style="background-color: #fff5f5; border-color: #fed7d7">
<div class="w-11 h-11 rounded-full flex items-center justify-center flex-shrink-0 mt-1" style="background-color: #b85555">
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
</svg>
</div>
<div>
<h3 class="font-semibold text-base mb-1 professional-text-primary">Cazuri particulare rezolvate</h3>
<p class="text-sm leading-relaxed professional-text-secondary">Integrări și automatizări la cerere — facem ce alte software-uri refuză</p>
</div> </div>
<a href="roa/aplicatii-erp.html" class="link-arrow whitespace-nowrap">Vezi toate →</a>
</div> </div>
<div data-reveal data-i="1" class="module-grid">
<a href="roa/roa-financiar-contabilitate.html" class="module-row">
<span class="module-num">01</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Contabilitate</span>
<span class="module-desc">Financiară completă, cu validări automate.</span>
</span>
<span class="module-arrow">→</span>
</a>
<a href="roa/roa-gestiune.html" class="module-row">
<span class="module-num">02</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Gestiune</span>
<span class="module-desc">Stocuri și depozite, trasabilitate pe loturi.</span>
</span>
<span class="module-arrow">→</span>
</a>
<a href="roa/roa-imobilizari.html" class="module-row">
<span class="module-num">03</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Imobilizări</span>
<span class="module-desc">Mijloace fixe, amortizare, reevaluare IFRS.</span>
</span>
<span class="module-arrow">→</span>
</a>
<a href="roa/roa-facturare.html" class="module-row">
<span class="module-num">04</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Facturare</span>
<span class="module-desc">Facturi, avize, chitanțe înregistrate automat.</span>
</span>
<span class="module-arrow">→</span>
</a>
<a href="roa/roa-comenzi-clienti.html" class="module-row">
<span class="module-num">05</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Comenzi clienți</span>
<span class="module-desc">De la ofertă la livrare și facturare.</span>
</span>
<span class="module-arrow">→</span>
</a>
<a href="roa/roa-contracte-clienti.html" class="module-row">
<span class="module-num">06</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Contracte</span>
<span class="module-desc">Termene, valori și facturare periodică.</span>
</span>
<span class="module-arrow">→</span>
</a>
<a href="roa/roa-situatii-financiare.html" class="module-row">
<span class="module-num">07</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Situații financiare</span>
<span class="module-desc">Bilanț, P&amp;L și note generate automat.</span>
</span>
<span class="module-arrow">→</span>
</a>
<a href="roa/roa-aplicatii-specifice.html" class="module-row">
<span class="module-num">08</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Producție</span>
<span class="module-desc">Planificare, consumuri și costuri de fabricație.</span>
</span>
<span class="module-arrow">→</span>
</a>
<a href="roa/roa-service-auto.html" class="module-row">
<span class="module-num">09</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Service auto</span>
<span class="module-desc">Facturare, piese și devize — integrat.</span>
</span>
<span class="module-arrow">→</span>
</a>
<a href="roa/roa-proiecte-devize.html" class="module-row">
<span class="module-num">10</span>
<span class="flex flex-col gap-0.5">
<span class="module-name">Analiză proiecte</span>
<span class="module-desc">Devize și costuri pe lucrări de construcții.</span>
</span>
<span class="module-arrow">→</span>
</a>
</div> </div>
</section> </section>
<!-- Module ROA Carousel --> <!-- ============ SUPORT TEHNIC (compact) ============ -->
<section class="mb-16"> <section class="professional-support" style="padding-top:28px; padding-bottom:8px;">
<div class="flex items-center justify-between mb-6"> <div class="max-w-6xl mx-auto px-4 lg:px-10">
<h2 class="text-3xl font-bold professional-text-primary">Module ROA</h2> <div class="flex flex-wrap gap-3 justify-start">
<a href="roa/aplicatii-erp.html" class="text-sm font-medium" style="color: #5288c4">Vezi toate →</a> <a href="romfastsuport/files/romfast_suport.exe" class="professional-support-card inline-flex items-center gap-3" style="padding:14px 20px;">
</div> <span class="feature-title text-base">Romfast Suport</span>
<div class="relative"> <span class="link-arrow text-sm whitespace-nowrap">Descarcă ↓</span>
<div class="absolute right-0 top-0 bottom-4 w-20 pointer-events-none z-10" style="background: linear-gradient(to right, transparent, white);"></div>
<div class="flex overflow-x-auto gap-4 pb-4" style="scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #08819c #f1f5f9;">
<!-- Contabilitate -->
<div class="flex-shrink-0 w-56 professional-card p-5 flex flex-col" style="scroll-snap-align: start;">
<div class="w-10 h-10 rounded-lg flex items-center justify-center mb-3" style="background-color: #5288c4">
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 11h.01M12 11h.01M15 11h.01M4 19h16a2 2 0 002-2V7a2 2 0 00-2-2H4a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
</div>
<h3 class="font-semibold text-base mb-2 professional-text-primary">Contabilitate</h3>
<p class="text-sm professional-text-secondary leading-relaxed flex-grow">Contabilitate financiară completă cu validări automate și solduri corecte lunar.</p>
<a href="roa/roa-financiar-contabilitate.html" class="text-sm font-medium mt-3 block" style="color: #5288c4">Afla mai mult →</a>
</div>
<!-- Gestiune -->
<div class="flex-shrink-0 w-56 professional-card p-5 flex flex-col" style="scroll-snap-align: start;">
<div class="w-10 h-10 rounded-lg flex items-center justify-center mb-3" style="background-color: #5288c4">
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"/></svg>
</div>
<h3 class="font-semibold text-base mb-2 professional-text-primary">Gestiune</h3>
<p class="text-sm professional-text-secondary leading-relaxed flex-grow">Gestiunea stocurilor și depozitelor cu trasabilitate completă pe loturi și serii.</p>
<a href="roa/roa-gestiune.html" class="text-sm font-medium mt-3 block" style="color: #5288c4">Afla mai mult →</a>
</div>
<!-- Imobilizări -->
<div class="flex-shrink-0 w-56 professional-card p-5 flex flex-col" style="scroll-snap-align: start;">
<div class="w-10 h-10 rounded-lg flex items-center justify-center mb-3" style="background-color: #5288c4">
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
</div>
<h3 class="font-semibold text-base mb-2 professional-text-primary">Imobilizări</h3>
<p class="text-sm professional-text-secondary leading-relaxed flex-grow">Evidența mijloacelor fixe, amortizare automată și reevaluare conform IFRS.</p>
<a href="roa/roa-imobilizari.html" class="text-sm font-medium mt-3 block" style="color: #5288c4">Afla mai mult →</a>
</div>
<!-- Facturare -->
<div class="flex-shrink-0 w-56 professional-card p-5 flex flex-col" style="scroll-snap-align: start;">
<div class="w-10 h-10 rounded-lg flex items-center justify-center mb-3" style="background-color: #5288c4">
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
</div>
<h3 class="font-semibold text-base mb-2 professional-text-primary">Facturare</h3>
<p class="text-sm professional-text-secondary leading-relaxed flex-grow">Emitere facturi, avize și chitanțe cu înregistrare automată în contabilitate.</p>
<a href="roa/roa-facturare.html" class="text-sm font-medium mt-3 block" style="color: #5288c4">Afla mai mult →</a>
</div>
<!-- Comenzi -->
<div class="flex-shrink-0 w-56 professional-card p-5 flex flex-col" style="scroll-snap-align: start;">
<div class="w-10 h-10 rounded-lg flex items-center justify-center mb-3" style="background-color: #5288c4">
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/></svg>
</div>
<h3 class="font-semibold text-base mb-2 professional-text-primary">Comenzi</h3>
<p class="text-sm professional-text-secondary leading-relaxed flex-grow">Comenzi clienți cu urmărire de la ofertă până la livrare și facturare.</p>
<a href="roa/roa-comenzi-clienti.html" class="text-sm font-medium mt-3 block" style="color: #5288c4">Afla mai mult →</a>
</div>
<!-- Contracte -->
<div class="flex-shrink-0 w-56 professional-card p-5 flex flex-col" style="scroll-snap-align: start;">
<div class="w-10 h-10 rounded-lg flex items-center justify-center mb-3" style="background-color: #5288c4">
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"/></svg>
</div>
<h3 class="font-semibold text-base mb-2 professional-text-primary">Contracte</h3>
<p class="text-sm professional-text-secondary leading-relaxed flex-grow">Gestiunea contractelor cu urmărirea termenelor, valorilor și facturării periodice.</p>
<a href="roa/roa-contracte-clienti.html" class="text-sm font-medium mt-3 block" style="color: #5288c4">Afla mai mult →</a>
</div>
<!-- Situații Financiare -->
<div class="flex-shrink-0 w-56 professional-card p-5 flex flex-col" style="scroll-snap-align: start;">
<div class="w-10 h-10 rounded-lg flex items-center justify-center mb-3" style="background-color: #5288c4">
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"/></svg>
</div>
<h3 class="font-semibold text-base mb-2 professional-text-primary">Situații Financiare</h3>
<p class="text-sm professional-text-secondary leading-relaxed flex-grow">Bilanț, cont de profit și pierdere, note explicative generate automat.</p>
<a href="roa/roa-situatii-financiare.html" class="text-sm font-medium mt-3 block" style="color: #5288c4">Afla mai mult →</a>
</div>
<!-- Producție -->
<div class="flex-shrink-0 w-56 professional-card p-5 flex flex-col" style="scroll-snap-align: start;">
<div class="w-10 h-10 rounded-lg flex items-center justify-center mb-3" style="background-color: #5288c4">
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
</div>
<h3 class="font-semibold text-base mb-2 professional-text-primary">Producție</h3>
<p class="text-sm professional-text-secondary leading-relaxed flex-grow">Planificarea producției, consumuri de materiale și costuri de fabricație.</p>
<a href="roa/roa-aplicatii-specifice.html" class="text-sm font-medium mt-3 block" style="color: #5288c4">Afla mai mult →</a>
</div>
<!-- Service Auto -->
<div class="flex-shrink-0 w-56 professional-card p-5 flex flex-col" style="scroll-snap-align: start;">
<div class="w-10 h-10 rounded-lg flex items-center justify-center mb-3" style="background-color: #b85555">
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
</div>
<h3 class="font-semibold text-base mb-2 professional-text-primary">Service Auto</h3>
<p class="text-sm professional-text-secondary leading-relaxed flex-grow">Service auto integrat cu contabilitate, facturare, gestiune piese și devize.</p>
<a href="roa/roa-service-auto.html" class="text-sm font-medium mt-3 block" style="color: var(--accent-color)">Afla mai mult →</a>
</div>
<!-- Analiză Proiecte și Lucrări -->
<div class="flex-shrink-0 w-56 professional-card p-5 flex flex-col" style="scroll-snap-align: start; margin-right: 4rem;">
<div class="w-10 h-10 rounded-lg flex items-center justify-center mb-3" style="background-color: #b85555">
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z"/></svg>
</div>
<h3 class="font-semibold text-base mb-2 professional-text-primary">Analiză Proiecte și Lucrări</h3>
<p class="text-sm professional-text-secondary leading-relaxed flex-grow">Devize, proiecte de construcții și analiză costuri pe lucrări și oferte.</p>
<a href="roa/roa-proiecte-devize.html" class="text-sm font-medium mt-3 block" style="color: var(--accent-color)">Afla mai mult →</a>
</div>
</div>
</div>
</section>
<!-- Professional Support Tools Section -->
<section class="professional-support text-center mb-16">
<h2 class="text-2xl font-bold mb-8 professional-text-primary">Suport Tehnic</h2>
<div class="grid sm:grid-cols-3 gap-6">
<div class="professional-support-card">
<h3 class="font-semibold mb-3 professional-text-primary">ROA Desk</h3>
<a href="romfastsuport/files/roadesk.exe" target="_blank" class="professional-btn-secondary">
Descarca
</a> </a>
</div> <a href="http://www.ammyy.com/en/" target="_blank" class="professional-support-card inline-flex items-center gap-3" style="padding:14px 20px;">
<div class="professional-support-card"> <span class="feature-title text-base">Ammyy Admin</span>
<h3 class="font-semibold mb-3 professional-text-primary">Romfast Suport</h3> <span class="link-arrow text-sm whitespace-nowrap">Accesează →</span>
<a href="romfastsuport/files/romfast_suport.exe" class="professional-btn-secondary">
Descarca
</a>
</div>
<div class="professional-support-card">
<h3 class="font-semibold mb-3 professional-text-primary">Ammyy Admin</h3>
<a href="http://www.ammyy.com/en/" target="_blank" class="professional-btn-secondary">
Acceseaza
</a> </a>
</div> </div>
</div> </div>
</section> </section>
</main> </main>
<!-- Professional Footer --> <!-- ============ 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

115
menu/alteservicii.html
View File

@@ -21,70 +21,69 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a> <a href="/index.html" class="nav-link">Prima pagina</a>
<a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="../roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link text-blue-200"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<a href="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/analiza.html" class="block px-4 py-3">Analiza</a>
<a href="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a> <a href="/menu/implementare.html" class="block px-4 py-3">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="block px-4 py-3">Suport tehnic ROA</a>
<a href="alteservicii.html" class="block px-4 py-3 bg-blue-50 text-blue-800 rounded-b-lg font-medium">Alte servicii</a> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
</div> </div>
</div> </div>
</nav>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block py-2">Prima pagina</a>
<a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link block 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> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">Servicii</p>
<a href="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a> <a href="/menu/analiza.html" class="nav-link block py-1 text-sm">Analiza</a>
<a href="implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a> <a href="/menu/implementare.html" class="nav-link block py-1 text-sm">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="nav-link block py-1 text-sm">Suport tehnic ROA</a>
<a href="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav>
</header> </header>
<!-- Main Content Container --> <!-- Main Content Container -->
@@ -202,22 +201,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

115
menu/analiza.html
View File

@@ -21,70 +21,69 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a> <a href="/index.html" class="nav-link">Prima pagina</a>
<a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="../roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<a href="analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg bg-blue-50 text-blue-800 font-semibold">Analiza</a> <a href="/menu/analiza.html" class="block px-4 py-3">Analiza</a>
<a href="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a> <a href="/menu/implementare.html" class="block px-4 py-3">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="block px-4 py-3">Suport tehnic ROA</a>
<a href="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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
</div> </div>
</div> </div>
</nav>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block py-2">Prima pagina</a>
<a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link block 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> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">Servicii</p>
<a href="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a> <a href="/menu/analiza.html" class="nav-link block py-1 text-sm">Analiza</a>
<a href="implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a> <a href="/menu/implementare.html" class="nav-link block py-1 text-sm">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="nav-link block py-1 text-sm">Suport tehnic ROA</a>
<a href="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav>
</header> </header>
<!-- Main Content Container --> <!-- Main Content Container -->
@@ -269,22 +268,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

115
menu/angajari.html
View File

@@ -22,70 +22,69 @@
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a> <a href="/index.html" class="nav-link">Prima pagina</a>
<a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="../roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<a href="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/analiza.html" class="block px-4 py-3">Analiza</a>
<a href="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a> <a href="/menu/implementare.html" class="block px-4 py-3">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="block px-4 py-3">Suport tehnic ROA</a>
<a href="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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link font-semibold">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
</div> </div>
</div> </div>
</nav>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block py-2">Prima pagina</a>
<a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link block 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> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">Servicii</p>
<a href="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a> <a href="/menu/analiza.html" class="nav-link block py-1 text-sm">Analiza</a>
<a href="implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a> <a href="/menu/implementare.html" class="nav-link block py-1 text-sm">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="nav-link block py-1 text-sm">Suport tehnic ROA</a>
<a href="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav>
</header> </header>
<!-- Main Content Container --> <!-- Main Content Container -->
@@ -192,22 +191,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

115
menu/contact.html
View File

@@ -22,70 +22,69 @@
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors nav-link">Prima pagina</a> <a href="/index.html" class="nav-link">Prima pagina</a>
<a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="../roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<a href="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/analiza.html" class="block px-4 py-3">Analiza</a>
<a href="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a> <a href="/menu/implementare.html" class="block px-4 py-3">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="block px-4 py-3">Suport tehnic ROA</a>
<a href="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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link font-semibold">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
</div> </div>
</div> </div>
</nav>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block py-2">Prima pagina</a>
<a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link block 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> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">Servicii</p>
<a href="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a> <a href="/menu/analiza.html" class="nav-link block py-1 text-sm">Analiza</a>
<a href="implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a> <a href="/menu/implementare.html" class="nav-link block py-1 text-sm">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="nav-link block py-1 text-sm">Suport tehnic ROA</a>
<a href="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav>
</header> </header>
<!-- Main Content Container --> <!-- Main Content Container -->
@@ -213,22 +212,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

115
menu/desprenoi.html
View File

@@ -21,70 +21,69 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a> <a href="/index.html" class="nav-link">Prima pagina</a>
<a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link font-semibold">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="../roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<a href="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/analiza.html" class="block px-4 py-3">Analiza</a>
<a href="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a> <a href="/menu/implementare.html" class="block px-4 py-3">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="block px-4 py-3">Suport tehnic ROA</a>
<a href="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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
</div> </div>
</div> </div>
</nav>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block py-2">Prima pagina</a>
<a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link block 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> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">Servicii</p>
<a href="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a> <a href="/menu/analiza.html" class="nav-link block py-1 text-sm">Analiza</a>
<a href="implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a> <a href="/menu/implementare.html" class="nav-link block py-1 text-sm">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="nav-link block py-1 text-sm">Suport tehnic ROA</a>
<a href="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav>
</header> </header>
<!-- Main Content Container --> <!-- Main Content Container -->
@@ -240,22 +239,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

115
menu/implementare.html
View File

@@ -21,70 +21,69 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a> <a href="/index.html" class="nav-link">Prima pagina</a>
<a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="../roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<a href="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/analiza.html" class="block px-4 py-3">Analiza</a>
<a href="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 bg-blue-50 font-medium">Implementare</a> <a href="/menu/implementare.html" class="block px-4 py-3">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="block px-4 py-3">Suport tehnic ROA</a>
<a href="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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
</div> </div>
</div> </div>
</nav>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block py-2">Prima pagina</a>
<a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link block 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> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">Servicii</p>
<a href="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a> <a href="/menu/analiza.html" class="nav-link block py-1 text-sm">Analiza</a>
<a href="implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a> <a href="/menu/implementare.html" class="nav-link block py-1 text-sm">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="nav-link block py-1 text-sm">Suport tehnic ROA</a>
<a href="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav>
</header> </header>
<!-- Main Content Container --> <!-- Main Content Container -->
@@ -308,22 +307,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

112
menu/politica-confidentialitate.html
View File

@@ -21,45 +21,43 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors nav-link">Prima pagina</a> <a href="/index.html" class="nav-link">Prima pagina</a>
<a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="../roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<a href="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/analiza.html" class="block px-4 py-3">Analiza</a>
<a href="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a> <a href="/menu/implementare.html" class="block px-4 py-3">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="block px-4 py-3">Suport tehnic ROA</a>
<a href="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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
@@ -67,22 +65,22 @@
</div> </div>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block py-2">Prima pagina</a>
<a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link block 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> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">Servicii</p>
<a href="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a> <a href="/menu/analiza.html" class="nav-link block py-1 text-sm">Analiza</a>
<a href="implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a> <a href="/menu/implementare.html" class="nav-link block py-1 text-sm">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="nav-link block py-1 text-sm">Suport tehnic ROA</a>
<a href="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav> </nav>
@@ -141,22 +139,26 @@
</main> </main>
<!-- Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

115
menu/referinte.html
View File

@@ -72,70 +72,69 @@
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors nav-link">Prima pagina</a> <a href="/index.html" class="nav-link">Prima pagina</a>
<a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="../roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<a href="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/analiza.html" class="block px-4 py-3">Analiza</a>
<a href="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a> <a href="/menu/implementare.html" class="block px-4 py-3">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="block px-4 py-3">Suport tehnic ROA</a>
<a href="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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="referinte.html" class="text-blue-200 hover:text-blue-100 transition-colors nav-link font-medium">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
</div> </div>
</div> </div>
</nav>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block py-2">Prima pagina</a>
<a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link block 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> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">Servicii</p>
<a href="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a> <a href="/menu/analiza.html" class="nav-link block py-1 text-sm">Analiza</a>
<a href="implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a> <a href="/menu/implementare.html" class="nav-link block py-1 text-sm">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="nav-link block py-1 text-sm">Suport tehnic ROA</a>
<a href="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="referinte.html" class="block text-blue-600 font-medium hover:text-blue-800 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav>
</header> </header>
<main> <main>
@@ -376,22 +375,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

115
menu/roa-suport-tehnic.html
View File

@@ -21,70 +21,69 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a> <a href="/index.html" class="nav-link">Prima pagina</a>
<a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="../roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<a href="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/analiza.html" class="block px-4 py-3">Analiza</a>
<a href="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a> <a href="/menu/implementare.html" class="block px-4 py-3">Implementare</a>
<a href="roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 bg-blue-50 text-blue-800 font-semibold">Suport tehnic ROA</a> <a href="/menu/roa-suport-tehnic.html" class="block px-4 py-3">Suport tehnic ROA</a>
<a href="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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
</div> </div>
</div> </div>
</nav>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block py-2">Prima pagina</a>
<a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a> <a href="/menu/desprenoi.html" class="nav-link block 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> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">Servicii</p>
<a href="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a> <a href="/menu/analiza.html" class="nav-link block py-1 text-sm">Analiza</a>
<a href="implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a> <a href="/menu/implementare.html" class="nav-link block py-1 text-sm">Implementare</a>
<a href="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/roa-suport-tehnic.html" class="nav-link block py-1 text-sm">Suport tehnic ROA</a>
<a href="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav>
</header> </header>
<!-- Main Content Container --> <!-- Main Content Container -->
@@ -295,22 +294,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

795
professional-theme.css
View File

@@ -1,313 +1,588 @@
/* Soft Professional Blue Theme - Gentle & Attenuated Colors */ /* ============================================================
ROMFAST — Modern theme (2025 redesign)
Dark by default (Variant 2). Toggle adds `body.light-mode`
for the light Variant 3 palette. Token-driven so the whole
site (nav, footer, cards, hero) follows from these variables.
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
/* ---------- DARK palette (default · Variant 2 Modern) ---------- */
:root { :root {
/* Soft Professional Color Palette - Reduced Saturation 40-50% */ --font-sans: 'Plus Jakarta Sans', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--executive-navy: #2c3e50; /* Softer navy foundation */ --font-body: 'Manrope', 'Plus Jakarta Sans', -apple-system, sans-serif;
--soft-professional-blue: #5288c4; /* Much lighter than #1565c0 - primary soft blue */ --font-display: 'Plus Jakarta Sans', sans-serif;
--gentle-trust-blue: #4a7ba7; /* Softer than #0d47a1 - gentle trust */ --font-mark: 'Space Grotesk', sans-serif;
--muted-accent-red: #b85555; /* Much softer than #c62828 - muted red */
--soft-executive-white: #fafbfc; /* Clean background maintained */
/* Soft Professional Design System */ /* Surfaces & text */
--background: #fafbfc !important; /* Soft executive white background */ --bg: #13203a;
--foreground: #2c3e50 !important; /* Soft executive navy for text */ --bg-soft: #16233c;
--card: #ffffff !important; /* Pure white cards */ --surface: #1b2c48;
--card-foreground: #2c3e50 !important; /* Soft executive navy text */ --surface-2: #223a5c;
--card-hover: #f8f9fa !important; /* Very light hover */ --text: #ffffff;
--text-secondary: #aeb9cd;
--text-muted: #93a1bb;
--text-faint: #5d77a4;
--primary: #5288c4 !important; /* Soft professional blue primary */ /* Brand */
--primary-foreground: #ffffff !important; /* White text on primary */ --primary: #7db0ee; /* accent blue on dark */
--secondary: #4a7ba7 !important; /* Gentle trust blue secondary */ --primary-strong: #2c63a8; /* solid blue */
--secondary-foreground: #ffffff !important; /* White text on secondary */ --primary-ink: #16233c; /* text on a white/primary button */
--accent: #e2554f; /* red */
--accent-soft: #ef6b66;
--brand-rom: #e2554f; /* wordmark "ROM" (unused — logo is image) */
--brand-fast: #6fa3e0; /* wordmark "FAST" */
--accent: #b85555 !important; /* Muted accent red for attention */ /* Lines / chrome */
--accent-foreground: #ffffff !important; /* White text on accent */ --border: rgba(255, 255, 255, 0.09);
--border-strong: rgba(255, 255, 255, 0.16);
--border-primary: rgba(125, 176, 238, 0.5);
--nav-bg: rgba(19, 32, 58, 0.78);
--nav-border: rgba(255, 255, 255, 0.08);
--footer-bg: #111a2e;
--footer-text: #aeb8cb;
--footer-muted: #6b778f;
--muted: #f5f6f7 !important; /* Light gray muted */ /* Hero */
--muted-foreground: #2c3e50 !important; /* Soft executive navy muted text */ --hero-bg: transparent;
--hero-glow: radial-gradient(1000px 460px at 50% -8%, rgba(98, 150, 220, 0.30), transparent 70%);
--border: #cbd5e1 !important; /* gray-300, visible on white */ /* Pills / soft fills */
--input: #ffffff !important; /* White input background */ --pill-bg: rgba(255, 255, 255, 0.08);
--ring: #5288c4 !important; /* Soft professional blue focus ring */ --pill-border: rgba(255, 255, 255, 0.16);
--pill-text: #bcd2f0;
--icon-soft-bg: rgba(125, 176, 238, 0.14);
--icon-accent-bg: rgba(226, 85, 79, 0.16);
/* Soft Professional Gradients - Gentle & Muted */ /* Buttons */
--navbar-bg: linear-gradient(135deg, #2c3e50, #4a7ba7) !important; /* Soft navy to gentle trust blue */ --btn-primary-bg: #ffffff;
--hero-gradient: linear-gradient(to bottom right, #e8f4f7, #ffffff, #f0f9fb) !important; /* Soft teal hero gradient */ --btn-primary-text: #16233c;
--button-gradient: linear-gradient(90deg, #5288c4, #4a7ba7) !important; /* Soft professional blue to gentle trust blue */ --btn-primary-bg-hover: #e6eefb;
--red-gradient: linear-gradient(90deg, #b85555, #c67b7b) !important; /* Muted red accent gradient */ --btn-ghost-bg: rgba(255, 255, 255, 0.08);
--btn-ghost-border: rgba(255, 255, 255, 0.20);
--btn-ghost-bg-hover: rgba(255, 255, 255, 0.16);
/* Typography - Professional and trustworthy */ /* Radius */
--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; --radius-sm: 9px;
--font-serif: 'Merriweather', Georgia, serif !important; --radius: 14px;
--font-mono: 'JetBrains Mono', monospace !important; --radius-lg: 18px;
--radius-xl: 20px;
--radius-pill: 999px;
/* Professional rounded corners */ --shadow-card: 0 18px 40px -22px rgba(0, 0, 0, 0.55);
--radius: 8px !important; --ease: cubic-bezier(.16, .84, .44, 1);
--radius-sm: 4px !important;
--radius-md: 6px !important;
--radius-lg: 12px !important;
--radius-xl: 16px !important;
/* Soft professional shadows with reduced opacity - Gentle blue shadows */
--shadow-2xs: 0 1px 3px 0px rgba(82, 136, 196, 0.03) !important;
--shadow-xs: 0 2px 6px 0px rgba(82, 136, 196, 0.04) !important;
--shadow-sm: 0 3px 10px 0px rgba(82, 136, 196, 0.05), 0 1px 2px 0px rgba(82, 136, 196, 0.02) !important;
--shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04) !important;
--shadow-md: 0 6px 20px 0px rgba(82, 136, 196, 0.08), 0 3px 6px 0px rgba(82, 136, 196, 0.04) !important;
--shadow-lg: 0 8px 28px 0px rgba(82, 136, 196, 0.10), 0 4px 8px 0px rgba(82, 136, 196, 0.05) !important;
--shadow-xl: 0 12px 36px 0px rgba(82, 136, 196, 0.12), 0 6px 12px 0px rgba(82, 136, 196, 0.06) !important;
--shadow-2xl: 0 16px 48px 0px rgba(82, 136, 196, 0.16) !important;
/* Conservative spacing */
--spacing: 0.375rem !important;
--tracking-normal: -0.01em !important;
} }
/* Soft Professional Custom Styles */ /* ---------- LIGHT palette (toggle · Variant 3 Modern Light) ---------- */
body.light-mode {
--bg: #ffffff;
--bg-soft: #f7f9fc;
--surface: #ffffff;
--surface-2: #f4f8fd;
--text: #16203a;
--text-secondary: #54607a;
--text-muted: #69748a;
--text-faint: #b9c5d8;
--primary: #2c63a8;
--primary-strong: #2c63a8;
--primary-ink: #ffffff;
--accent: #cf3a36;
--accent-soft: #cf3a36;
--border: #e7eefa;
--border-strong: #d3e1f2;
--border-primary: #2c63a8;
--nav-bg: rgba(255, 255, 255, 0.82);
--nav-border: #eef1f6;
/* footer stays dark in both modes (per mockup) */
--hero-bg: linear-gradient(180deg, #d4e4fb 0%, #e8f1fc 44%, #ffffff 100%);
--hero-glow: radial-gradient(1100px 500px at 50% -12%, rgba(44, 99, 168, 0.24), transparent 66%);
--pill-bg: #ffffff;
--pill-border: #d3e1f2;
--pill-text: #2c63a8;
--icon-soft-bg: #eef4fd;
--icon-accent-bg: #fdeeed;
--btn-primary-bg: #2c63a8;
--btn-primary-text: #ffffff;
--btn-primary-bg-hover: #1d4677;
--btn-ghost-bg: #ffffff;
--btn-ghost-border: #dbe5f1;
--btn-ghost-bg-hover: #ffffff;
--shadow-card: 0 18px 40px -22px rgba(22, 32, 58, 0.45);
}
/* ============================================================
Base
============================================================ */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { body {
font-family: var(--font-sans) !important; font-family: var(--font-body) !important;
background: var(--background) !important; background: var(--bg) !important;
color: var(--foreground) !important; color: var(--text) !important;
letter-spacing: var(--tracking-normal) !important;
line-height: 1.6 !important; line-height: 1.6 !important;
-webkit-font-smoothing: antialiased;
transition: background 0.3s ease, color 0.3s ease;
} }
/* Professional card styling with soft blue accents */ ::selection { background: var(--primary-strong); color: #fff; }
.professional-card {
background: var(--card) !important; a { text-decoration: none; }
border: 1px solid var(--border) !important;
border-radius: var(--radius) !important; h1, h2, h3, h4 {
box-shadow: var(--shadow) !important; font-family: var(--font-display) !important;
position: relative !important; color: var(--text) !important;
transition: none !important; letter-spacing: -0.02em !important;
transform: none !important; line-height: 1.15 !important;
font-weight: 800 !important;
} }
.professional-card:hover { .professional-text-primary { color: var(--text) !important; }
transition: none !important; .professional-text-secondary { color: var(--text-secondary) !important; }
transform: none !important; .professional-text-muted { color: var(--text-muted) !important; }
/* Eyebrow / kicker label */
.eyebrow {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--primary);
} }
/* Soft professional blue buttons */ /* ============================================================
.professional-btn-primary { Wordmark (logo image kept; this styles any text fallback)
background: var(--button-gradient) !important; ============================================================ */
color: var(--primary-foreground) !important; .romfast-wordmark {
border-radius: var(--radius-lg) !important; font-family: var(--font-mark);
border: none !important; font-weight: 700;
font-weight: 600 !important; font-style: italic;
text-decoration: none !important; letter-spacing: -0.5px;
display: inline-block !important; font-size: 22px;
padding: 12px 24px !important; }
.romfast-wordmark .rom { color: var(--brand-rom); }
.romfast-wordmark .fast { color: var(--brand-fast); }
.romfast-logo {
height: 60px !important;
width: auto;
filter: brightness(1.05) contrast(1.05);
} }
.professional-btn-primary:hover { .brand-tagline {
opacity: 0.9 !important; font-size: 12px;
color: var(--text-muted);
font-style: italic;
} }
.professional-btn-secondary { /* ============================================================
background: transparent !important; Navbar — sticky, blurred
color: var(--primary) !important; ============================================================ */
border: none !important;
border-radius: var(--radius-lg) !important;
font-weight: 500 !important;
text-decoration: underline !important;
display: inline-block !important;
padding: 12px 24px !important;
}
.professional-btn-secondary:hover {
color: var(--secondary) !important;
}
/* Muted red accent button for urgent actions */
.professional-btn-urgent {
background: var(--red-gradient) !important;
color: var(--accent-foreground) !important;
border-radius: var(--radius-lg) !important;
border: none !important;
font-weight: 600 !important;
text-decoration: none !important;
display: inline-block !important;
padding: 12px 24px !important;
}
.professional-btn-urgent:hover {
opacity: 0.9 !important;
}
/* Professional navbar with soft gradient */
.professional-navbar { .professional-navbar {
background: var(--navbar-bg) !important; background: var(--nav-bg) !important;
backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(16px);
border-bottom: 1px solid var(--border) !important; backdrop-filter: blur(16px) !important;
border-bottom: 1px solid var(--nav-border) !important;
} }
/* Hero section with soft professional styling */ .nav-link {
font-size: 14px;
font-weight: 600;
color: var(--text-secondary) !important;
transition: color 0.2s ease !important;
}
.nav-link:hover { color: var(--text) !important; }
/* Contact pill in nav */
.nav-cta {
font-size: 14px;
font-weight: 700;
color: var(--btn-primary-text) !important;
background: var(--btn-primary-bg);
padding: 9px 18px;
border-radius: var(--radius-sm);
transition: background 0.2s ease;
}
.nav-cta:hover { background: var(--btn-primary-bg-hover); color: var(--btn-primary-text) !important; }
/* Theme toggle button */
#theme-toggle {
color: var(--text-secondary);
border-radius: var(--radius-sm);
transition: color 0.2s, background 0.2s;
}
#theme-toggle:hover { color: var(--text); }
/* Dropdown menu (Servicii) */
.nav-dropdown {
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius-sm);
box-shadow: 0 18px 40px -16px rgba(0, 0, 0, 0.5);
}
.nav-dropdown a {
color: var(--text-secondary);
font-size: 14px;
font-weight: 600;
}
.nav-dropdown a:hover { background: var(--surface-2); color: var(--text); }
/* ============================================================
Hero
============================================================ */
.professional-hero { .professional-hero {
background: var(--hero-gradient) !important;
border-radius: var(--radius-xl) !important;
padding: 4rem 2rem !important;
margin-bottom: 4rem !important;
border: 1px solid var(--border) !important;
position: relative !important; position: relative !important;
overflow: hidden !important; overflow: hidden !important;
background: var(--hero-bg) !important;
border: none !important;
border-radius: 0 !important;
padding: 84px 24px 70px !important;
margin: 0 !important;
} }
.professional-hero::before { .professional-hero::before {
content: '' !important; content: '' !important;
position: absolute !important; position: absolute !important;
top: -50% !important; inset: 0 !important;
left: -50% !important; background: var(--hero-glow) !important;
width: 200% !important; pointer-events: none !important;
height: 200% !important; animation: none !important;
background: radial-gradient(circle, rgba(82, 136, 196, 0.03) 0%, transparent 50%) !important; width: auto !important;
opacity: 0.5 !important; height: auto !important;
animation: subtle-float 12s ease-in-out infinite !important; top: 0 !important;
left: 0 !important;
opacity: 1 !important;
}
.professional-hero > * { position: relative; z-index: 1; }
.hero-title {
font-weight: 800;
font-size: clamp(34px, 6vw, 56px);
line-height: 1.08;
letter-spacing: -1.4px;
color: var(--text);
max-width: 860px;
margin: 24px auto 0;
}
.hero-title .accent { color: var(--primary); }
.hero-sub {
font-size: 18px;
line-height: 1.6;
color: var(--text-secondary);
max-width: 630px;
margin: 22px auto 0;
}
.hero-sub strong { color: var(--text); }
/* ============================================================
Pill badge
============================================================ */
.pill-badge {
display: inline-block;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--pill-text);
background: var(--pill-bg);
border: 1px solid var(--pill-border);
padding: 8px 18px;
border-radius: var(--radius-pill);
} }
@keyframes subtle-float { /* ============================================================
0%, 100% { transform: translate(0, 0) rotate(0deg); } Buttons
50% { transform: translate(20px, -20px) rotate(180deg); } ============================================================ */
.professional-btn-primary,
.btn-solid {
background: var(--btn-primary-bg) !important;
color: var(--btn-primary-text) !important;
border: none !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 16px !important;
padding: 15px 30px !important;
display: inline-block !important;
text-decoration: none !important;
transition: background 0.2s ease, opacity 0.2s ease !important;
}
.professional-btn-primary:hover,
.btn-solid:hover { background: var(--btn-primary-bg-hover) !important; opacity: 1 !important; }
.professional-btn-secondary,
.btn-ghost {
background: var(--btn-ghost-bg) !important;
color: var(--text) !important;
border: 1px solid var(--btn-ghost-border) !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 16px !important;
padding: 15px 26px !important;
display: inline-block !important;
text-decoration: none !important;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}
.professional-btn-secondary:hover,
.btn-ghost:hover {
background: var(--btn-ghost-bg-hover) !important;
border-color: var(--primary-strong) !important;
color: var(--primary) !important;
} }
/* Professional support section */ .professional-btn-urgent {
.professional-support { background: var(--accent) !important;
background: var(--muted) !important; color: #fff !important;
border: none !important;
border-radius: 12px !important;
font-weight: 700 !important;
padding: 14px 26px !important;
display: inline-block !important;
text-decoration: none !important;
}
.professional-btn-urgent:hover { opacity: 0.92 !important; }
/* small inline link */
.link-arrow {
font-size: 15px;
font-weight: 700;
color: var(--primary);
}
.link-arrow:hover { color: var(--text); }
/* ============================================================
Cards
============================================================ */
.professional-card {
background: var(--surface) !important;
border: 1px solid var(--border) !important; border: 1px solid var(--border) !important;
border-radius: var(--radius-xl) !important; border-radius: var(--radius-lg) !important;
padding: 3rem !important; box-shadow: none !important;
position: relative !important; transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
transform: none !important;
}
.professional-card:hover {
border-color: var(--border-primary) !important;
box-shadow: var(--shadow-card) !important;
transform: none !important;
} }
/* Professional icon containers with soft blue themes */ /* Feature card (3 differentiators) */
.professional-icon-wrapper { .feature-card {
width: 80px !important; display: flex;
height: 80px !important; gap: 16px;
background: var(--button-gradient) !important; align-items: flex-start;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
padding: 26px 24px;
transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.feature-card:hover { border-color: var(--border-primary); box-shadow: var(--shadow-card); }
.feature-card.is-accent { border-color: color-mix(in srgb, var(--accent) 35%, transparent); }
.feature-card.is-accent:hover { border-color: var(--accent); }
.feature-icon {
flex-shrink: 0;
width: 46px;
height: 46px;
border-radius: 13px;
background: var(--icon-soft-bg);
display: flex;
align-items: center;
justify-content: center;
}
.feature-icon.is-accent { background: var(--icon-accent-bg); }
.feature-title { font-weight: 800; font-size: 18px; color: var(--text); letter-spacing: -0.4px; }
.feature-desc { font-size: 14px; line-height: 1.55; color: var(--text-secondary); }
/* Featured (red) card kept for subpages */
.professional-card-featured {
background: var(--surface) !important;
border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent) !important;
border-radius: var(--radius-lg) !important; border-radius: var(--radius-lg) !important;
transition: border-color 0.25s ease !important;
transform: none !important;
}
.professional-card-featured:hover { border-color: var(--accent) !important; transform: none !important; }
/* ============================================================
Module grid (Module ROA)
============================================================ */
.module-grid {
background: var(--border);
border: 1px solid var(--border);
border-radius: var(--radius-xl);
overflow: hidden;
box-shadow: var(--shadow-card);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1px;
}
.module-row {
display: grid;
grid-template-columns: 38px 1fr 22px;
align-items: center;
gap: 16px;
background: var(--surface);
padding: 18px 24px;
transition: background 0.2s ease;
}
.module-row:hover { background: var(--surface-2); }
.module-num {
font-family: var(--font-mark);
font-weight: 600;
font-size: 18px;
color: var(--text-faint);
}
.module-name { font-size: 16px; font-weight: 700; color: var(--text); letter-spacing: -0.2px; }
.module-desc { font-size: 13px; line-height: 1.45; color: var(--text-muted); }
.module-arrow { font-size: 16px; color: var(--primary); text-align: right; }
@media (max-width: 720px) {
.module-grid { grid-template-columns: 1fr; }
}
/* ============================================================
Support section
============================================================ */
.professional-support {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 28px 24px 12px !important;
}
.professional-support-card {
background: var(--surface-2) !important;
border: 1px solid var(--border-strong) !important;
border-radius: var(--radius) !important;
padding: 24px 26px !important;
transition: border-color 0.2s ease, background 0.2s ease !important;
}
.professional-support-card:hover { border-color: var(--border-primary) !important; }
/* ============================================================
Footer (dark in both modes)
============================================================ */
.site-footer {
background: var(--footer-bg) !important;
color: var(--footer-text) !important;
}
.site-footer a { color: var(--footer-text); transition: color 0.2s ease; }
.site-footer a:hover { color: #fff; }
.site-footer .footer-heading {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #5f6c84;
}
.site-footer .footer-muted { color: var(--footer-muted); }
.site-footer .footer-divider { border-color: rgba(255, 255, 255, 0.09); }
/* ============================================================
Service accent blocks (subpages)
============================================================ */
.service-technology {
background: color-mix(in srgb, var(--primary-strong) 8%, transparent) !important;
border-left: 4px solid var(--primary) !important;
padding: 1.5rem !important;
border-radius: var(--radius-sm) !important;
}
.service-reliability {
background: color-mix(in srgb, var(--primary-strong) 6%, transparent) !important;
border-left: 4px solid var(--primary-strong) !important;
padding: 1.5rem !important;
border-radius: var(--radius-sm) !important;
}
.red-bullet { color: var(--accent) !important; }
.professional-icon-wrapper {
width: 64px !important;
height: 64px !important;
background: var(--icon-soft-bg) !important;
border-radius: var(--radius) !important;
display: flex !important; display: flex !important;
align-items: center !important; align-items: center !important;
justify-content: center !important; justify-content: center !important;
margin: 0 auto 1.5rem auto !important; margin: 0 auto 1.25rem auto !important;
} }
/* Logo styling */ /* ============================================================
.romfast-logo { Scroll-reveal
height: 60px !important; ============================================================ */
filter: brightness(1.05) contrast(1.05) !important; [data-reveal] {
opacity: 0;
transform: translateY(26px);
transition: opacity 0.7s var(--ease), transform 0.7s var(--ease);
}
[data-reveal].is-visible { opacity: 1; transform: none; }
/* ============================================================
Dark-mode remap of Tailwind light utilities in page content.
Active ONLY in the default dark theme; in .light-mode the
original Tailwind colors are kept (they read fine on white).
Scoped to main/footer content so nav chrome is untouched.
============================================================ */
body:not(.light-mode) main .bg-white,
body:not(.light-mode) main .bg-gray-50,
body:not(.light-mode) main .bg-gray-100,
body:not(.light-mode) main .bg-slate-50 {
background-color: var(--surface) !important;
}
body:not(.light-mode) main .bg-blue-50,
body:not(.light-mode) main .bg-indigo-50 {
background-color: rgba(125, 176, 238, 0.10) !important;
}
body:not(.light-mode) main .bg-green-50,
body:not(.light-mode) main .bg-emerald-50,
body:not(.light-mode) main .bg-teal-50 {
background-color: rgba(110, 200, 150, 0.10) !important;
}
body:not(.light-mode) main .bg-yellow-50,
body:not(.light-mode) main .bg-amber-50,
body:not(.light-mode) main .bg-orange-50 {
background-color: rgba(224, 180, 110, 0.10) !important;
}
body:not(.light-mode) main .bg-red-50,
body:not(.light-mode) main .bg-rose-50 {
background-color: rgba(226, 85, 79, 0.10) !important;
} }
/* Enhanced typography */ body:not(.light-mode) main .border-gray-200,
h1, h2, h3 { body:not(.light-mode) main .border-gray-300,
font-weight: 700 !important; body:not(.light-mode) main .border-slate-200 {
letter-spacing: -0.02em !important; border-color: var(--border) !important;
line-height: 1.2 !important;
} }
body:not(.light-mode) main .border-blue-200,
body:not(.light-mode) main .border-indigo-200 { border-color: rgba(125, 176, 238, 0.28) !important; }
body:not(.light-mode) main .border-green-200,
body:not(.light-mode) main .border-emerald-200 { border-color: rgba(110, 200, 150, 0.28) !important; }
body:not(.light-mode) main .border-yellow-200,
body:not(.light-mode) main .border-amber-200 { border-color: rgba(224, 180, 110, 0.30) !important; }
body:not(.light-mode) main .border-red-200,
body:not(.light-mode) main .border-rose-200 { border-color: rgba(226, 85, 79, 0.30) !important; }
/* Soft professional text colors */ body:not(.light-mode) main .text-gray-900,
.professional-text-primary { body:not(.light-mode) main .text-gray-800,
color: var(--foreground) !important; body:not(.light-mode) main .text-slate-900,
} body:not(.light-mode) main .text-slate-800 { color: var(--text) !important; }
body:not(.light-mode) main .text-gray-700,
body:not(.light-mode) main .text-gray-600,
body:not(.light-mode) main .text-gray-500,
body:not(.light-mode) main .text-slate-700,
body:not(.light-mode) main .text-slate-600 { color: var(--text-secondary) !important; }
.professional-text-secondary { /* ============================================================
color: var(--muted-foreground) !important; Responsive
} ============================================================ */
/* Special featured card (ROA AUTO) - Muted red accent styling */
.professional-card-featured {
background: var(--card) !important;
border: 2px solid var(--accent) !important;
box-shadow: var(--shadow-xl) !important;
transition: none !important;
transform: none !important;
}
.professional-card-featured:hover {
transition: none !important;
transform: none !important;
}
.professional-card-featured .professional-icon-wrapper {
background: var(--red-gradient) !important;
}
/* Muted red bullet points for ROA AUTO problems */
.red-bullet {
color: var(--accent) !important;
}
/* Enhanced hover effects for support cards */
.professional-support-card {
background: var(--card) !important;
border: 1px solid var(--border) !important;
border-radius: var(--radius) !important;
padding: 2rem !important;
}
.professional-support-card:hover {
border-color: var(--primary) !important;
}
/* Soft blue hover states for navigation */
.nav-link {
transition: color 0.3s ease !important;
}
.nav-link:hover {
color: #90caf9 !important; /* Gentle blue hover - softer than original */
}
/* Professional service sections with soft blue accents */
.service-technology {
background: linear-gradient(135deg, rgba(82, 136, 196, 0.03), rgba(74, 123, 167, 0.03)) !important;
border-left: 4px solid var(--primary) !important;
padding: 1.5rem !important;
border-radius: var(--radius) !important;
}
.service-reliability {
background: linear-gradient(135deg, rgba(74, 123, 167, 0.03), rgba(82, 136, 196, 0.03)) !important;
border-left: 4px solid var(--secondary) !important;
padding: 1.5rem !important;
border-radius: var(--radius) !important;
}
/* Dark mode adjustments for soft professional blue theme */
.dark-mode {
--background: #141822 !important;
--foreground: #e2e8f0 !important;
--card: #1e2235 !important;
--card-foreground: #e2e8f0 !important;
--card-hover: #252a3e !important;
--muted: #252a3e !important;
--muted-foreground: #94a3b8 !important;
--border: #334155 !important;
--input: #1e2235 !important;
--navbar-bg: linear-gradient(135deg, #0f172a, #1e293b) !important;
--hero-gradient: linear-gradient(180deg, #1e2235, #141822) !important;
}
.dark-mode .professional-text-primary {
color: var(--foreground) !important;
}
.dark-mode .professional-text-secondary {
color: var(--muted-foreground) !important;
}
/* Mobile responsiveness for soft professional design */
@media (max-width: 768px) { @media (max-width: 768px) {
.professional-hero { .professional-hero { padding: 56px 18px 48px !important; }
padding: 2rem 1.5rem !important; .professional-support { padding: 44px 18px 18px !important; }
border-radius: var(--radius-lg) !important;
}
.professional-card {
border-radius: var(--radius-md) !important;
}
.professional-btn-primary,
.professional-btn-secondary,
.professional-btn-urgent {
border-radius: var(--radius) !important;
}
} }

67
professional-theme.js
View File

@@ -11,10 +11,9 @@ function initializeProfessionalTheme() {
initializeLucideIcons(); initializeLucideIcons();
initializeThemeToggle(); initializeThemeToggle();
initializeMobileMenu(); initializeMobileMenu();
initializeCardAnimations(); initializeReveal();
initializeScrollAnimations(); initializeScrollAnimations();
initializeButtonEffects(); initializeButtonEffects();
initializeHeroAnimations();
initializeSmoothScrolling(); initializeSmoothScrolling();
initializeWebPSupport(); initializeWebPSupport();
} }
@@ -26,38 +25,60 @@ function initializeLucideIcons() {
} }
} }
// Enhanced theme toggle functionality // Theme toggle — site is DARK by default; toggle switches to the
// light Variant (body.light-mode). Icon shows the target mode:
// dark active -> sun (tap for light); light active -> moon (tap for dark).
function setToggleIcon(themeToggle, isLight) {
themeToggle.innerHTML = isLight
? '<i data-lucide="moon" class="w-5 h-5"></i>'
: '<i data-lucide="sun" class="w-5 h-5"></i>';
if (typeof lucide !== 'undefined') lucide.createIcons();
}
function initializeThemeToggle() { function initializeThemeToggle() {
const themeToggle = document.getElementById('theme-toggle'); const themeToggle = document.getElementById('theme-toggle');
const body = document.body; const body = document.body;
if (!themeToggle) return; // Default to dark; apply saved preference if present.
const savedMode = localStorage.getItem('mode') || 'dark';
if (savedMode === 'light') body.classList.add('light-mode');
// Check for saved theme preference or default to light mode if (!themeToggle) return;
const currentTheme = localStorage.getItem('theme') || 'light'; setToggleIcon(themeToggle, body.classList.contains('light-mode'));
if (currentTheme === 'dark') {
body.classList.add('dark-mode');
themeToggle.innerHTML = '<i data-lucide="moon" class="w-5 h-5"></i>';
lucide.createIcons();
}
themeToggle.addEventListener('click', () => { themeToggle.addEventListener('click', () => {
body.classList.toggle('dark-mode'); const isLight = body.classList.toggle('light-mode');
localStorage.setItem('mode', isLight ? 'light' : 'dark');
// Update icon and save preference setToggleIcon(themeToggle, isLight);
if (body.classList.contains('dark-mode')) { });
themeToggle.innerHTML = '<i data-lucide="moon" class="w-5 h-5"></i>';
localStorage.setItem('theme', 'dark');
} else {
themeToggle.innerHTML = '<i data-lucide="sun" class="w-5 h-5"></i>';
localStorage.setItem('theme', 'light');
} }
// Reinitialize icons after DOM change // Scroll reveal for [data-reveal] elements (staggered via data-i)
if (typeof lucide !== 'undefined') { function initializeReveal() {
lucide.createIcons(); const els = document.querySelectorAll('[data-reveal]');
if (!els.length) return;
const reveal = (el) => {
const i = parseInt(el.getAttribute('data-i') || '0', 10);
el.style.transitionDelay = (i * 70) + 'ms';
el.classList.add('is-visible');
};
if (!('IntersectionObserver' in window)) {
els.forEach(reveal);
return;
}
const io = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
reveal(entry.target);
io.unobserve(entry.target);
} }
}); });
}, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });
els.forEach((el) => io.observe(el));
} }
// Professional card hover animations // Professional card hover animations

112
roa/aplicatii-erp.html
View File

@@ -21,45 +21,43 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="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> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="../menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
@@ -67,22 +65,22 @@
</div> </div>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block py-2">Despre noi</a>
<a href="aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">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/analiza.html" class="nav-link block 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/implementare.html" class="nav-link block 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/roa-suport-tehnic.html" class="nav-link block 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> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="../menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="../menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav> </nav>
@@ -266,22 +264,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

121
roa/cum-arata-roa.html
View File

@@ -101,66 +101,69 @@
<!-- Header --> <!-- Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<div class="flex items-center space-x-3"> <!-- Logo -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <a href="/index.html" class="flex items-center gap-3">
<div class="hidden md:block"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
</div> </a>
</div>
<div class="hidden lg:flex items-center space-x-8"> <!-- Centered Navigation -->
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors nav-link">Prima pagina</a> <div class="hidden lg:flex items-center gap-7">
<a href="../menu/desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a> <a href="/index.html" class="nav-link">Prima pagina</a>
<a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="cum-arata-roa.html" class="text-blue-200 font-medium nav-link border-b border-blue-200">Cum arată ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="../menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<div class="flex items-center space-x-4"> <!-- Theme Toggle & Mobile Menu -->
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
</div> </div>
</div> </div>
<!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-1">
<a href="/index.html" class="nav-link block py-2">Prima pagina</a>
<a href="/menu/desprenoi.html" class="nav-link block py-2">Despre noi</a>
<a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="eyebrow">Servicii</p>
<a href="/menu/analiza.html" class="nav-link block py-1 text-sm">Analiza</a>
<a href="/menu/implementare.html" class="nav-link block py-1 text-sm">Implementare</a>
<a href="/menu/roa-suport-tehnic.html" class="nav-link block py-1 text-sm">Suport tehnic ROA</a>
<a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div>
<a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div>
</div>
</nav> </nav>
<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="aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
<a href="cum-arata-roa.html" class="block text-blue-600 font-medium py-2">Cum arată 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">Cine folosește ROA</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>
</header> </header>
<main> <main>
@@ -426,22 +429,26 @@
</main> </main>
<!-- Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

114
roa/roa-aplicatii-specifice.html
View File

@@ -21,71 +21,69 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="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> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="../menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
</div> </div>
</div> </div>
</nav>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block py-2">Despre noi</a>
<a href="aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">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/analiza.html" class="nav-link block 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/implementare.html" class="nav-link block 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/roa-suport-tehnic.html" class="nav-link block 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> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="../menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="../menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav>
</header> </header>
<!-- Main Content Container --> <!-- Main Content Container -->
@@ -379,22 +377,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

112
roa/roa-comenzi-clienti.html
View File

@@ -28,45 +28,43 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="../menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
@@ -74,22 +72,22 @@
</div> </div>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block py-2">Despre noi</a>
<a href="aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">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/analiza.html" class="nav-link block 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/implementare.html" class="nav-link block 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/roa-suport-tehnic.html" class="nav-link block 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> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="../menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="../menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav> </nav>
@@ -204,22 +202,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

112
roa/roa-contracte-clienti.html
View File

@@ -28,45 +28,43 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="../menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
@@ -74,22 +72,22 @@
</div> </div>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block py-2">Despre noi</a>
<a href="aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">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/analiza.html" class="nav-link block 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/implementare.html" class="nav-link block 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/roa-suport-tehnic.html" class="nav-link block 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> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="../menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="../menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav> </nav>
@@ -224,22 +222,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

112
roa/roa-facturare.html
View File

@@ -28,45 +28,43 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="../menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
@@ -74,22 +72,22 @@
</div> </div>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block py-2">Despre noi</a>
<a href="aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">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/analiza.html" class="nav-link block 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/implementare.html" class="nav-link block 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/roa-suport-tehnic.html" class="nav-link block 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> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="../menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="../menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav> </nav>
@@ -236,22 +234,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

114
roa/roa-financiar-contabilitate.html
View File

@@ -21,71 +21,69 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link font-medium">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="../menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
</div> </div>
</div> </div>
</nav>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block py-2">Despre noi</a>
<a href="aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">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/analiza.html" class="nav-link block 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/implementare.html" class="nav-link block 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/roa-suport-tehnic.html" class="nav-link block 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> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="../menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="../menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav>
</header> </header>
<!-- Main Content Container --> <!-- Main Content Container -->
<main class="container mx-auto px-4 py-8 max-w-7xl"> <main class="container mx-auto px-4 py-8 max-w-7xl">
@@ -350,22 +348,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

114
roa/roa-gestiune.html
View File

@@ -22,71 +22,69 @@
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="../menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
</div> </div>
</div> </div>
</nav>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block py-2">Despre noi</a>
<a href="aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">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/analiza.html" class="nav-link block 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/implementare.html" class="nav-link block 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/roa-suport-tehnic.html" class="nav-link block 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> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="../menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="../menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav>
</header> </header>
<!-- Main Content Container --> <!-- Main Content Container -->
@@ -401,22 +399,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

114
roa/roa-horeca.html
View File

@@ -21,71 +21,69 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="../menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
</div> </div>
</div> </div>
</nav>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block py-2">Despre noi</a>
<a href="aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">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/analiza.html" class="nav-link block 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/implementare.html" class="nav-link block 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/roa-suport-tehnic.html" class="nav-link block 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> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="../menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="../menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav>
</header> </header>
<!-- Main Content Container --> <!-- Main Content Container -->
@@ -349,22 +347,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

114
roa/roa-imobilizari.html
View File

@@ -22,71 +22,69 @@
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="../menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
</div> </div>
</div> </div>
</nav>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block py-2">Despre noi</a>
<a href="aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">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/analiza.html" class="nav-link block 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/implementare.html" class="nav-link block 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/roa-suport-tehnic.html" class="nav-link block 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> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="../menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="../menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav>
</header> </header>
<!-- Main Content Container --> <!-- Main Content Container -->
@@ -380,22 +378,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

114
roa/roa-proiecte-devize.html
View File

@@ -21,71 +21,69 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="../menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
</div> </div>
</div> </div>
</nav>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block py-2">Despre noi</a>
<a href="aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">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/analiza.html" class="nav-link block 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/implementare.html" class="nav-link block 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/roa-suport-tehnic.html" class="nav-link block 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> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="../menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="../menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav>
</header> </header>
<!-- Main Content Container --> <!-- Main Content Container -->
@@ -362,22 +360,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

114
roa/roa-service-auto.html
View File

@@ -22,71 +22,69 @@
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="../menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
</div> </div>
</div> </div>
</nav>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block py-2">Despre noi</a>
<a href="aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">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/analiza.html" class="nav-link block 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/implementare.html" class="nav-link block 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/roa-suport-tehnic.html" class="nav-link block 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> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="../menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="../menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav>
</header> </header>
<!-- Main Content Container --> <!-- Main Content Container -->
@@ -398,22 +396,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>

112
roa/roa-situatii-financiare.html
View File

@@ -20,45 +20,43 @@
<body class="min-h-screen"> <body class="min-h-screen">
<!-- Soft Professional Blue Header --> <!-- Soft Professional Blue Header -->
<header class="professional-navbar sticky top-0 z-50"> <header class="professional-navbar sticky top-0 z-50">
<nav class="container mx-auto px-4 py-4"> <nav class="container mx-auto px-4 lg:px-10 py-3">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6">
<!-- Logo Section --> <!-- Logo -->
<div class="flex items-center space-x-3"> <a href="/index.html" class="flex items-center gap-3">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"> <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
<div class="hidden md:block"> <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p> </a>
</div>
</div>
<!-- Centered Navigation --> <!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8"> <div class="hidden lg:flex items-center gap-7">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors nav-link">Prima pagina</a> <a href="/index.html" class="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="/menu/desprenoi.html" class="nav-link">Despre noi</a>
<a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
<a href="cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
<div class="relative group"> <div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link"> <button class="nav-link flex items-center gap-1">
<span>Servicii</span> <span>Servicii</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i> <i data-lucide="chevron-down" class="w-4 h-4"></i>
</button> </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"> <div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<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/analiza.html" class="block px-4 py-3">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/implementare.html" class="block px-4 py-3">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/roa-suport-tehnic.html" class="block px-4 py-3">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> <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
</div> </div>
</div> </div>
<a href="../menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a> <a href="/menu/angajari.html" class="nav-link">Angajari</a>
<a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a> <a href="/menu/contact.html" class="nav-cta">Contact</a>
</div> </div>
<!-- Theme Toggle & Mobile Menu --> <!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4"> <div class="flex items-center gap-2">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300"> <button id="theme-toggle" class="p-2" aria-label="Comută tema">
<i data-lucide="sun" class="w-5 h-5"></i> <i data-lucide="sun" class="w-5 h-5"></i>
</button> </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"> <button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i> <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> <i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button> </button>
@@ -66,22 +64,22 @@
</div> </div>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg"> <div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-3"> <div class="px-4 py-4 space-y-1">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Prima pagina</a> <a href="/index.html" class="nav-link block 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="/menu/desprenoi.html" class="nav-link block py-2">Despre noi</a>
<a href="aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">ROA</a> <a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
<a href="cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a> <a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2"> <div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="text-gray-600 font-medium text-sm">Servicii</p> <p class="eyebrow">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/analiza.html" class="nav-link block 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/implementare.html" class="nav-link block 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/roa-suport-tehnic.html" class="nav-link block 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> <a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
</div> </div>
<a href="../menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a> <a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
<a href="../menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a> <a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
<a href="../menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a> <a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div> </div>
</div> </div>
</nav> </nav>
@@ -187,22 +185,26 @@
</main> </main>
<!-- Professional Footer --> <!-- 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;"> <footer class="site-footer">
<div class="container mx-auto px-4 text-center"> <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
<div class="mb-6"> <!-- Aplicații online -->
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4"> <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p> <div class="flex flex-wrap gap-x-5 gap-y-2.5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div>
</div>
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
<div class="flex flex-wrap gap-5">
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
</div> </div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
</div> </div>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></div>
</div> </div>
</footer> </footer>