Files
romfast-website/menu/aplicatii-online.html
Claude Agent b6ad4cdf9c Restructurare website: 26→15 pagini, temă unitară, meniu nou, Aplicații online
Squash merge din branch restructurare-site.

- 26→15 pagini active; temă unitară pe standardul index.html
- nav canonic propagat identic (logo→home, fără „Prima pagina"); dropdown ROA;
  „Servicii" (pagină consolidată), „Aplicații online" (nou), „Referințe"
- module ROA înglobate: comenzi→facturare#comenzi, situații→financiar#raportare,
  aplicatii-specifice→aplicatii-erp#capacitati, „Cum arată ROA"→aplicatii-erp#cum-arata
- pagini noi: menu/servicii.html, menu/aplicatii-online.html
- ștergeri: chatbot, desprenoi, analiza, implementare, roa-suport-tehnic,
  alteservicii, comenzi-clienti, situatii-financiare, aplicatii-specifice, cum-arata-roa
- corecții acuratețe (Capacități tehnice): scoase 2FA/criptare/app mobilă;
  raportare web marcată „în dezvoltare"
- referinte.html: contrast dark reparat; service-auto: referințe moarte scoase
- noindex pe chatbot_maria*; sitemap.xml actualizat; scroll-padding pentru ancore
- QA Playwright light+dark: 0 erori consolă, 0 linkuri interne rupte

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-26 14:46:13 +00:00

190 lines
14 KiB
HTML

<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aplicații online — instrumente gratuite | Romfast</title>
<meta name="description" content="Instrumente online gratuite construite de Romfast: editor de factură electronică (e-Factura XML), generatoare QR și iconuri, rezervări spații și altele. Le poți folosi direct din browser.">
<meta name="keywords" content="editor e-factura, generator qr, generator iconuri, qr pe pdf, rezervari spatii, aplicatii online gratuite, romfast">
<!-- 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>
<!-- Professional Theme CSS -->
<link href="../professional-theme.css" rel="stylesheet">
</head>
<body class="min-h-screen">
<!--NAV-START-->
<!-- ============ STICKY NAV (canonic — identic în toate paginile) ============ -->
<header class="professional-navbar sticky top-0 z-50">
<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 gap-7">
<div class="relative group">
<button class="nav-link flex items-center gap-1">
<span>ROA</span>
<i data-lucide="chevron-down" class="w-4 h-4"></i>
</button>
<div class="nav-dropdown absolute top-full left-0 mt-2 w-56 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
<a href="/roa/aplicatii-erp.html" class="block px-4 py-3">Toate aplicațiile</a>
<a href="/roa/roa-financiar-contabilitate.html" class="block px-4 py-3">Financiar &amp; Contabilitate</a>
<a href="/roa/roa-gestiune.html" class="block px-4 py-3">Gestiune</a>
<a href="/roa/roa-facturare.html" class="block px-4 py-3">Facturare &amp; e-Factura</a>
<a href="/roa/roa-contracte-clienti.html" class="block px-4 py-3">Contracte clienți și furnizori</a>
<a href="/roa/roa-imobilizari.html" class="block px-4 py-3">Imobilizări</a>
<a href="/roa/roa-horeca.html" class="block px-4 py-3">HORECA</a>
<a href="/roa/roa-service-auto.html" class="block px-4 py-3">Service Auto</a>
<a href="/roa/roa-proiecte-devize.html" class="block px-4 py-3">Proiecte &amp; Devize</a>
</div>
</div>
<a href="/menu/servicii.html" class="nav-link">Servicii</a>
<a href="/menu/aplicatii-online.html" class="nav-link">Aplicații online</a>
<a href="/menu/referinte.html" class="nav-link">Referințe</a>
<a href="/menu/angajari.html" class="nav-link">Angajări</a>
<a href="/menu/contact.html" class="nav-cta">Contact</a>
</div>
<!-- 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 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 mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
<div class="px-4 py-4 space-y-1">
<div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
<p class="eyebrow">ROA</p>
<a href="/roa/aplicatii-erp.html" class="nav-link block py-1 text-sm">Toate aplicațiile</a>
<a href="/roa/roa-financiar-contabilitate.html" class="nav-link block py-1 text-sm">Financiar &amp; Contabilitate</a>
<a href="/roa/roa-gestiune.html" class="nav-link block py-1 text-sm">Gestiune</a>
<a href="/roa/roa-facturare.html" class="nav-link block py-1 text-sm">Facturare &amp; e-Factura</a>
<a href="/roa/roa-contracte-clienti.html" class="nav-link block py-1 text-sm">Contracte clienți și furnizori</a>
<a href="/roa/roa-imobilizari.html" class="nav-link block py-1 text-sm">Imobilizări</a>
<a href="/roa/roa-horeca.html" class="nav-link block py-1 text-sm">HORECA</a>
<a href="/roa/roa-service-auto.html" class="nav-link block py-1 text-sm">Service Auto</a>
<a href="/roa/roa-proiecte-devize.html" class="nav-link block py-1 text-sm">Proiecte &amp; Devize</a>
</div>
<a href="/menu/servicii.html" class="nav-link block py-2">Servicii</a>
<a href="/menu/aplicatii-online.html" class="nav-link block py-2">Aplicații online</a>
<a href="/menu/referinte.html" class="nav-link block py-2">Referințe</a>
<a href="/menu/angajari.html" class="nav-link block py-2">Angajări</a>
<a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
</div>
</div>
</nav>
</header>
<!--NAV-END-->
<main>
<!-- Hero -->
<section class="professional-hero text-center">
<div data-reveal data-i="0" class="max-w-4xl mx-auto">
<span class="pill-badge">Instrumente gratuite</span>
<h1 class="hero-title">Aplicații online, <span class="accent">construite de noi</span>, libere pentru oricine.</h1>
<p class="hero-sub">
Pe lângă ROA, construim utilitare web pe care le punem la dispoziția publicului.
<strong>Le folosești direct din browser</strong>, fără instalare și fără cont.
</p>
</div>
</section>
<!-- Grid aplicații -->
<section class="max-w-6xl mx-auto px-4 lg:px-10 py-16">
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-5">
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" class="professional-card" style="padding: 26px 24px;">
<span class="feature-icon"><i data-lucide="file-text" class="w-5 h-5" style="color:var(--primary)"></i></span>
<span class="feature-title mt-4 inline-block">Editor Factură Electronică</span>
<p class="feature-desc mt-2">Încarci, editezi, tipărești și exporți facturi electronice în format XML (e-Factura) — direct în browser.</p>
<span class="link-arrow mt-4 inline-block">Deschide aplicația →</span>
</a>
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" class="professional-card" style="padding: 26px 24px;">
<span class="feature-icon"><i data-lucide="qr-code" class="w-5 h-5" style="color:var(--primary)"></i></span>
<span class="feature-title mt-4 inline-block">Generator coduri QR</span>
<p class="feature-desc mt-2">Generezi coduri QR pentru linkuri, text sau date de contact, gata de descărcat și tipărit.</p>
<span class="link-arrow mt-4 inline-block">Deschide aplicația →</span>
</a>
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" class="professional-card" style="padding: 26px 24px;">
<span class="feature-icon"><i data-lucide="shapes" class="w-5 h-5" style="color:var(--primary)"></i></span>
<span class="feature-title mt-4 inline-block">Generator iconuri</span>
<p class="feature-desc mt-2">Creezi rapid iconuri pentru aplicații și site-uri, în dimensiunile și formatele de care ai nevoie.</p>
<span class="link-arrow mt-4 inline-block">Deschide aplicația →</span>
</a>
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" class="professional-card" style="padding: 26px 24px;">
<span class="feature-icon"><i data-lucide="scan-line" class="w-5 h-5" style="color:var(--primary)"></i></span>
<span class="feature-title mt-4 inline-block">QR pe PDF</span>
<p class="feature-desc mt-2">Adaugi automat un cod QR pe un document PDF existent — util pentru facturi, contracte și formulare.</p>
<span class="link-arrow mt-4 inline-block">Deschide aplicația →</span>
</a>
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" class="professional-card" style="padding: 26px 24px;">
<span class="feature-icon"><i data-lucide="calendar-check" class="w-5 h-5" style="color:var(--primary)"></i></span>
<span class="feature-title mt-4 inline-block">Rezervări spații</span>
<p class="feature-desc mt-2">Rezervi spații și săli online, simplu și rapid, cu disponibilitatea vizibilă pe loc.</p>
<span class="link-arrow mt-4 inline-block">Deschide aplicația →</span>
</a>
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" class="professional-card" style="padding: 26px 24px;">
<span class="feature-icon"><i data-lucide="gamepad-2" class="w-5 h-5" style="color:var(--primary)"></i></span>
<span class="feature-title mt-4 inline-block">City Discovery</span>
<p class="feature-desc mt-2">Un joc de explorare a orașului — City Adventure Game, construit pentru distracție.</p>
<span class="link-arrow mt-4 inline-block">Deschide aplicația →</span>
</a>
</div>
<p class="hero-sub mx-auto text-center mt-10" style="font-size:15px;">
Ai nevoie de un instrument particular? <a href="/menu/contact.html" class="link-arrow">Spune-ne ce-ți trebuie →</a>
</p>
</section>
</main>
<!-- ============ 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>
</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>