feat(faq): visual redesign — hero, chip toggles, 2-col colored cards

Replaced the flat vertical list with:
- Hero strip (gradient blue) with title, subtitle, and 2 stat pills
  showing total topics + section count
- Controls bar in a card: search input with inline icon, pill-shaped
  toggle button (green when hints ON), reset button with icon
- 2-column responsive grid of area cards. Each card has a colored
  header (service=blue, crm=purple, depozit=amber, finante=green)
  with icon + name + count badge
- Details/summary items use +/− indicators, tinted background when
  open, hover state; body has pill-styled links and green next-step
- Full dark-mode support
- Empty state with search icon

Same content, much easier to scan and looks like a proper help center.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-09-01 10:43:33 +00:00
parent dbac930523
commit cae2904c76
3 changed files with 259 additions and 54 deletions
+5
View File
@@ -151,6 +151,7 @@
"Adresă IP": "IP address",
"Adresă email": "Email address",
"Adresă livrare:": "Delivery address:",
"Aduce înapoi hint-urile ascunse": "Bring back dismissed hints",
"Advance": "Advance",
"Aer condiționat": "Air conditioning",
"Afișează detalii marjă la procesele calculate": "Show margin details in calculations",
@@ -936,6 +937,7 @@
"Generez ZIP...": "Generating ZIP...",
"Gestionează tokene API": "Manage API tokens",
"Gestionează utilizatori (creează/blochează)": "Manage users (create/block)",
"Ghid rapid AutoCRM": "AutoCRM quick guide",
"Global": "Global",
"Gol — trage un card aici": "Empty — drop a card here",
"Google Maps": "Google Maps",
@@ -2057,6 +2059,7 @@
"Toate plățile": "All payments",
"Toate produsele": "All products",
"Toate rolurile": "All roles",
"Toate răspunsurile la un click distanță. Fiecare pagină are propriile hint-uri „?\" — sau caută mai jos.": "All answers a click away. Every page has its own \"?\" hints — or search below.",
"Toate statusurile": "All statuses",
"Toate timpurile": "All time",
"Token generat!": "Token generated!",
@@ -2512,11 +2515,13 @@
"salarii": "salaries",
"salariu": "salary",
"sau": "or",
"secțiuni": "sections",
"set anvelope": "tire set",
"seturi anvelope": "tire sets",
"site": "Website",
"subcontractor": "subcontractor",
"subcontractori": "subcontractors",
"subiecte": "topics",
"săptămâna curentă": "current week",
"tehnician": "technician",
"tehnicieni": "technicians",