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

Complete professional theme conversion across Romfast website

Browse Source 
Converted all website pages to modern professional theme with consistent design system:

### Pages Converted (21 total):
**Menu Pages (10):**
- desprenoi.html, contact.html, analiza.html, implementare.html
- roa-suport-tehnic.html, alteservicii.html, angajari.html
- suport.html, referinte.html, politica-confidentialitate.html

**ROA Module Pages (11):**
- roa-financiar-contabilitate.html (calculator icon)
- roa-resurse-umane.html (users icon)
- roa-imobilizari.html (building icon)
- roa-gestiune.html (package icon)
- roa-contracte-furnizori.html (truck icon)
- roa-clienti.html (user-check icon)
- roa-horeca.html (utensils icon)
- roa-analiza.html (bar-chart-3 icon)
- roa-aplicatii-specifice.html (settings icon)
- roa-service-auto.html, roa-proiecte-devize.html

### Technical Implementation:
- Migrated from Bootstrap 5 to Tailwind CSS + Flowbite
- Applied professional-theme.css with soft blue color palette
- Integrated Lucide icons for modern iconography
- Implemented responsive design with mobile-first approach
- Added dark/light theme toggle functionality
- Enhanced SEO with Romanian meta descriptions
- Maintained all original content and functionality

### Design Features:
- Consistent professional navbar with gradient background
- Hero sections with appropriate module icons
- Professional cards with hover effects and animations
- Modern typography using Inter, Merriweather fonts
- Unified color scheme: #5288c4 (primary), #4a7ba7 (secondary)
- Professional footer with company branding

All pages now follow the same professional design system established in index.html.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Marius Mutu
2025-08-15 00:00:46 +03:00
parent 9cd7886320
commit 90aa51bcf9
24 changed files with 6736 additions and 2674 deletions
Download Patch File Download Diff File Expand all files Collapse all files

321
menu/alteservicii.html
View File

@@ -3,148 +3,217 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Servicii - Alte Servicii</title>
<title>Servicii - Alte Servicii | Romfast - Sisteme Informatice ERP</title>
<meta name="description" content="Pe langa productia de software, Romfast ofera o gama completa de servicii auxiliare: analiza, implementare, suport tehnic si instruirea personalului.">
<meta name="keywords" content="servicii it, consultanta it, instruire software, training erp, romfast">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<meta name="keywords" content="servicii it, consultanta it, instruire software, training erp, romfast, servicii auxiliare, analiza business, implementare erp">
<!-- 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=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
<!-- Custom CSS -->
<link href="../new-style.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@300;400;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<!-- Professional Theme CSS -->
<link href="../professional-theme.css" rel="stylesheet">
</head>
<body>
<div class="page-wrapper">
<!-- Navigation & Branding Header -->
<header class="shadow-sm">
<nav class="navbar navbar-expand-lg navbar-dark py-3">
<div class="container">
<!-- Branding Section -->
<a class="navbar-brand d-flex flex-column align-items-start" href="../index.html">
<img src="../images/romfast_logo.png" alt="Romfast Logo" style="height: 70px; margin-bottom: 5px;">
<div>
<div class="slogan fs-6 text-white" style="font-family: 'Open Sans', sans-serif; font-style: italic;">Aduce informația în mâinile tale</div>
<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>
</a>
<!-- Toggler -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Links -->
<div class="collapse navbar-collapse" id="mainNav">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="../index.html">Prima pagina</a></li>
<li class="nav-item"><a class="nav-link" href="desprenoi.html">Despre noi</a></li>
<li class="nav-item"><a class="nav-link" href="../roa/aplicatii-erp.html">ROA</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle active" href="#" id="serviciiDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Servicii
</a>
<ul class="dropdown-menu" aria-labelledby="serviciiDropdown">
<li><a class="dropdown-item" href="analiza.html">Analiza</a></li>
<li><a class="dropdown-item" href="implementare.html">Implementare</a></li>
<li><a class="dropdown-item" href="roa-suport-tehnic.html">Suport tehnic ROA</a></li>
<li><a class="dropdown-item active" href="alteservicii.html">Alte servicii</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="referinte.html">Referinte</a></li>
<li class="nav-item"><a class="nav-link" href="angajari.html">Angajari</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
<li class="nav-item dropdown">
<button class="btn btn-outline-light dropdown-toggle ms-2" type="button" id="themeDropdown" data-bs-toggle="dropdown" aria-expanded="false">
Theme
</button>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="themeDropdown">
<li><a class="dropdown-item" href="#" data-theme="light">Light Mode</a></li>
<li><a class="dropdown-item" href="#" data-theme="dark">Dark Mode</a></li>
<li><a class="dropdown-item" href="#" data-theme="system">System Mode</a></li>
</ul>
</li>
</ul>
</div>
<!-- Centered Navigation -->
<div class="hidden lg:flex items-center space-x-8">
<a href="../index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
<a href="desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
<a href="../roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a>
<div class="relative group">
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link text-blue-200">
<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>
</div>
<a href="referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Referinte</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>
</div>
<!-- Theme Toggle & Mobile Menu -->
<div class="flex items-center space-x-4">
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
<i data-lucide="sun" class="w-5 h-5"></i>
</button>
<button class="lg:hidden text-white p-2">
<i data-lucide="menu" class="w-6 h-6"></i>
</button>
</div>
</div>
</nav>
</header>
<!-- Main Content -->
<main class="container my-5">
<div class="row justify-content-center">
<div class="col-lg-8">
<h1 class="mb-4">Alte Servicii</h1>
<p class="lead">Ca si in multe alte domenii, industria de IT-software inglobeaza, in afara de tehnologie moderna, o cantitate deosebita de munca depusa de oameni, exprimata in servicii auxiliare productiei si vanzarii aplicatiilor informatice.</p>
<p>Serviciile acordate de oameni calificati sunt deosebit de pretioase si extrem de utile in acelasi timp.</p>
<hr class="my-4">
<p>Echipa Romfast este pregatita pentru o gama completa de servicii, incluzand:</p>
<div class="card">
<div class="card-body">
<ul class="list-unstyled mb-0">
<li class="mb-2"><i class="bi bi-check-circle-fill text-primary me-2"></i>Analiza de business si de sistem</li>
<li class="mb-2"><i class="bi bi-check-circle-fill text-primary me-2"></i>Managementul proiectului de implementare</li>
<li class="mb-2"><i class="bi bi-check-circle-fill text-primary me-2"></i>Suport tehnic post-implementare</li>
<li class="mb-2"><i class="bi bi-check-circle-fill text-primary me-2"></i>Instruirea personalului beneficiarului</li>
<li class="mb-0"><i class="bi bi-check-circle-fill text-primary me-2"></i>Alte activitati ocazionate de implementarea aplicatiilor Romfast.</li>
</ul>
<!-- Main Content Container -->
<main class="container mx-auto px-4 py-8 max-w-6xl">
<!-- Professional Page Header -->
<section class="professional-hero text-center mb-12">
<div class="max-w-4xl mx-auto relative z-10">
<h1 class="text-4xl md:text-5xl font-bold mb-6 professional-text-primary">
Alte Servicii
</h1>
<p class="text-xl professional-text-secondary mb-8 leading-relaxed">
Pe lângă producția de software, Romfast oferă o gamă completă de servicii auxiliare pentru implementarea și utilizarea optimă a aplicațiilor informatice.
</p>
</div>
</section>
<!-- Professional Content Section -->
<section class="mb-16">
<div class="grid md:grid-cols-1 gap-8 max-w-4xl mx-auto">
<!-- Main Content Card -->
<div class="professional-card p-8">
<div class="prose prose-lg max-w-none professional-text-secondary">
<p class="text-lg mb-6 leading-relaxed">
Ca și în multe alte domenii, industria de IT-software înglobează, în afara de tehnologie modernă, o cantitate deosebită de muncă depusă de oameni, exprimată în servicii auxiliare producției și vânzării aplicațiilor informatice.
</p>
<p class="text-lg mb-8 leading-relaxed">
Serviciile acordate de oameni calificați sunt deosebit de prețioase și extrem de utile în același timp.
</p>
<div class="border-l-4 border-blue-500 pl-6 mb-8">
<p class="text-lg professional-text-primary font-medium">
Echipa Romfast este pregătită pentru o gamă completă de servicii, incluzând:
</p>
</div>
</div>
</div>
<!-- Services Grid -->
<div class="grid md:grid-cols-2 gap-6">
<!-- Service 1 -->
<div class="professional-card service-technology p-6">
<div class="flex items-center justify-center mb-4">
<div class="professional-icon-wrapper w-16 h-16">
<i data-lucide="search" class="w-8 h-8 text-white"></i>
</div>
</div>
<h3 class="text-xl font-semibold mb-4 professional-text-primary text-center">Analiză de Business și de Sistem</h3>
<p class="professional-text-secondary text-center leading-relaxed">
Analiză detaliată a proceselor de afaceri și identificarea celor mai potrivite soluții informatice pentru optimizarea activității.
</p>
</div>
<!-- Service 2 -->
<div class="professional-card service-reliability p-6">
<div class="flex items-center justify-center mb-4">
<div class="professional-icon-wrapper w-16 h-16">
<i data-lucide="settings" class="w-8 h-8 text-white"></i>
</div>
</div>
<h3 class="text-xl font-semibold mb-4 professional-text-primary text-center">Managementul Proiectului de Implementare</h3>
<p class="professional-text-secondary text-center leading-relaxed">
Coordonarea și supervizarea tuturor etapelor de implementare pentru asigurarea succesului proiectului.
</p>
</div>
<!-- Service 3 -->
<div class="professional-card service-technology p-6">
<div class="flex items-center justify-center mb-4">
<div class="professional-icon-wrapper w-16 h-16">
<i data-lucide="headphones" class="w-8 h-8 text-white"></i>
</div>
</div>
<h3 class="text-xl font-semibold mb-4 professional-text-primary text-center">Suport Tehnic Post-implementare</h3>
<p class="professional-text-secondary text-center leading-relaxed">
Asistență tehnică continuă pentru menținerea performanței optime a sistemelor implementate.
</p>
</div>
<!-- Service 4 -->
<div class="professional-card service-reliability p-6">
<div class="flex items-center justify-center mb-4">
<div class="professional-icon-wrapper w-16 h-16">
<i data-lucide="users" class="w-8 h-8 text-white"></i>
</div>
</div>
<h3 class="text-xl font-semibold mb-4 professional-text-primary text-center">Instruirea Personalului Beneficiarului</h3>
<p class="professional-text-secondary text-center leading-relaxed">
Programe complete de training pentru utilizarea eficientă a sistemelor informatice implementate.
</p>
</div>
<!-- Service 5 -->
<div class="professional-card service-technology p-6 md:col-span-2">
<div class="flex items-center justify-center mb-4">
<div class="professional-icon-wrapper w-16 h-16">
<i data-lucide="cog" class="w-8 h-8 text-white"></i>
</div>
</div>
<h3 class="text-xl font-semibold mb-4 professional-text-primary text-center">Alte Activități de Implementare</h3>
<p class="professional-text-secondary text-center leading-relaxed max-w-2xl mx-auto">
Servicii suplimentare personalizate, ocazionate de implementarea aplicațiilor Romfast, adaptate nevoilor specifice ale fiecărui client.
</p>
</div>
</div>
<!-- Call to Action -->
<div class="professional-card p-8 text-center">
<h2 class="text-2xl font-bold mb-4 professional-text-primary">Aveți nevoie de consultanță sau servicii auxiliare?</h2>
<p class="professional-text-secondary mb-6 leading-relaxed">
Contactați echipa noastră de specialiști pentru o evaluare gratuită și o ofertă personalizată.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="contact.html" class="professional-btn-primary px-8 py-4 text-lg">
<span>Contactați-ne</span>
</a>
<a href="../roa/aplicatii-erp.html" class="professional-btn-secondary px-8 py-4 text-lg">
<span>Explorați ROA</span>
</a>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-dark text-white text-center py-4 mt-5">
<div class="container">
<p>Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p>
<p><a href="../politica-confidentialitate.html" class="text-white">Politica de confidentialitate</a></p>
<!-- Professional Footer -->
<footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
<div class="container mx-auto px-4 text-center">
<div class="mb-6">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
</div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<p class="text-sm text-gray-400 mb-2">
Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.
</p>
<a href="../politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">
Politica de confidentialitate
</a>
</div>
</div>
</footer>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script>
function applyTheme(theme) {
const body = document.body;
const themeDropdownButton = document.getElementById('themeDropdown');
body.classList.remove('dark-mode'); // Always remove first
if (theme === 'dark') {
body.classList.add('dark-mode');
} else if (theme === 'system') {
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
body.classList.add('dark-mode');
}
}
themeDropdownButton.textContent = theme.charAt(0).toUpperCase() + theme.slice(1) + ' Mode';
localStorage.setItem('themePreference', theme);
}
document.querySelectorAll('.dropdown-item[data-theme]').forEach(item => {
item.addEventListener('click', function(event) {
event.preventDefault();
const theme = this.getAttribute('data-theme');
applyTheme(theme);
});
});
// Initial theme application based on saved preference or system preference
const savedTheme = localStorage.getItem('themePreference');
if (savedTheme) {
applyTheme(savedTheme);
} else {
// Default to system mode if no preference is saved
applyTheme('system');
}
// Listen for system theme changes if currently in system mode
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {
if (localStorage.getItem('themePreference') === 'system') {
applyTheme('system');
}
});
</script>
</div>
<!-- Professional Theme JavaScript -->
<script src="../professional-theme.js"></script>
</body>
</html>