# ==============================================================================
# DEBLOCARI BUCURESTI V2 - MASTER ARCHITECTURE & LLM INSTRUCTION MANUAL
# ==============================================================================

## 1. PREZENTARE GENERALA PROIECT
Acest proiect este o platforma web ultra-performanta pentru servicii de lacatuserie de urgenta (usi apartament, masini) si un laborator avansat de microelectronica auto.
- **Tech Stack:** React (Vite), Wouter (routing), Tailwind CSS, Shadcn UI (Componente de baza), Radix UI (Primitivi), Framer Motion / CSS nativ pentru animatii.
- **Scop:** Generare rapida de lead-uri, conversie de urgenta (apel telefonic) si autoritate SEO pe nise tehnice foarte specifice.

## 2. DESIGN SYSTEM & UI/UX RULES ("THE QUIET CRAFT" & "CYBERPUNK V2")
Orice componenta sau pagina nou generata de un LLM pentru acest proiect TREBUIE sa respecte urmatoarele reguli vizuale:
- **Tematica:** Dark Mode / Glassmorphism / High-Tech.
- **Paleta Cromatica Principala:** Fundaluri ultra-intunecate (#050608, #0b0f19, #090d16).
- **Accente Neon (Glow):** Cyan (#00E5FF), Purple (#7C3AED), Red (#EF4444 - pentru urgente), Emerald (#10B981 - pentru module reparate), Amber.
- **Stilizare Containere:** Nu folosim block-uri solide plictisitoare. Folosim clase precum `.glass-dark`, `.glass-bento`, `backdrop-blur-md`, borduri fine (ex: `border-cyan-500/20`) si umbre luminoase (`shadow-[0_0_15px_rgba(34,211,238,0.15)]`).
- **Micro-interactiuni:** Hover pe carduri cu `group-hover:scale-105`, schimbari de bordura si fundaluri pseudo-elemente (ex: liniile laser care coboara).
- **Elemente Specifice de Fundal:** Folosim `.mesh-grid-v2` sau alte background-uri radiale pentru a crea adancime si o retea "multiplexata". Se accepta linii de scanare `.fine-scanline-sweep` si sfere ambientale `.animate-ambientPulse`.

## 3. REGULI CRITICE DE CONTINUT (ZERO DIACRITICE)
- **REGULA DE AUR:** Este STRICT INTERZISA folosirea diacriticelor (ă, â, î, ș, ț, Ă, Â, Î, Ș, Ț) in orice fisier `.tsx` sau `.jsx` pe partea de text vizibil (UI). Motivul este prevenirea problemelor de encoding si compatibilitatea cu fonturile monospatiate de sistem. 
- Inlocuiri obligatorii: "ă" -> "a", "ș" -> "s", "ț" -> "t", "î/â" -> "i/a".

## 4. ARHITECTURA DE ROUTING (APP.TSX)
Proiectul foloseste `wouter` cu un sistem de `lazy()` loading si o componenta `<Suspense>` (`PageLoader` in stil cyberpunk). 
Categoriile de rute sunt impartite in 3 piloni mari:

### A. Rute Usi Rezidentiale (Lacatuserie Mecanica)
- /deblocare-usi-metalice (Pagina Pilon)
- /deblocari-usi-sector-[1-6] (Pagini locale pe sectoare)
- Focus: Deschidere fara daune, inlocuire cilindrii anti-bumping, broaste multipunct, reglaje balamale.

### B. Rute Auto & Chei (Lacatuserie Auto)
- /deblocare-masini
- /deblocari-auto-bucuresti
- /deblocari-auto-sector-[1-6]
- /inlocuire-chei-auto, /chei-pierdute, /am-pierdut-cheile-de-la-masina
- Focus: Scule Genuine Lishi, bypass fara zgarieturi, programare chei cip, extragere din portbagaj.

### C. Rute Laborator Electronica (Microelectronica & Software)
Aceste pagini contin detalii stiintifice/tehnice profunde, coduri specifice de eroare si metodologii de laborator (bench/boot mode):
- /laborator-electronica (HUB-UL CENTRAL)
- /reparatie-bcm-land-rover (Erori B10A2, U0140, Crash data KVM, procesoare Freescale/NXP)
- /reparatie-ecu-bosch (EDC15V/P, eroare 65535, Flash/EEPROM, drivere putere)
- /reparatie-ecu-xsara-picasso (ECU SH, virginizare BSI, Immo Locked)
- /immo-off-general (Bypass verificare cheie, emulatoare hardware, editare hexazecimala)
- /virginizare-bsi-psa (Caderi de tensiune, corupere dump, protectie copiere rulaj)
- /clear-crash-airbag (Stergere B1193, crash data locked, procesoare Renesas/MAC)
- /reparatie-modul-frm (FRM3 BMW, lumini blocate, MC9S12XEQ384 corupt)
- /calibrare-kilometraj (Odometer correction pentru aliniere in urma schimbarii de piese SH).

## 5. STRUCTURA OBLIGATORIE A UNEI PAGINI NOI
Cand un LLM este instruit sa creeze o pagina noua in acest proiect, ea trebuie sa arate astfel:
1. **Importuri:** React, `wouter`, componenta `<SEO>`, `Select`, `Button`.
2. **State Management:** Un mini `PriceCalculator` dinamic, adaptat tematicii paginii (cu selectori relevanti ex: Tip motor, Tip piesa, Tip urgenta). Costurile se calculeaza simulat in `useEffect` sau handler si adauga autoritate platformei.
3. **<SEO />:** JSON-LD Schema (LocalBusiness sau Service) inclusa obligatoriu, adaptata 100% cu titlurile meta adecvate.
4. **Hero Section:** Aspect fluid, gradienturi bg-blue/indigo, titlu mare cu `.text-glow-heavy`, si o scurta descriere tehnica.
5. **Paneluri de Alert (Urgente):** Folosirea banerelor pe nuante de rosu inchis (`bg-red-950`) pentru sectiunile de risc, compliance legal (ex: Kilometraj) sau urgenta critica.
6. **Bento Grid / Proces Tehnologic:** Prezentarea modului de lucru in 3-4 pasi folosind iconite FontAwesome (`<i className="fas fa-..."></i>`) si text tehnic corect, centrat stanga, nu just-center rigid.
7. **FAQ (Strict pentru SEO):** O sectiune de detalii tip acordeon `<details>` la baza fiecarei pagini.
8. **Animatii Nativ Injectate:** Toate clasele de animatie custom (cum ar fi scanlines, neon pulse) trebuie injectate fie global, fie printr-un block de `<style dangerouslySetInnerHTML />` curat, fara caractere de escape viciate (`\"`).

## 6. COMPONENTA HEADER
Header-ul este ultra-optimizat. Foloseste un "Mega Menu" pe Desktop (structurat in coloane grid de 4) si un sistem de "Accordion Menu" pe mobile. 
- Headerul are `backdrop-blur` si detecteaza scroll-ul pentru a se restrange.
- Pe mobile foloseste un UI cu contrast puternic (`bg-[#0b0f19]`) in meniul de actiune pentru lizibilitate.
- Toate rutele din cele 3 categorii mari trebuie trecute aici. Atentie la state-ul de inchidere/deschidere a meniurilor (`isMobileMenuOpen`, `isMegaMenuOpen`).

## 7. TONUL DE COMUNICARE (COPYWRITING)
- LLM-urile trebuie sa genereze textul in Romana, pastrand un ton **Profund Tehnic, Securizant si Autoritar**. 
- Noi nu „incercam” sa reparam. Noi „diagnosticam pe simulator, citim eeprom, virginizam si rescriem partitia de date pe procesoare”. Utilizatorii care vin aici au masini stricate sau probleme urgente. Vor solutii de laborator.

## 8. DEPANARE CUNOASCUTA PENTRU LLM-URI
- Daca generati cod CSS/Tailwind care contine SVG-uri in-line via `bg-[url('...')]`, fiti foarte atenti la ghilimele, preferabil folosind `style={{ backgroundImage: ... }}` in React pentru a preveni erorile de compilare in Vite.
- Nu lasati functii apelate din JSX in afara block-ului principal (ex: undefined `toggleMobileMenu`).