diff --git a/404.html b/404.html
index f461921..50964f9 100644
--- a/404.html
+++ b/404.html
@@ -21,45 +21,43 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <a href="/index.html"><img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo"></a>
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
 
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="/index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
-                    <a href="/menu/desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
-                    <a href="/roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a>
-                    <a href="/roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="/menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="/menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="/menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="/menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="/menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
 
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
@@ -67,22 +65,22 @@
             </div>
 
             <!-- Mobile Menu -->
-            <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-                <div class="px-4 py-4 space-y-3">
-                    <a href="/index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                    <a href="/menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                    <a href="/roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
-                    <a href="/roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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 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="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>
+                    <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>
@@ -144,28 +142,24 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="/images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                
-                <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 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>
diff --git a/chatbot.html b/chatbot.html
index 87e3947..8aa89c8 100644
--- a/chatbot.html
+++ b/chatbot.html
@@ -20,68 +20,66 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
-                    <a href="menu/desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
-                    <a href="roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a>
-                <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="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-            
+
             <!-- Mobile Menu -->
-            <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-                <div class="px-4 py-4 space-y-3">
-                    <a href="index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                    <a href="menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                    <a href="roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
-                    <div class="border-l-2 border-gray-300 pl-4 space-y-2">
-                        <p class="text-gray-600 font-medium text-sm">Servicii</p>
-                        <a href="menu/analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a>
-                        <a href="menu/implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a>
-                        <a href="menu/roa-suport-tehnic.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Suport tehnic ROA</a>
-                        <a href="menu/alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
+            <div 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="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>
+                    <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>
@@ -101,11 +99,25 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="professional-navbar mt-16">
-        <div class="container mx-auto px-4 py-8 text-center">
-            <div class="text-white">
-                <p class="mb-2">&copy; 2025 Romfast. Toate drepturile rezervate.</p>
-                <p class="text-sm opacity-80">ROA - Romfast Applications - Sisteme informatice pentru managementul afacerii</p>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
     </footer>
diff --git a/chatbot_maria.html b/chatbot_maria.html
index 5e1a4af..2e2aa20 100644
--- a/chatbot_maria.html
+++ b/chatbot_maria.html
@@ -366,68 +366,66 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
-                    <a href="menu/desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
-                    <a href="roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a>
-                <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="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-            
+
             <!-- Mobile Menu -->
-            <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-                <div class="px-4 py-4 space-y-3">
-                    <a href="index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                    <a href="menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                    <a href="roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
-                    <div class="border-l-2 border-gray-300 pl-4 space-y-2">
-                        <p class="text-gray-600 font-medium text-sm">Servicii</p>
-                        <a href="menu/analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a>
-                        <a href="menu/implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a>
-                        <a href="menu/roa-suport-tehnic.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Suport tehnic ROA</a>
-                        <a href="menu/alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
+            <div 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="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>
+                    <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>
@@ -447,11 +445,25 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="professional-navbar mt-16">
-        <div class="container mx-auto px-4 py-8 text-center">
-            <div class="text-white">
-                <p class="mb-2">&copy; 2025 Romfast. Toate drepturile rezervate.</p>
-                <p class="text-sm opacity-80">ROA - Romfast Applications - Sisteme informatice pentru managementul afacerii</p>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
     </footer>
diff --git a/chatbot_maria2.html b/chatbot_maria2.html
index afb4193..0858bb6 100644
--- a/chatbot_maria2.html
+++ b/chatbot_maria2.html
@@ -120,68 +120,66 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
-                    <a href="menu/desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
-                    <a href="roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a>
-                <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="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-            
+
             <!-- Mobile Menu -->
-            <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-                <div class="px-4 py-4 space-y-3">
-                    <a href="index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                    <a href="menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                    <a href="roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
-                    <div class="border-l-2 border-gray-300 pl-4 space-y-2">
-                        <p class="text-gray-600 font-medium text-sm">Servicii</p>
-                        <a href="menu/analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a>
-                        <a href="menu/implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a>
-                        <a href="menu/roa-suport-tehnic.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Suport tehnic ROA</a>
-                        <a href="menu/alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
+            <div 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="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>
+                    <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>
@@ -250,11 +248,25 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="professional-navbar mt-16">
-        <div class="container mx-auto px-4 py-8 text-center">
-            <div class="text-white">
-                <p class="mb-2">&copy; 2025 Romfast. Toate drepturile rezervate.</p>
-                <p class="text-sm opacity-80">ROA - Romfast Applications - Sisteme informatice pentru managementul afacerii</p>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
     </footer>
diff --git a/index.html b/index.html
index 38aeed3..bf2bb58 100644
--- a/index.html
+++ b/index.html
@@ -6,319 +6,272 @@
     <title>Romfast - Program ERP: Contabilitate, Gestiune, Producție, Service Auto. ROA - Romfast Applications.</title>
     <meta name="description" content="Romfast produce si implementeaza ROA - Romfast Applications, un sistem informatic ERP: contabilitate, gestiune, comenzi, contracte, facturare, productie, service auto, analiza proiecte si lucrari.">
     <meta name="keywords" content="program service auto, program contabilitate, gestiune, facturare, mijloace fixe, productie, roa, romfast, soft contabilitate, sistem informatic erp, suport tehnic, implementare erp, analiza proiecte">
-    
+
     <!-- Tailwind CSS -->
     <script src="https://cdn.tailwindcss.com"></script>
     <!-- Flowbite -->
     <script src="https://cdn.jsdelivr.net/npm/flowbite@2.0.0/dist/flowbite.min.js"></script>
     <!-- Lucide Icons -->
     <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
-    <!-- Google Fonts -->
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Merriweather:wght@300;400;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
-    <!-- Professional Theme CSS -->
+    <!-- Professional Theme CSS (fonts imported here) -->
     <link href="professional-theme.css" rel="stylesheet">
 </head>
 <body class="min-h-screen">
-    <!-- Soft Professional Blue Header -->
+    <!-- ============ STICKY NAV ============ -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
-                    <a href="menu/desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
-                    <a href="roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a>
-                    <a href="roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-            
+
             <!-- Mobile Menu -->
-            <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-                <div class="px-4 py-4 space-y-3">
-                    <a href="index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                    <a href="menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                    <a href="roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
-                    <a href="roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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 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="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>
+                    <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>
     </header>
 
-    <!-- Main Content Container -->
-    <main class="container mx-auto px-4 py-8 max-w-7xl">
-        
-        <!-- Soft Professional Blue Hero Section -->
+    <main>
+        <!-- ============ HERO (full-bleed) ============ -->
         <section class="professional-hero text-center">
-            <div class="max-w-4xl mx-auto relative z-10">
-                <div class="mb-4">
-                    <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>
-                </div>
-                <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">
-                    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.
+            <div data-reveal data-i="0" class="max-w-4xl mx-auto">
+                <span class="pill-badge">ROA — Romfast Applications</span>
+                <h1 class="hero-title">
+                    ERP românesc și programe specializate pe industrii,
+                    <span class="accent">cu validări care dau siguranță</span> la închiderea lunii.
                 </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ă.
-                    <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>
-                <div class="flex flex-col sm:flex-row gap-4 justify-center">
-                    <a href="roa/cum-arata-roa.html" class="professional-btn-primary">
-                        Vezi cum arată ROA
-                    </a>
-                    <a href="tel:+40723197939" class="professional-btn-secondary">
-                        Sună-ne direct: 0723 197 939
-                    </a>
+                <div class="flex flex-wrap gap-3.5 items-center justify-center mt-8">
+                    <a href="roa/cum-arata-roa.html" class="btn-solid">Vezi cum arată ROA</a>
+                    <a href="tel:+40723197939" class="btn-ghost">Sună direct: 0723 197 939</a>
                 </div>
             </div>
         </section>
 
-        <!-- Badge Strip — 3 Diferențiatoare Cheie -->
-        <section class="border-y border-gray-200 bg-white py-10 px-4 mb-12">
-            <div class="max-w-4xl mx-auto grid sm:grid-cols-3 gap-6">
-                <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="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"/>
-                        </svg>
-                    </div>
-                    <div>
-                        <h3 class="font-semibold text-base mb-1 professional-text-primary">Siguranță la închideri</h3>
-                        <p class="text-sm leading-relaxed professional-text-secondary">Validări automate, audit trail, solduri preluate corect de la o lună la alta</p>
-                    </div>
+        <!-- ============ 3 DIFERENȚIATOARE ============ -->
+        <section class="max-w-6xl mx-auto px-4 lg:px-10 pt-2 pb-20">
+            <div class="grid sm:grid-cols-3 gap-5">
+                <div data-reveal data-i="0" 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="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>
+                    </span>
+                    <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 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 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 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 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 Carousel -->
-        <section class="mb-16">
-            <div class="flex items-center justify-between mb-6">
-                <h2 class="text-3xl font-bold professional-text-primary">Module ROA</h2>
-                <a href="roa/aplicatii-erp.html" class="text-sm font-medium" style="color: #5288c4">Vezi toate →</a>
-            </div>
-            <div class="relative">
-                <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>
-
+        <!-- ============ 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 class="eyebrow mb-3">Zece module, un singur sistem</div>
+                    <h2 class="text-3xl md:text-4xl m-0">Module ROA</h2>
                 </div>
+                <a href="roa/aplicatii-erp.html" class="link-arrow whitespace-nowrap">Vezi toate →</a>
+            </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>
         </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
+        <!-- ============ SUPORT TEHNIC (compact) ============ -->
+        <section class="professional-support" style="padding-top:28px; padding-bottom:8px;">
+            <div class="max-w-6xl mx-auto px-4 lg:px-10">
+                <div class="flex flex-wrap gap-3 justify-start">
+                    <a href="romfastsuport/files/romfast_suport.exe" class="professional-support-card inline-flex items-center gap-3" style="padding:14px 20px;">
+                        <span class="feature-title text-base">Romfast Suport</span>
+                        <span class="link-arrow text-sm whitespace-nowrap">Descarcă ↓</span>
                     </a>
-                </div>				
-                <div class="professional-support-card">
-                    <h3 class="font-semibold mb-3 professional-text-primary">Romfast Suport</h3>
-                    <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 href="http://www.ammyy.com/en/" target="_blank" class="professional-support-card inline-flex items-center gap-3" style="padding:14px 20px;">
+                        <span class="feature-title text-base">Ammyy Admin</span>
+                        <span class="link-arrow text-sm whitespace-nowrap">Accesează →</span>
                     </a>
                 </div>
             </div>
         </section>
-
     </main>
 
-    <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <!-- ============ FOOTER ============ -->
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
     <!-- Professional Theme JavaScript -->
     <script src="professional-theme.js"></script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/menu/alteservicii.html b/menu/alteservicii.html
index 66e9eda..6c2ba28 100644
--- a/menu/alteservicii.html
+++ b/menu/alteservicii.html
@@ -21,70 +21,69 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
-                    <a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
-                    <a href="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a>
-                    <a href="../roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="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="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">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="alteservicii.html" class="block px-4 py-3 bg-blue-50 text-blue-800 rounded-b-lg font-medium">Alte servicii</a>
+                        <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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </div>
                     </div>
-                    <a href="referinte.html" class="text-white hover:text-blue-200 transition-colors 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="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-        </nav>
-        <!-- Mobile Menu -->
-        <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-            <div class="px-4 py-4 space-y-3">
-                <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                <a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                <a href="../roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
-                <a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors 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="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="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
+
+            <!-- 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>
-                <a href="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a>
             </div>
-        </div>
+        </nav>
     </header>
 
     <!-- Main Content Container -->
@@ -202,22 +201,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/menu/analiza.html b/menu/analiza.html
index d91b126..8fb6afe 100644
--- a/menu/analiza.html
+++ b/menu/analiza.html
@@ -21,70 +21,69 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
-                    <a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
-                    <a href="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a>
-                    <a href="../roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="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="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">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="alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </div>
                     </div>
-                    <a href="referinte.html" class="text-white hover:text-blue-200 transition-colors 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="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-        </nav>
-        <!-- Mobile Menu -->
-        <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-            <div class="px-4 py-4 space-y-3">
-                <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                <a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                <a href="../roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
-                <a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors 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="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="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
+
+            <!-- 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>
-                <a href="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a>
             </div>
-        </div>
+        </nav>
     </header>
 
     <!-- Main Content Container -->
@@ -269,22 +268,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/menu/angajari.html b/menu/angajari.html
index f2569ea..79e7830 100644
--- a/menu/angajari.html
+++ b/menu/angajari.html
@@ -22,70 +22,69 @@
 
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
-                    <a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
-                    <a href="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a>
-                    <a href="../roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="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="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">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="alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </div>
                     </div>
-                    <a href="referinte.html" class="text-white hover:text-blue-200 transition-colors 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="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-        </nav>
-        <!-- Mobile Menu -->
-        <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-            <div class="px-4 py-4 space-y-3">
-                <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                <a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                <a href="../roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
-                <a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors 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="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="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
+
+            <!-- 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>
-                <a href="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a>
             </div>
-        </div>
+        </nav>
     </header>
 
     <!-- Main Content Container -->
@@ -192,22 +191,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/menu/contact.html b/menu/contact.html
index 6c7f94f..8947640 100644
--- a/menu/contact.html
+++ b/menu/contact.html
@@ -22,70 +22,69 @@
 
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors 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="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors 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>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="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="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">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="alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </div>
                     </div>
-                    <a href="referinte.html" class="text-white hover:text-blue-200 transition-colors 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="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link font-semibold">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-        </nav>
-        <!-- Mobile Menu -->
-        <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-            <div class="px-4 py-4 space-y-3">
-                <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                <a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                <a href="../roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
-                <a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors 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="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="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
+
+            <!-- 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>
-                <a href="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a>
             </div>
-        </div>
+        </nav>
     </header>
 
     <!-- Main Content Container -->
@@ -213,22 +212,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/menu/desprenoi.html b/menu/desprenoi.html
index 3343778..56737ef 100644
--- a/menu/desprenoi.html
+++ b/menu/desprenoi.html
@@ -21,70 +21,69 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
-                    <a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link font-semibold">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/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="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="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">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="alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </div>
                     </div>
-                    <a href="referinte.html" class="text-white hover:text-blue-200 transition-colors 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="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-        </nav>
-        <!-- Mobile Menu -->
-        <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-            <div class="px-4 py-4 space-y-3">
-                <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                <a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                <a href="../roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
-                <a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors 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="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="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
+
+            <!-- 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>
-                <a href="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a>
             </div>
-        </div>
+        </nav>
     </header>
 
     <!-- Main Content Container -->
@@ -240,22 +239,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/menu/implementare.html b/menu/implementare.html
index 40429c3..04ded71 100644
--- a/menu/implementare.html
+++ b/menu/implementare.html
@@ -21,70 +21,69 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
-                    <a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
-                    <a href="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a>
-                    <a href="../roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="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="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="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="alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </div>
                     </div>
-                    <a href="referinte.html" class="text-white hover:text-blue-200 transition-colors 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="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-        </nav>
-        <!-- Mobile Menu -->
-        <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-            <div class="px-4 py-4 space-y-3">
-                <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                <a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                <a href="../roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
-                <a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors 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="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="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
+
+            <!-- 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>
-                <a href="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a>
             </div>
-        </div>
+        </nav>
     </header>
 
     <!-- Main Content Container -->
@@ -308,22 +307,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/menu/politica-confidentialitate.html b/menu/politica-confidentialitate.html
index 5e6a8ee..7c61f6b 100644
--- a/menu/politica-confidentialitate.html
+++ b/menu/politica-confidentialitate.html
@@ -21,45 +21,43 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
 
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors 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="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors 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>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="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="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">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="alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </div>
                     </div>
-                    <a href="referinte.html" class="text-white hover:text-blue-200 transition-colors 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="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
 
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
@@ -67,22 +65,22 @@
             </div>
 
             <!-- Mobile Menu -->
-            <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-                <div class="px-4 py-4 space-y-3">
-                    <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                    <a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                    <a href="../roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
-                    <a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors 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="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="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
+            <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="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a>
+                    <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>
@@ -141,22 +139,26 @@
     </main>
 
     <!-- Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/menu/referinte.html b/menu/referinte.html
index 6084ac4..8555f8e 100644
--- a/menu/referinte.html
+++ b/menu/referinte.html
@@ -72,70 +72,69 @@
 
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
 
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors 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="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors 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>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="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="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">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="alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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="angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
 
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-        </nav>
-        <!-- Mobile Menu -->
-        <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-            <div class="px-4 py-4 space-y-3">
-                <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                <a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                <a href="../roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
-                <a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors 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="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="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
+
+            <!-- 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>
-                <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="angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a>
-                <a href="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a>
             </div>
-        </div>
+        </nav>
     </header>
 
     <main>
@@ -376,22 +375,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/menu/roa-suport-tehnic.html b/menu/roa-suport-tehnic.html
index 4a71a39..ce7e770 100644
--- a/menu/roa-suport-tehnic.html
+++ b/menu/roa-suport-tehnic.html
@@ -21,70 +21,69 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
-                    <a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
-                    <a href="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a>
-                    <a href="../roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="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="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">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="alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </div>
                     </div>
-                    <a href="referinte.html" class="text-white hover:text-blue-200 transition-colors 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="contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-        </nav>
-        <!-- Mobile Menu -->
-        <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-            <div class="px-4 py-4 space-y-3">
-                <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                <a href="desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                <a href="../roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
-                <a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors 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="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="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
+
+            <!-- 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>
-                <a href="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a>
             </div>
-        </div>
+        </nav>
     </header>
 
     <!-- Main Content Container -->
@@ -295,22 +294,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/professional-theme.css b/professional-theme.css
index 846191b..fe7c097 100644
--- a/professional-theme.css
+++ b/professional-theme.css
@@ -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 {
-    /* Soft Professional Color Palette - Reduced Saturation 40-50% */
-    --executive-navy: #2c3e50;             /* Softer navy foundation */
-    --soft-professional-blue: #5288c4;    /* Much lighter than #1565c0 - primary soft blue */
-    --gentle-trust-blue: #4a7ba7;         /* Softer than #0d47a1 - gentle trust */
-    --muted-accent-red: #b85555;           /* Much softer than #c62828 - muted red */
-    --soft-executive-white: #fafbfc;      /* Clean background maintained */
-    
-    /* Soft Professional Design System */
-    --background: #fafbfc !important;                   /* Soft executive white background */
-    --foreground: #2c3e50 !important;                  /* Soft executive navy for text */
-    --card: #ffffff !important;                         /* Pure white cards */
-    --card-foreground: #2c3e50 !important;             /* Soft executive navy text */
-    --card-hover: #f8f9fa !important;                  /* Very light hover */
-    
-    --primary: #5288c4 !important;                     /* Soft professional blue primary */
-    --primary-foreground: #ffffff !important;          /* White text on primary */
-    --secondary: #4a7ba7 !important;                   /* Gentle trust blue secondary */
-    --secondary-foreground: #ffffff !important;        /* White text on secondary */
-    
-    --accent: #b85555 !important;                      /* Muted accent red for attention */
-    --accent-foreground: #ffffff !important;           /* White text on accent */
-    
-    --muted: #f5f6f7 !important;                       /* Light gray muted */
-    --muted-foreground: #2c3e50 !important;            /* Soft executive navy muted text */
-    
-    --border: #cbd5e1 !important;                      /* gray-300, visible on white */
-    --input: #ffffff !important;                       /* White input background */
-    --ring: #5288c4 !important;                        /* Soft professional blue focus ring */
-    
-    /* Soft Professional Gradients - Gentle & Muted */
-    --navbar-bg: linear-gradient(135deg, #2c3e50, #4a7ba7) !important;               /* Soft navy to gentle trust blue */
-    --hero-gradient: linear-gradient(to bottom right, #e8f4f7, #ffffff, #f0f9fb) !important; /* Soft teal hero gradient */
-    --button-gradient: linear-gradient(90deg, #5288c4, #4a7ba7) !important;          /* Soft professional blue to gentle trust blue */
-    --red-gradient: linear-gradient(90deg, #b85555, #c67b7b) !important;             /* Muted red accent gradient */
-    
-    /* Typography - Professional and trustworthy */
-    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
-    --font-serif: 'Merriweather', Georgia, serif !important;
-    --font-mono: 'JetBrains Mono', monospace !important;
-    
-    /* Professional rounded corners */
-    --radius: 8px !important;
-    --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;
+    --font-sans: 'Plus Jakarta Sans', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    --font-body: 'Manrope', 'Plus Jakarta Sans', -apple-system, sans-serif;
+    --font-display: 'Plus Jakarta Sans', sans-serif;
+    --font-mark: 'Space Grotesk', sans-serif;
+
+    /* Surfaces & text */
+    --bg: #13203a;
+    --bg-soft: #16233c;
+    --surface: #1b2c48;
+    --surface-2: #223a5c;
+    --text: #ffffff;
+    --text-secondary: #aeb9cd;
+    --text-muted: #93a1bb;
+    --text-faint: #5d77a4;
+
+    /* Brand */
+    --primary: #7db0ee;          /* accent blue on dark */
+    --primary-strong: #2c63a8;   /* solid blue */
+    --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" */
+
+    /* Lines / chrome */
+    --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;
+
+    /* Hero */
+    --hero-bg: transparent;
+    --hero-glow: radial-gradient(1000px 460px at 50% -8%, rgba(98, 150, 220, 0.30), transparent 70%);
+
+    /* Pills / soft fills */
+    --pill-bg: rgba(255, 255, 255, 0.08);
+    --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);
+
+    /* Buttons */
+    --btn-primary-bg: #ffffff;
+    --btn-primary-text: #16233c;
+    --btn-primary-bg-hover: #e6eefb;
+    --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);
+
+    /* Radius */
+    --radius-sm: 9px;
+    --radius: 14px;
+    --radius-lg: 18px;
+    --radius-xl: 20px;
+    --radius-pill: 999px;
+
+    --shadow-card: 0 18px 40px -22px rgba(0, 0, 0, 0.55);
+    --ease: cubic-bezier(.16, .84, .44, 1);
 }
 
-/* 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 {
-    font-family: var(--font-sans) !important;
-    background: var(--background) !important;
-    color: var(--foreground) !important;
-    letter-spacing: var(--tracking-normal) !important;
+    font-family: var(--font-body) !important;
+    background: var(--bg) !important;
+    color: var(--text) !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 */
-.professional-card {
-    background: var(--card) !important;
-    border: 1px solid var(--border) !important;
-    border-radius: var(--radius) !important;
-    box-shadow: var(--shadow) !important;
-    position: relative !important;
-    transition: none !important;
-    transform: none !important;
+::selection { background: var(--primary-strong); color: #fff; }
+
+a { text-decoration: none; }
+
+h1, h2, h3, h4 {
+    font-family: var(--font-display) !important;
+    color: var(--text) !important;
+    letter-spacing: -0.02em !important;
+    line-height: 1.15 !important;
+    font-weight: 800 !important;
 }
 
-.professional-card:hover {
-    transition: none !important;
-    transform: none !important;
+.professional-text-primary { color: var(--text) !important; }
+.professional-text-secondary { color: var(--text-secondary) !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 {
-    background: var(--button-gradient) !important;
-    color: var(--primary-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;
+/* ============================================================
+   Wordmark (logo image kept; this styles any text fallback)
+   ============================================================ */
+.romfast-wordmark {
+    font-family: var(--font-mark);
+    font-weight: 700;
+    font-style: italic;
+    letter-spacing: -0.5px;
+    font-size: 22px;
+}
+.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 {
-    opacity: 0.9 !important;
+.brand-tagline {
+    font-size: 12px;
+    color: var(--text-muted);
+    font-style: italic;
 }
 
-.professional-btn-secondary {
-    background: transparent !important;
-    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 */
+/* ============================================================
+   Navbar — sticky, blurred
+   ============================================================ */
 .professional-navbar {
-    background: var(--navbar-bg) !important;
-    backdrop-filter: blur(12px) !important;
-    border-bottom: 1px solid var(--border) !important;
+    background: var(--nav-bg) !important;
+    -webkit-backdrop-filter: blur(16px);
+    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 {
-    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;
     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 {
     content: '' !important;
     position: absolute !important;
-    top: -50% !important;
-    left: -50% !important;
-    width: 200% !important;
-    height: 200% !important;
-    background: radial-gradient(circle, rgba(82, 136, 196, 0.03) 0%, transparent 50%) !important;
-    opacity: 0.5 !important;
-    animation: subtle-float 12s ease-in-out infinite !important;
+    inset: 0 !important;
+    background: var(--hero-glow) !important;
+    pointer-events: none !important;
+    animation: none !important;
+    width: auto !important;
+    height: auto !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); }
-    50% { transform: translate(20px, -20px) rotate(180deg); }
+/* ============================================================
+   Buttons
+   ============================================================ */
+.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-support {
-    background: var(--muted) !important;
+.professional-btn-urgent {
+    background: var(--accent) !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-radius: var(--radius-xl) !important;
-    padding: 3rem !important;
-    position: relative !important;
+    border-radius: var(--radius-lg) !important;
+    box-shadow: none !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 */
-.professional-icon-wrapper {
-    width: 80px !important;
-    height: 80px !important;
-    background: var(--button-gradient) !important;
+/* Feature card (3 differentiators) */
+.feature-card {
+    display: flex;
+    gap: 16px;
+    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;
+    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;
     align-items: center !important;
     justify-content: center !important;
-    margin: 0 auto 1.5rem auto !important;
+    margin: 0 auto 1.25rem auto !important;
 }
 
-/* Logo styling */
-.romfast-logo {
-    height: 60px !important;
-    filter: brightness(1.05) contrast(1.05) !important;
+/* ============================================================
+   Scroll-reveal
+   ============================================================ */
+[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 */
-h1, h2, h3 {
-    font-weight: 700 !important;
-    letter-spacing: -0.02em !important;
-    line-height: 1.2 !important;
+body:not(.light-mode) main .border-gray-200,
+body:not(.light-mode) main .border-gray-300,
+body:not(.light-mode) main .border-slate-200 {
+    border-color: var(--border) !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 */
-.professional-text-primary {
-    color: var(--foreground) !important;
-}
+body:not(.light-mode) main .text-gray-900,
+body:not(.light-mode) main .text-gray-800,
+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;
-}
-
-/* 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 */
+/* ============================================================
+   Responsive
+   ============================================================ */
 @media (max-width: 768px) {
-    .professional-hero {
-        padding: 2rem 1.5rem !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;
-    }
-}
\ No newline at end of file
+    .professional-hero { padding: 56px 18px 48px !important; }
+    .professional-support { padding: 44px 18px 18px !important; }
+}
diff --git a/professional-theme.js b/professional-theme.js
index f51a98d..7b6c0f0 100644
--- a/professional-theme.js
+++ b/professional-theme.js
@@ -11,10 +11,9 @@ function initializeProfessionalTheme() {
     initializeLucideIcons();
     initializeThemeToggle();
     initializeMobileMenu();
-    initializeCardAnimations();
+    initializeReveal();
     initializeScrollAnimations();
     initializeButtonEffects();
-    initializeHeroAnimations();
     initializeSmoothScrolling();
     initializeWebPSupport();
 }
@@ -26,40 +25,62 @@ 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() {
     const themeToggle = document.getElementById('theme-toggle');
     const body = document.body;
-    
+
+    // Default to dark; apply saved preference if present.
+    const savedMode = localStorage.getItem('mode') || 'dark';
+    if (savedMode === 'light') body.classList.add('light-mode');
+
     if (!themeToggle) return;
-    
-    // Check for saved theme preference or default to light mode
-    const currentTheme = localStorage.getItem('theme') || 'light';
-    if (currentTheme === 'dark') {
-        body.classList.add('dark-mode');
-        themeToggle.innerHTML = '<i data-lucide="moon" class="w-5 h-5"></i>';
-        lucide.createIcons();
-    }
-    
+    setToggleIcon(themeToggle, body.classList.contains('light-mode'));
+
     themeToggle.addEventListener('click', () => {
-        body.classList.toggle('dark-mode');
-        
-        // Update icon and save preference
-        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
-        if (typeof lucide !== 'undefined') {
-            lucide.createIcons();
-        }
+        const isLight = body.classList.toggle('light-mode');
+        localStorage.setItem('mode', isLight ? 'light' : 'dark');
+        setToggleIcon(themeToggle, isLight);
     });
 }
 
+// Scroll reveal for [data-reveal] elements (staggered via data-i)
+function initializeReveal() {
+    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
 function initializeCardAnimations() {
     document.querySelectorAll('.professional-card').forEach(card => {
diff --git a/roa/aplicatii-erp.html b/roa/aplicatii-erp.html
index 4bb7c51..12faf3e 100644
--- a/roa/aplicatii-erp.html
+++ b/roa/aplicatii-erp.html
@@ -21,68 +21,66 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors 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="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="cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="../menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="../menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="../menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="../menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-            
+
             <!-- Mobile Menu -->
-            <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-                <div class="px-4 py-4 space-y-3">
-                    <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                    <a href="../menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                    <a href="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-gray-700 hover:text-blue-600 transition-colors 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 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="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>
+                    <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>
@@ -266,22 +264,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/roa/cum-arata-roa.html b/roa/cum-arata-roa.html
index b7d9eb9..016818b 100644
--- a/roa/cum-arata-roa.html
+++ b/roa/cum-arata-roa.html
@@ -101,66 +101,69 @@
 
     <!-- Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
 
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors 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="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a>
-                    <a href="cum-arata-roa.html" class="text-blue-200 font-medium nav-link border-b border-blue-200">Cum arată ROA</a>
+                <!-- Centered Navigation -->
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="../menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="../menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="../menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="../menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
 
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <!-- Theme Toggle & Mobile Menu -->
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-        </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>
+
+            <!-- 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>
-                <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>
+        </nav>
     </header>
 
     <main>
@@ -426,22 +429,26 @@
     </main>
 
     <!-- Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/roa/roa-aplicatii-specifice.html b/roa/roa-aplicatii-specifice.html
index a6d2f61..2a4c90a 100644
--- a/roa/roa-aplicatii-specifice.html
+++ b/roa/roa-aplicatii-specifice.html
@@ -21,71 +21,69 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors 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="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="cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="../menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="../menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="../menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="../menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-        </nav>
-        
-        <!-- Mobile Menu -->
-        <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-            <div class="px-4 py-4 space-y-3">
-                <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                <a href="../menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                <a href="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-gray-700 hover:text-blue-600 transition-colors 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>
+
+            <!-- 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>
-                <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>
+        </nav>
     </header>
 
     <!-- Main Content Container -->
@@ -379,22 +377,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/roa/roa-comenzi-clienti.html b/roa/roa-comenzi-clienti.html
index daaa4e8..320a1e8 100644
--- a/roa/roa-comenzi-clienti.html
+++ b/roa/roa-comenzi-clienti.html
@@ -28,68 +28,66 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors 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="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors font-medium 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>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="../menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="../menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="../menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="../menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-            
+
             <!-- Mobile Menu -->
-            <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-                <div class="px-4 py-4 space-y-3">
-                    <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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 font-medium 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>
-                    <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 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="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>
+                    <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>
@@ -204,22 +202,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/roa/roa-contracte-clienti.html b/roa/roa-contracte-clienti.html
index bd51669..055cfe2 100644
--- a/roa/roa-contracte-clienti.html
+++ b/roa/roa-contracte-clienti.html
@@ -28,68 +28,66 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors 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="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors font-medium 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>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="../menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="../menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="../menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="../menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-            
+
             <!-- Mobile Menu -->
-            <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-                <div class="px-4 py-4 space-y-3">
-                    <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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 font-medium 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>
-                    <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 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="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>
+                    <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>
@@ -224,22 +222,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/roa/roa-facturare.html b/roa/roa-facturare.html
index 8a6b980..8daa55c 100644
--- a/roa/roa-facturare.html
+++ b/roa/roa-facturare.html
@@ -28,68 +28,66 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors 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="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors font-medium 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>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="../menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="../menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="../menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="../menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-            
+
             <!-- Mobile Menu -->
-            <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-                <div class="px-4 py-4 space-y-3">
-                    <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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 font-medium 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>
-                    <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 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="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>
+                    <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>
@@ -236,22 +234,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/roa/roa-financiar-contabilitate.html b/roa/roa-financiar-contabilitate.html
index 6a0315b..caff418 100644
--- a/roa/roa-financiar-contabilitate.html
+++ b/roa/roa-financiar-contabilitate.html
@@ -21,71 +21,69 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
-                    <a href="../menu/desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
-                    <a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link font-medium">ROA</a>
-                    <a href="cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="../menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="../menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="../menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="../menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-        </nav>
-        
-        <!-- Mobile Menu -->
-        <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-            <div class="px-4 py-4 space-y-3">
-                <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                <a href="../menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                <a href="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-gray-700 hover:text-blue-600 transition-colors 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>
+
+            <!-- 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>
-                <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>
+        </nav>
     </header>
     <!-- Main Content Container -->
     <main class="container mx-auto px-4 py-8 max-w-7xl">
@@ -350,22 +348,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/roa/roa-gestiune.html b/roa/roa-gestiune.html
index 1a0af1c..1598c7a 100644
--- a/roa/roa-gestiune.html
+++ b/roa/roa-gestiune.html
@@ -22,71 +22,69 @@
 
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
-                    <a href="../menu/desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
-                    <a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors 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>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="../menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="../menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="../menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="../menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-        </nav>
-        
-        <!-- Mobile Menu -->
-        <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-            <div class="px-4 py-4 space-y-3">
-                <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                <a href="../menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                <a href="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-gray-700 hover:text-blue-600 transition-colors 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>
+
+            <!-- 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>
-                <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>
+        </nav>
     </header>
 
     <!-- Main Content Container -->
@@ -401,22 +399,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/roa/roa-horeca.html b/roa/roa-horeca.html
index b667659..b6dddb0 100644
--- a/roa/roa-horeca.html
+++ b/roa/roa-horeca.html
@@ -21,71 +21,69 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
-                    <a href="../menu/desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
-                    <a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors 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>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="../menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="../menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="../menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="../menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-        </nav>
-        
-        <!-- Mobile Menu -->
-        <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-            <div class="px-4 py-4 space-y-3">
-                <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                <a href="../menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                <a href="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-gray-700 hover:text-blue-600 transition-colors 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>
+
+            <!-- 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>
-                <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>
+        </nav>
     </header>
 
     <!-- Main Content Container -->
@@ -349,22 +347,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/roa/roa-imobilizari.html b/roa/roa-imobilizari.html
index 48ec1d3..d81ba4f 100644
--- a/roa/roa-imobilizari.html
+++ b/roa/roa-imobilizari.html
@@ -22,71 +22,69 @@
 
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
-                    <a href="../menu/desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
-                    <a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors 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>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="../menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="../menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="../menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="../menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-        </nav>
-        
-        <!-- Mobile Menu -->
-        <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-            <div class="px-4 py-4 space-y-3">
-                <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                <a href="../menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                <a href="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-gray-700 hover:text-blue-600 transition-colors 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>
+
+            <!-- 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>
-                <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>
+        </nav>
     </header>
 
     <!-- Main Content Container -->
@@ -380,22 +378,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/roa/roa-proiecte-devize.html b/roa/roa-proiecte-devize.html
index 2b74342..a779934 100644
--- a/roa/roa-proiecte-devize.html
+++ b/roa/roa-proiecte-devize.html
@@ -21,71 +21,69 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors 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="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors font-medium 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>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="../menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="../menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="../menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="../menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-        </nav>
-        
-        <!-- Mobile Menu -->
-        <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-            <div class="px-4 py-4 space-y-3">
-                <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                <a href="../menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                <a href="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-gray-700 hover:text-blue-600 transition-colors 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>
+
+            <!-- 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>
-                <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>
+        </nav>
     </header>
 
     <!-- Main Content Container -->
@@ -362,22 +360,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/roa/roa-service-auto.html b/roa/roa-service-auto.html
index 0652c87..bdf8503 100644
--- a/roa/roa-service-auto.html
+++ b/roa/roa-service-auto.html
@@ -22,71 +22,69 @@
     
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
-                    <a href="../menu/desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
-                    <a href="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors 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>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="../menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="../menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="../menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="../menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-        </nav>
-        
-        <!-- Mobile Menu -->
-        <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-            <div class="px-4 py-4 space-y-3">
-                <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
-                <a href="../menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
-                <a href="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-gray-700 hover:text-blue-600 transition-colors 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>
+
+            <!-- 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>
-                <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>
+        </nav>
     </header>
 
     <!-- Main Content Container -->
@@ -398,22 +396,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
diff --git a/roa/roa-situatii-financiare.html b/roa/roa-situatii-financiare.html
index 7f00059..a4b221d 100644
--- a/roa/roa-situatii-financiare.html
+++ b/roa/roa-situatii-financiare.html
@@ -20,68 +20,66 @@
 <body class="min-h-screen">
     <!-- Soft Professional Blue Header -->
     <header class="professional-navbar sticky top-0 z-50">
-        <nav class="container mx-auto px-4 py-4">
-            <div class="flex items-center justify-between">
-                <!-- Logo Section -->
-                <div class="flex items-center space-x-3">
-                    <img src="../images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
-                    <div class="hidden md:block">
-                        <p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
-                    </div>
-                </div>
-                
+        <nav class="container mx-auto px-4 lg:px-10 py-3">
+            <div class="flex items-center justify-between gap-6">
+                <!-- Logo -->
+                <a href="/index.html" class="flex items-center gap-3">
+                    <img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
+                    <span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
+                </a>
+
                 <!-- Centered Navigation -->
-                <div class="hidden lg:flex items-center space-x-8">
-                    <a href="../index.html" class="text-white hover:text-blue-200 transition-colors 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="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors font-medium 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>
+                <div class="hidden lg:flex items-center gap-7">
+                    <a href="/index.html" class="nav-link">Prima pagina</a>
+                    <a href="/menu/desprenoi.html" class="nav-link">Despre noi</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">
-                        <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>
                             <i data-lucide="chevron-down" class="w-4 h-4"></i>
                         </button>
-                        <div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
-                            <a href="../menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
-                            <a href="../menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
-                            <a href="../menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
-                            <a href="../menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
+                        <div 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">Analiza</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">Suport tehnic ROA</a>
+                            <a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
                         </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/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
-                    <a href="../menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
+                    <a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
+                    <a href="/menu/angajari.html" class="nav-link">Angajari</a>
+                    <a href="/menu/contact.html" class="nav-cta">Contact</a>
                 </div>
-                
+
                 <!-- Theme Toggle & Mobile Menu -->
-                <div class="flex items-center space-x-4">
-                    <button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
+                <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>
                     </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="x" class="w-6 h-6 hidden" id="close-icon"></i>
                     </button>
                 </div>
             </div>
-            
+
             <!-- Mobile Menu -->
-            <div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
-                <div class="px-4 py-4 space-y-3">
-                    <a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors 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 font-medium 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>
-                    <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 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="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>
+                    <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>
@@ -187,22 +185,26 @@
     </main>
 
     <!-- Professional Footer -->
-    <footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
-        <div class="container mx-auto px-4 text-center">
-            <div class="mb-6">
-                <img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
-                <p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
-            </div>
-            <div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
-                <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>
+    <footer class="site-footer">
+        <div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
+            <!-- Aplicații online -->
+            <div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
+                <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>
-                <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 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>
     </footer>
 
