Bono · Landing Pages · Q2 2026 · v5

Landing Pages Bono

Sistemul prin care publicăm și edităm orice pagină pe bono.ro fără ajutor de la Dev. Spec, decizie și plan pentru cele 6 săptămâni.

Owner analizăMarketing
ImplementareProdi + Adi
ReviewBogdan
PrioritateP0 · bono.ro
Data24 mai 2026
Nevoia
Marketing-ul trebuie să poată publica și edita orice pagină pe bono.ro fără să depindă de echipa de dev — în special landing pages pentru campanii Google Ads, pagini de industrie și hub-uri de conținut. Astăzi velocitatea e blocată de disponibilitatea lui Adi.
Produs
Extindem Payload CMS-ul existent cu pluginul MCP oficial. Edităm orice conținut prin chat cu Claude, fără să mai trecem prin admin UI. Pentru pagini noi: Claude Code (generare cod când e nevoie) + MCP (creare și editare conținut). Plus 6 template-uri și design system codificat ca tokens în cod.
Livrabile
Audit + setup MCP oficial · design system tokens în cod (sursă unică) · custom MCP tool pentru pagini noi · 6 template-uri (industrie, LP, Q&A, hub, embed, calculator wrapper) · cazul-test LP campanie · decizie despre migrare CAEN pe baza traficului real.
Zile/om
~32
Săptămâni
6
Persoane
4
Cost software
$0
01

Context & situație existentă

Ce există azi

Stack-ul actual e Next.js 15 + Payload CMS + MongoDB într-un singur repo monolitic (bono-landing-page). În Payload sunt 8 pagini, 23 tipuri de blocuri, 43 articole blog, 213 fișiere în media library. Plugin-urile active: Layout Builder, Live Preview, Drafts, Versions, SEO, Search, Form Builder.

Workflow-ul curent al marketing-ului: deschidem admin-ul Payload, asamblăm pagini din blocurile existente (ex. Înființare SRL = 8 blocuri), folosim Live Preview. Pentru editări mari sau pagini noi depindem de Adi.

Există și un skill Claude (bono-edge-120526) cu tokens și componente — am experimentat cu el, dar nu e încă integrat în workflow-ul de producție. Acest plan închide bucla.

Cele 3 gap-uri active
  • Gap 1 — Design system aplicat consistent. Există în Claude ca skill, dar nu e codificat ca tokens cu care Payload theme să fie aliniat. La 6-7 blocuri pe pagină, editarea devine obositoare.
  • Gap 2 — Editare universală texte & SEO. Calculator Taxe, sub-paginile CAEN, Verificare Nume — multe părți încă nu pot fi editate de marketing în Payload. Orice modificare necesită task la Adi.
  • Gap 3 — Template-uri lipsă pentru tipuri noi. Nu există template parametrizat pentru: pagină de industrie, landing campanie (cu noindex), hub Q&A, hub resurse, embed generic, calculator wrapper.
Stare actuală MCP în Payload

În admin-ul Payload există 3 colecții MCP (MCP, Mcp Audits, API Keys) — rezultatul unui experiment al lui Adi. Nu e lansabil în producție din motive de securitate, nu a fost dedicat timp serios, nu a fost testat de marketing. Nu se știe sigur dacă a folosit pluginul oficial sau o variantă community. Un audit rapid (Săpt. 1) clarifică.

Descoperire critică

Payload a fost achiziționat de Figma în iunie 2025. Stack-ul nostru e pe roadmap-ul oficial Figma Sites + Payload CMS, cu integrare nativă în lucru. În plus, există pluginul MCP oficial @payloadcms/plugin-mcp — complet documentat, gratis, cu RBAC built-in. Asta schimbă calculul față de aprilie când brief-ul a fost scris.

02

Nevoia & done criteria

Job principal

Marketing: când lansăm o campanie Google Ads nouă, vrem să publicăm landing page-ul dedicat în câteva ore, ca să măsurăm impactul izolat fără să așteptăm disponibilitatea lui Adi.

Joburi secundare
  • Adi (dev): când marketing-ul are nevoie de o pagină nouă, vreau să nu fiu blocat de cereri repetitive de copy/SEO, ca să mă concentrez pe aplicația core.
  • Vizitator Ads: când dau click pe reclama bono.ro/lp/[x], vreau să găsesc o pagină care vorbește direct cu mine, ca să mă înscriu mai repede.
North star & metrici
  • Time-to-live (idee → publicat) — metrica unică pe care optimizăm.
  • Secundare: % pagini editabile fără cod · pagini/lună fără dev · conversie per LP campanie · trafic per pagină.
Done — ce înseamnă livrat
  • Publicăm o pagină LP nouă end-to-end fără să implicăm Adi/Prodi.
  • Toate textele vizibile și SEO-ul pe paginile Payload sunt editabile prin marketing (text-to-edit prin Claude + MCP).
  • 6 template-uri noi funcționale, folosibile din Payload sau prin chat cu Claude.
  • Design system tokens codificați într-un singur loc — Payload, Claude skill și frontend trag de aici.
  • Pagina /lp/[campanie] cu noindex flag funcționează cu tracking PostHog + UTM.
  • Putem genera un calculator nou folosind Claude Code (Adi face doar code review, nu rescrie).
  • Decizie informată despre migrarea sub-paginilor CAEN pe baza traficului real (nu migrate în Q2).
Notă despre CAEN

Nu migrăm sub-paginile CAEN în Q2. În Săpt. 6 măsurăm cât trafic atrag și decidem raportul cost-beneficiu între efortul de migrare și impactul SEO. Dacă da, migrarea intră în Q3 ca task incremental.

03

MCP Payload — ce e, ce poate

MCP (Model Context Protocol) e un standard prin care Claude vorbește cu sisteme externe — în cazul nostru, Payload. Nu e un generator de pagini, e o cale prin care Claude poate citi și modifica datele din Payload direct, fără să treci tu prin admin UI.

Distincția cheie · Lovable / Claude Code vs MCP
  • Lovable / Claude Code: generează cod (HTML, React, CSS). Outputul = fișiere care merg în repo prin git → deploy. Poate face orice — inclusiv calculator interactiv complex cu logică fiscală. Marketing poate folosi Claude Code direct pentru a genera un calculator nou.
  • MCP Payload: modifică date în Payload (creează / editează / șterge documente). Nu scrie cod în filesystem. Funcționează prin chat sau prin Claude Code.
  • Combinate rezolvă 100% din nevoile tale: Claude Code generează codul componentei când e nevoie, MCP editează textul ulterior, oricând.
Ce poate face pluginul oficial
  • CRUD per colecție — find, create, update, delete (fiecare toggleable individual). Pentru globals: find + update.
  • Custom tools — extinzi MCP cu logică custom (ex: tool care creează o pagină nouă din brief).
  • Custom prompts & resources — template-uri de instrucțiuni și date pe care Claude le poate folosi.
  • Optimizare tokens — limitează câmpurile returnate.
  • Răspuns sanitizat — redactează câmpuri sensibile.
  • Localizare automată dacă Payload are localization activat.
  • Audit log — toate operațiunile sunt logate (cine, ce, când).
Securitate

Pluginul oficial vine cu un model de securitate matur:

  • Bearer Token obligatoriu — fără cheie API, requestul e respins imediat.
  • Fiecare cheie e legată de un User Payload — access controls existente se aplică automat.
  • Privilegii minime per cheie (ex: o cheie pentru marketing cu acces doar la Pages).
  • Real-time toggle din admin — dezactivezi instant fără redeploy.
  • Best practices: rotație chei la 60-90 zile, doar find/update enable, audit log obligatoriu.
Ce poate vs ce NU poate singur

✓ POATE pentru ~90% din nevoile tale:

  • Crea o pagină de industrie nouă (combină blocuri existente cu copy nou).
  • Crea LP campanie cu noindex flag setat.
  • Edita orice text, SEO, configurare pe paginile existente.
  • Crea articole Q&A cu categorii.
  • Edita Header, Footer, Promotional Banners.
  • Edita textul din jurul calculatorului (titlu, descriere, FAQ, SEO).

✗ NU POATE singur (necesită Claude Code, pe care îl poate rula marketing):

  • Genera cod React nou (ex: un calculator cu logică fiscală inedită).
  • Crea block types noi în Payload (asta e file system).
  • Modifica codul intern al unei componente React publicate.

E același pattern ca pentru orice CMS: separezi logica (cod, revizuit înainte de merge) de conținut (CMS, editat liber de marketing). MCP face partea de conținut excelent.

04

Soluții CMS — 7 opțiuni comparate

Am evaluat toate direcțiile posibile. Tabel scurt pentru overview, urmat în secțiunea următoare de analiza detaliată per opțiune.

Opțiune Setup Cost 12 luni Migrare DS fit Time-to-live Risc
A. Payload extinsstatus quo+ 5-10 zile $0 Zero Manual, nativ în 2026 Mare (~60% reducere dev) Mic
B. Contentful StudioStripe, Klarna, Wise 15-20 zile $8-12K+ Mare (3-4 săpt) Bun Foarte mare (drag&drop) Mediu
C. Builder.iovisual builder 7-10 zile ~$600 Mediu Mediu Mare Mediu
D. Webflowsite separat 15+ zile ~$300+ Foarte mare Slab Mare doar pe simple Mare
E. KeystaticGit-based MDX 10-15 zile $0 Mediu-mare Manual Mediu Mediu
F. Payload + MCP oficialClaude editează direct Recomandat 3-5 zile $120-360 Zero Manual, nativ în 2026 Foarte mare (text-to-edit) Mic
G. Sanity + Content Agent+ Vercel AI 20-30 zile $500-1500+ Foarte mare Bun Foarte mare Mediu-mare
05

Ce aduce fiecare alternativă

Pentru fiecare opțiune relevantă, ce câștigi concret și ce schimbi în workflow.

F Payload + MCP oficial Recomandat
Ce câștigi
Marketing-ul editează orice pagină prin chat cu Claude. "Schimbă headline-ul pe /lp/programatori în X" → modificare în câteva secunde, fără admin Payload, fără task la Adi. Pagini noi se creează printr-un custom tool care înțelege template-urile.
Cost real
$0 software (open source). $10-30/lună API Claude. Total $120-360/an.
Ce schimbi
Nimic în stack-ul actual. Adăugăm pluginul, codificăm tokens, scriem un custom tool (~2 zile). Restul (Live Preview, Drafts, Versions, SEO, blocks) rămân exact cum sunt.
Perfect pentru
Echipe mici (1-3 marketeri), confort tehnic minim, vor să elimine bottleneck-ul dev fără să schimbe stack-ul. Exact profilul nostru.
Limite
Nu există drag-and-drop visual. Pentru asta, B (Contentful) sau G (Sanity).
B Contentful Studio Marketer-first enterprise
Ce câștigi
Drag-and-drop canvas cu componente design-system-backed. "Asamblezi pagini vizual ca în Notion sau Webflow": tragi un Hero, tragi un FAQ, le aranjezi. Design tokens panel — schimbi o culoare și se actualizează pe toate paginile instant. AI integrat pentru generare copy. A/B testing nativ.
Cost real
~$489/lună Premium + Studio add-on (~$200-500/lună). Plus efort migrare $3K-6K dev. Total an 1: ~$8-12K+.
Ce schimbi
Înlocuiești Payload pentru paginile de marketing. Migrare 5 faze: audit, re-modeling, data transform, SEO redirects, cutover. Calculator/CAEN rămân în Next.js, dar textele trase prin Contentful API.
Perfect pentru
Echipe marketing 5+ oameni, zeci de pagini noi/lună, branduri enterprise. Folosit de Stripe, Klarna, Wise.
Limite
Nu e drag-and-drop liber (constrâns de componente). Lock-in vendor. Cost crește cu scale.
G Sanity + Content Agent AI-first cu visual editing
Ce câștigi
Visual Editing — vezi draftul renderizat pe site live, click pe orice element să sari la câmpul corect. Content Agent — chat AI built-in: "adaugă link Facebook la 100 locații" (2 zile manual → 1 conversație), audit SEO pe sute de pagini instant.
Cost real
$15/seat Growth + AI credits ($0.05-$0.20/op). Pentru workflow normal: ~$30-80/lună + $20-100/lună AI. Plus migrare 4-6 săpt. Total an 1: $500-1500+.
Ce schimbi
Înlocuiești Payload. Migrare include re-modeling schema, Portable Text conversion, media re-import, rescriere queries Next.js. Pierzi MCP infrastructure și roadmap-ul Figma + Payload.
Perfect pentru
Echipe care vor visual editing + AI bulk ops, dar nu au deja un CMS care suportă MCP.
Limite
Cost vendor + lock-in. Singura "extra" față de F e drag-and-drop visual — nu justifică efortul de migrare pentru profilul nostru.
H Storyblok Honorable mention
Ce câștigi
Visual editor cu real-time preview reflectând site-ul live. Curba de învățare mai mică decât Contentful. Rapoarte: 30% mai rapid pe approval cycles.
Cost real
$99-799/lună. Migrare similară Contentful. Total an 1: $1.2K-10K+.
De ce nu
Adresează același job ca B/G cu cost similar. Nu adaugă nimic peste F+A pentru profilul nostru.
Alternativele eliminate
  • C. Builder.io — fragmentează stack-ul, mai puțin matur ca Contentful și Sanity.
  • D. Webflow — recreare design, tracking PostHog fragmentat, nu acoperă paginile complexe.
  • E. Keystatic — editorial features imature, fără investment Figma.
06

Design system — 3 strategii

Design system-ul BONO există acum ca skill Claude (bono-edge-120526). Înainte ai lucrat și cu Figma. Unde stă sursa de adevăr pe termen lung?

Strategie Sursa de adevăr Cum se aplică în Payload Pros Cons
A. Skill Claude rămâne sursăcodifici manual în Payload Skill bono-edge Prodi extrage manual tokens → Payload theme Zero tooling nou Duplicare, drift, vizualizarea cere generare Claude
B. Tokens în cod = SSOTskill citește din cod Recomandat Fișier TS în repo /design-system/tokens.ts Payload theme importă tokens direct din TS; skill îl referențiază Zero duplicare; o singură sursă; Figma poate fi adăugat ulterior Refactor inițial (extragere tokens în TS)
C. Figma + Claude paralelcod ca SSOT, 3 surfaces Cod, oglindit în Figma și skill Tokens publicate la Figma variables (via Figma MCP) + skill Designeri externi pot folosi Figma; review vizual Mai mult tooling; sync necesită disciplină
Recomandare

Strategy B — tokens în cod ca singură sursă de adevăr. Skill-ul Claude rămâne ca generator de pagini (citește din cod, nu duplică). Figma poate fi adăugat în lună 6 dacă apare nevoia de design exploration cu Bogdan sau designeri externi.

07

Decizia — F + A + Strategy B

Direcția aleasă

Extindem Payload-ul (A) + cablăm pluginul MCP oficial (F) + codificăm design system-ul ca tokens TypeScript SSOT (Strategy B). Plus 6 template-uri noi de pagină.

De ce această combinație
  • Time-to-live (north star) e maxim cu zero migrare — pornim din ce avem.
  • Pluginul MCP oficial e gratis, matur și are RBAC built-in.
  • Tokens în cod sincronizează toate surfaces fără duplicare.
  • Singura soluție pe roadmap-ul oficial Figma → integrare nativă în 2026.
  • TCO 12 luni: $120-360 vs $500-12000 pentru alternative.
  • Reversibilitate: dacă greșim, ne întoarcem ușor; nimic nu e rupt.
  • Acoperă 100% jobul #1 în 6 săptămâni.
Trade-off-uri acceptate
  • UX-ul Payload rămâne dev-first pentru cazuri marginale. Mitigăm prin MCP.
  • Pentru template-uri NOI încă depinde Adi/Prodi. OK pentru 6 template-uri inițiale.
  • Drag-and-drop visual nu există. Acceptat în favoarea time-to-live și costului zero.
  • Pentru calculator nou, marketing-ul rulează Claude Code → Adi face code review light (~15 min). Review = siguranță, nu rescriere.
08

Arhitectură — 3 căi de lucru

Calea 1 — Pagină nouă simplă (industrie, LP, Q&A, hub)

Pentru pagini care combină blocuri existente cu copy nou. Marketing autonom, zero dev:

1
Marketing în chat cu Claude: "Creează o pagină de industrie pentru programatori folosind template-ul T1 și tokens-urile BONO"
2
Claude folosește custom MCP tool → creează document Page în Payload cu blocurile corecte
3
Live Preview se actualizează; marketing confirmă și publică din admin
4
Deploy automat prin CI/CD Camscape; PostHog tracking activ
Calea 2 — Pagină nouă complexă (calculator cu logică)

Pentru pagini cu logică React inedită. Marketing generează codul cu Claude Code, Adi face code review light:

1
Marketing în Claude Code: "Generează componenta React pentru un calculator de tarif freelancer cu formule X, Y, Z pentru PFA"
2
Claude Code scrie /components/calculators/TarifFreelancer.tsx + tests + un block type Payload "Calculator Slot"
3
Marketing testează local: rulează pagina, verifică că matematica e corectă
4
Marketing face PR; Adi face code review light (~15 min — verifică siguranță, convenții; NU rescrie)
5
Merge → deploy. Marketing creează pagina folosind T6, selectează slot-ul calculator, adaugă text editabil
6
De aici încolo: editări text/SEO prin MCP, fără dev
Calea 3 — Editare conținut existent

Cea mai folosită zilnic. Marketing autonom pentru orice modificare:

1
Marketing în chat: "Schimbă headline-ul de pe /lp/programatori în 'Contabilitate care înțelege codul'"
2
Claude apelează MCP tool → modifică block-ul Hero din document
3
Audit log în MCP Audits (cine, ce, când)
4
Live Preview se actualizează; marketing confirmă publicarea sau merge înapoi prin Versions
Decizii arhitecturale
  • Stack rămâne Next.js + Payload + MongoDB — zero migrare.
  • MCP-ul oficial înlocuiește experimentul lui Adi. Adi rămâne owner pentru cablare și RBAC.
  • Design tokens în /design-system/tokens.ts — sursă unică pentru Payload, skill, frontend.
  • Template-urile sunt parametrizate — duplici, schimbi 5-6 câmpuri, ai pagină nouă.
  • Flag noindex per pagină — must-have pentru /lp/*, editabil din Payload.
  • API Keys per scope — o cheie pentru marketing (acces limitat la Pages/Posts), separată de altele.
09

Cum funcționează un MCP tool

Un custom tool extinde MCP-ul dincolo de operațiile standard. Pentru noi: tool-ul "creează pagină nouă din brief" e suficient pentru 5 din cele 6 template-uri.

Cum îl folosește marketing-ul (din chat)
"Creează o pagină de industrie pentru programatori. Hero cu titlu 'Contabilitate pentru programatori freelancer', subtitlu despre înființare SRL în 3 zile. Trei beneficii: facturare automată, declarații e-Factură, calcul taxe în timp real. CTA spre /infiintare-srl. FAQ cu 5 întrebări frecvente despre PFA vs SRL pentru IT."

Claude înțelege brief-ul, alege template-ul corect (T1 — Industrie), extrage câmpurile, validează că se potrivesc cu schema Payload, și creează pagina ca draft. Marketing-ul primește "Pagina /programatori e creată ca draft, gata de review" și deschide Live Preview.

Ce face tool-ul "în spate"
1
Primește brief-ul de la Claude cu câmpuri structurate
2
Validează că datele sunt complete și se potrivesc cu schema template-ului
3
Construiește configurația de blocuri Payload
4
Aplică tokens-urile design system din tokens.ts
5
Creează documentul Page în MongoDB cu audit trail complet
6
Returnează URL-ul către pagina draft
De ce e suficient un singur tool

Acoperă 5 din 6 template-uri (industrie, LP, Q&A hub + item, resurse). Calculator wrapper (T6) necesită Claude Code separat pentru componenta React, dar conținutul din jur folosește același tool. Implementarea = ~2 zile Prodi.

10

Template-uri & blocuri noi

Cele 6 template-uri parametrizate pentru tipurile de pagini ce nu există acum:

T1 · Pagină de industrie
Industry / Persona
Același produs cu mesaj adaptat per audiență (programatori, medici, avocați, arhitecți). Duplici template-ul, schimbi 5-6 câmpuri, publici.
Hero adaptatBeneficiiTestimonialeCTA primaryFAQ
T2 · Landing /lp/*
Campaign LP cu noindex
Pentru fiecare campanie Google Ads / Meta — pagină neindexată, cu tracking conversion și UTM. Scopul: măsoară impactul izolat.
noindex flagUTM helpersConversion trackingHero LPCTA dedicat
T3 · Hub Q&A
Q&A hub + item
Colecție nouă + template hub pentru categorii (înființare, contabilitate, fiscal) și template item per întrebare. SEO-friendly.
Colecție Q&ASEO per item
T4 · Hub resurse
Resources hub
Pagină care grupează cele mai frecvente contracte pentru primul SRL. Structură similară Q&A, cu accent pe download.
ListăDownload tracker
T5 · Embed generic
Embed block
Bloc reutilizabil pentru widget-uri externe (Tally, Calendly, iframe) cu fallback content pentru SEO.
TallyCalendlyFallback text
T6 · Calculator wrapper
Calculator wrapper (text editabil + slot React)
Template pentru pagini cu logică React custom. Textul din jur (titlu, descriere, FAQ) e editabil din CMS via MCP; logica interactivă rămâne în cod, încărcată ca slot. Pentru un calculator nou: marketing-ul generează componenta cu Claude Code, Adi review light.
Hero editabilSlot ReactFAQSEO meta
11

Ce ar însemna o migrare totală

Dacă în viitor decidem că Payload nu mai e suficient și vrem să migrăm complet site-ul, ce am avea de făcut? Analiză concretă, ca să avem ordine de mărime — nu ca să o facem acum.

Cele 5 faze ale unei migrări totale
  • 1. Content audit — inventar complet: pagini, blocuri, câmpuri, relații, media, SEO meta. Pentru noi: 8 pagini + 43 articole + 213 media + 23 blocuri + Globals.
  • 2. Content model redesign — refacem structura pentru noul CMS. Rar 1-la-1 (Portable Text Sanity vs JSON Contentful vs Lexical Payload).
  • 3. Data transformation — scripturi Node.js care extrag din MongoDB Payload, transformă, încarcă în noul CMS. Pas critic.
  • 4. SEO preservation — 301 redirects, păstrare meta tags + structured data. Critic ca să nu pierdem ranking-uri.
  • 5. Cutover — content freeze pe Payload, run final import, rescriere queries Next.js, switch DNS. Parallel-running 1-2 săpt.
Efort & cost (Payload → Contentful)
  • Effort dev: 20-40 ore TypeScript (~$3K-6K freelance) sau 4-12 săpt enterprise.
  • Cost software an 1: ~$489/lună Premium + Studio add-on ≈ $8-12K/an.
  • Cost de oportunitate: 4-12 săpt unde echipa lucrează la migrare, nu la produs. ~50-120 pagini neproduse.
  • Ce pierdem: MCP infrastructure, integrarea nativă Figma + Payload (după H2 2026), codul custom.
  • Ce câștigăm: drag-and-drop visual editor, AI Studio, A/B testing nativ.
Trigger-i pentru reevaluare la 6 luni
  • Volumul pagini noi depășește 25/lună constant timp de 3 luni.
  • Apare nevoia de A/B testing nativ în CMS.
  • Echipa de marketing crește (2-3 colegi noi).
  • Apare nevoie de internaționalizare la scară mare.
  • Feedback marketing după 3-6 luni F+A: "chat-ul nu e suficient, vreau drag-and-drop".
Recomandare

Nu planificăm migrarea acum. F + A + Strategy B livrează aceeași autonomie ca un CMS marketer-first, fără cost și fără efort de migrare. Reevaluăm la 6 luni cu date concrete.

12

Deep dive — Contentful vs Sanity

Dacă în viitor F + A nu mai e suficient, cele două alternative serioase sunt Contentful și Sanity. Mai jos, analiza detaliată a fiecăreia — ce e, cum arată editarea, features marquee, pricing concret, efort migrare, pentru cine.

B Contentful Enterprise marketer-first
Ce e
Headless CMS SaaS lansat în 2013. Veteranul enterprise — robust, marketing puternic, scump. Conținutul stă în cloud-ul lor (AWS); frontend-ul Next.js îl trage prin API/GraphQL. Folosit de Stripe, Klarna, Wise, Audi, Bang & Olufsen, Lyft.
Editare
Două layere: interfața clasică (forms cu câmpuri — criticată ca developer-first) și Contentful Studio (lansat 2024, evoluat 2025-26). Studio aduce un canvas vizual cu drag-and-drop — tragi componente, vezi pagina cum arată, editezi inline.
Workflow tipic
Open Studio → "Create Experience" → alegi template → tragi blocuri Hero/FAQ/CTA → editezi inline → "Save Pattern" pentru reutilizare → preview live → Publish.
Marquee features
Patterns reutilizabile — secțiuni câștigătoare salvate ca template.
Design tokens panel — schimbi rozul, se propagă pe toate paginile.
Agentic Analytics (2026) — chat AI cu insights despre performanță.
Permissions granulare + A/B testing nativ + Localization built-in.
Limite
NU e drag-and-drop liber (constrâns de componente predefinite). Real-time collab limitat — risc de overwrite. Content modeling prin UI.
Pricing 2026
Free: $0/lună (10 users).
Lite: $300-850/lună.
Premium: "Contact sales", realist $1500-4000/lună.
Studio = add-on (~$200-500/lună).
Pentru noi: realist $12K-30K/an.
Migrare
20-40 ore TypeScript ($3K-6K freelance) sau 4-12 săpt enterprise.
Pentru cine
Echipe marketing 5+ oameni, multi-language, branduri cu consistency critică, bugete $10K+/an.
G Sanity Developer-friendly cu AI puternic
Ce e
Headless CMS lansat 2017, alternativă modernă la Contentful. Filozofia: content as code + real-time collab. Mai mic ca Contentful, mai inovator în 2024-26 (Content Agent, Visual Editing). Folosit de Figma, Linear, Burger King, Sonos, Cloudflare, Skims.
Editare
Sanity Studio = aplicație React open-source customizabilă. Două coloane: stânga formularul, dreapta preview-ul live. Editezi în stânga → vezi imediat în dreapta. Sau click pe orice element din preview → sari la câmpul corect.
Workflow tipic
Open Studio → click pe element din preview live → editezi inline → modificarea apare instant în preview (real-time) → publish. Sau prin Content Agent (chat AI built-in): "schimbă headline pe X la Y" → done.
Marquee features
Visual Editing + click-to-edit — preview live cu sări direct la câmp.
Real-time collab — tu și Bogdan editați simultan fără conflict.
Content Agent — bulk ops ("adaugă link FB la 100 locații" — 2 zile → 1 conversație), audit SEO pe sute de pagini.
Schema as Code — content types în TypeScript, version control git.
Portable Text — rich text ca JSON structurat.
Limite
Portable Text curbă de învățare la migrare. Mai puțin polished UI decât Contentful pentru non-tech absoluți.
Pricing 2026
Free: $0/lună (3 users, 10K docs).
Growth: $15/seat/lună, AI Assist inclus.
AI Credits: 100 gratuit/lună, apoi $0.05/credit.
Pentru noi (2 seats + AI moderat): ~$720/an. La 5 seats: ~$1440/an.
Migrare
25-50 ore TypeScript ($4K-7K freelance) sau 4-8 săpt enterprise. Portable Text conversion = pasul cel mai dur.
Pentru cine
Developer-led approach (schema în cod), echipe medii, buget mai mic ($500-2000/an), nevoie de AI puternic, stack Next.js.

Comparație directă pe axele care contează pentru BONO:

Axă Contentful Sanity Câștigător BONO
Visual editing Drag-drop puternic (Studio) Click-to-edit + real-time preview Egal
AI features Agentic Analytics Content Agent (bulk ops) Sanity
Real-time collab Limitat — risc overwrite Live co-editing, fără conflict Sanity
Content modeling UI builder vizual Schema as code (TypeScript) Sanity
Pricing 12 luni $12K-30K $720-1500 Sanity (10-20× mai ieftin)
Maturitate enterprise Stripe, Klarna, Wise Figma, Linear, Cloudflare Egal
Localization Built-in nativ Bun, setup necesar Contentful
Efort migrare 20-40h / 4-12 săpt 25-50h / 4-8 săpt Apropiat
Învățare marketing Mediu (UI polished) Mediu-mare (mai tehnică) Contentful
Învățare Adi/Prodi Mediu Mic (schema în cod) Sanity
Lock-in vendor Mare (proprietary) Mediu (export ușor) Sanity
Verdict — dacă ar fi să alegi una

Sanity ar fi mai potrivit decât Contentful pentru profilul tău:

  • Cost 10-20× mai mic.
  • Schema-as-code mai familiar pentru Adi/Prodi (apropiat de Payload).
  • Real-time collab mai utilă decât drag-and-drop pentru o echipă mică.
  • Content Agent acoperă același job ca MCP-ul Payload.
  • Cea mai bună integrare cu Next.js.
DAR — ambele au același minus față de F + A
  • 4-8 (Sanity) sau 4-12 (Contentful) săpt de migrare unde nu produci pagini noi.
  • Pierzi infrastructura MCP Payload pe care tocmai o construim.
  • Pierzi roadmap-ul Figma + Payload (vine în H2 2026).
  • Cost software pe care acum îl ai $0.
Când fiecare devine alegerea corectă

Sanity — dacă F + A nu funcționează după 3-6 luni, apare un coleg nou de marketing care vrea visual editing puternic, sau crezi că Content Agent built-in e mai matur decât ce putem construi pe Payload MCP.

Contentful — dacă BONO se mărește serios (marketing 5+, multi-country), apare cerința de brand consistency forțată prin tooling, sau bugetul nu mai e o constrângere.

Pentru contextul actual, dă o șansă F + A pentru 3-6 luni, măsoară, decide pe baza datelor reale. Migrarea la Sanity/Contentful e o ușă deschisă oricând.

13

Non-goals · dependențe · riscuri

Non-goals Q2 2026
  • Drag-and-drop visual editor — rămânem pe Live Preview + blocks.
  • Migrare sub-paginile CAEN — decidem la final pe baza traficului real.
  • Migrare completă a site-ului — analiza e în sec. 11 pentru viitor.
  • A/B testing nativ în CMS — folosim PostHog Feature Flags.
  • Migrare la Contentful, Sanity, Storyblok, Webflow, Builder.io, Keystatic — eliminate.
  • Internaționalizare / multi-language — out of scope Q2.
  • Generare automată de calculatoare cu logică fiscală — marketing poate cu Claude Code, trece prin code review light.
  • Setup Figma în Q2 — tokens în cod sunt suficiente.
Dependențe
  • Audit MCP existent (Adi) — Săpt. 1 clarifică dacă a folosit oficialul sau o variantă community.
  • Skill bono-edge-120526 — design system stabil înainte de extragere tokens în TS.
  • Cont API Anthropic — pentru Claude usage prin MCP (~$10-30/lună).
  • Acces Adi în săptămânile 3-4 — el construiește template-urile.
  • PostHog Feature Flags — există deja, folosim pentru A/B test.
Riscuri
  • Pluginul MCP oficial relativ nou — pot apărea limitări. Mitigăm prin test concret în Săpt. 5.
  • Dependă încă de Adi/Prodi pentru template-uri noi sau calculatoare — dar 1× per template.
  • UX-ul Payload rămâne dev-first pentru cazuri marginale. Mitigare prin MCP.
  • Cost AI variabil — dacă editările cresc la sute/lună, costul Claude API crește.
  • Drift între skill Claude și tokens TS — mitigăm prin import direct (skill citește din TS).
01

Plan de lucru — overview

În scurt

Landing Pages Bono se construiește în 6 săptămâni, organizat în 4 componente. C1 (design system) și C2 (MCP) pornesc în paralel în Săpt. 1-2; C3 (template-uri) depinde de ele; C4 (caz-test + decizie CAEN) e validarea finală.

Componente majore
  • C1 — Design system tokens SSOT. Extrage tokens din skill bono-edge într-un fișier TS în repo. Payload theme și skill-ul citesc de aici. Owner: Prodi + Adi
  • C2 — MCP oficial cablat + custom tool. Audit MCP existent al lui Adi, instalare/migrare la pluginul oficial, RBAC, custom tool pentru creare pagini din brief. Owner: Prodi + Adi + Alexandra
  • C3 — 6 Template-uri pagini noi. Industrie, LP campanie (noindex), Hub Q&A + item, Hub resurse, Embed generic, Calculator wrapper. Owner: Adi + Prodi
  • C4 — Caz-test LP + measure CAEN. Pagină /lp/[campanie] end-to-end; măsurăm trafic CAEN și decidem migrarea pe baza datelor. Owner: Alexandra + Bogdan
02

Breakdown pe săptămâni & taskuri

Săpt. 1 Fundații paralel — tokens SSOT + audit MCP ~5.5 zile/om
  • prodi
    Audit MCP existent al lui Adi → confirmă dacă e pluginul oficial sau community
    0.5z
  • prodi
    Extrage tokens din skill bono-edge → fișier /design-system/tokens.ts
    1.5z
  • prodi
    Conectează Payload theme la tokens TS (import direct, fără copy-paste)
    1z
  • adi
    Inventar blocuri Payload existente vs componente din skill — gap analysis
    1z
  • alexandra
    Validare vizuală: o pagină test cu tokens aplicate
    0.5z
  • bogdan
    Confirmă scope final + cont API Anthropic configurat pentru MCP
    0.5z
Săpt. 2 MCP oficial setup + RBAC + custom tool ~6.5 zile/om
  • prodi
    Instalare @payloadcms/plugin-mcp oficial, dezactivare experimentul lui Adi
    1z
  • prodi
    Configurare RBAC: API Keys per scope, permisiuni minime per cheie
    1.5z
  • prodi
    Implementare custom MCP tool pentru creare pagini din brief
    2z
  • prodi
    Audit log → MCP Audits collection (cine, ce, când)
    1z
  • alexandra
    Definește prompt-uri eficiente pentru workflow Claude + MCP; test inițial
    1z
Săpt. 3 Template-uri val. 1 — industrie + LP campanie ~5.5 zile/om
  • adi
    Template T1 "Pagină de industrie" — 5-6 câmpuri simple
    2z
  • adi
    Template T2 "Landing /lp/*" cu noindex flag editabil
    1.5z
  • prodi
    UTM helpers + conversion tracking pentru LP campanii
    1z
  • alexandra
    Copy pentru primele 2 template-uri (industrie programatori + LP testare)
    1z
Săpt. 4 Template-uri val. 2 — Q&A + hub + embed + calculator ~6 zile/om
  • adi
    Template T3 Hub Q&A + colecție Q&A nouă în Payload
    2.5z
  • adi
    Template T4 Hub resurse / contracte (cu download tracker)
    1.5z
  • prodi
    Bloc T5 Embed generic (Tally, Calendly, iframe) cu fallback text
    1z
  • adi
    Template T6 Calculator wrapper (text editabil + slot React)
    1z
Săpt. 5 Caz-test LP campanie + validare MCP ~5 zile/om
  • alexandra
    Pick campanie + brief + copy pentru LP test
    1z
  • alexandra
    Generează LP în chat cu Claude folosind custom tool + template T2
    1z
  • adi
    Review tehnic LP + deploy în producție
    0.5z
  • alexandra
    Test workflow MCP: cere modificări lui Claude pe LP-ul publicat
    0.5z
  • prodi
    Fix issues MCP descoperite în test
    1z
  • bogdan
    Setup tracking PostHog + Ads (Google + Meta) pentru LP test
    1z
Săpt. 6 Polish + măsurare trafic CAEN + decizie migrare ~4 zile/om
  • alexandra
    Analiză trafic sub-paginile CAEN → identifică top 10-20 pagini cu trafic real
    1z
  • bogdan
    Decizie comună: migrăm CAEN top-trafic? Plan incremental pentru Q3
    0.5z
  • prodi
    Documentație workflow marketing — runbook + cheat sheet prompt-uri
    1z
  • adi
    Polish: fix bugs descoperite în test, mici îmbunătățiri UX
    1z
  • bogdan
    Review final scope livrat + decizie publicare LP test pe traffic real
    0.5z
03

Estimare efort total

Zile/om
~32
Săptămâni
6
Persoane
4
Template-uri
6
Efort per persoană
  • Prodi — ~13 zile (~2.2 z/săpt) — fundații & infrastructure: tokens SSOT, MCP oficial install, RBAC, custom tool, UTM helpers, documentație.
  • Adi — ~11 zile (~1.8 z/săpt) — template-uri (T1, T2, T3, T4, T6), blocks mapping, review tehnic, polish.
  • Alexandra — ~6 zile (~1 z/săpt) — validare vizuală, prompt design, copy template-uri, caz-test LP, analiză trafic CAEN.
  • Bogdan — ~2.5 zile — scope confirmation, tracking PostHog + Ads, review final, decizie CAEN.
Atenție

Estimările presupun că Prodi e disponibil în săptămânile 1-2 (foundations) și Adi în săptămânile 3-4 (template-uri). Dacă Adi e blocat în săpt. 3-4, C3 se decalează 1-2 săpt. Recomand sync Bogdan-Prodi-Adi săptămânal de 30 min.

După Q2 — what's next
  • Decizie CAEN: dacă top-trafic justifică, migrare incrementală în Q3 (~2-3 zile/lună).
  • Template-uri suplimentare dacă apar nevoi noi.
  • Monitorizare time-to-live: dacă scădem sub 2 ore pentru o LP nouă, sistemul a livrat promisul.
  • Reevaluare migrare totală la 6 luni.
  • Integrare nativă Figma + Payload când Figma livrează (estimat H2 2026).
  • Opțional: setup Figma pentru design exploration (Strategy C upgrade).