redesign theme

This commit is contained in:
Claude Agent
2026-06-25 23:25:41 +00:00
parent 6d69e7ffc6
commit cb2d9178fb
29 changed files with 2421 additions and 2085 deletions

View File

@@ -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>