+
+
+ Accettazione formale
+
+
+ Scegli il tuo tier.
+
+
+ Seleziona l'opzione che preferisci. La conferma via questo modulo attiva il lavoro.
+
+
+
+ {/* Selezione tier */}
+
+ {tiers.map((tier) => (
+
+ ))}
+
+
+ {/* Email e note */}
+
+
+ {error && (
+
{error}
+ )}
+
+ {/* CTA */}
+
+
+
+
+
+
+ {header.consultantName} · Accettazione formale valida {header.validityDays} giorni dalla data di invio.
+
+
+
Come si parte
+
+
+ {state === "accepted" && acceptedAt && selectedTier ? (
+
+
+ ✓ Proposta accettata — Opzione {selectedTier}
+
+
+ Il kickoff è già in calendario.
+
+
+ Hai scelto l'Opzione {selectedTier} il{" "}
+ {acceptedAt.toLocaleDateString("it-IT", { day: "2-digit", month: "long", year: "numeric" })}.
+ Il consulente ti contatterà a breve per definire la data di kickoff.
+
+
+ ) : state === "rejected" ? (
+
+
+ Proposta non accettata
+
+
Grazie per il tuo tempo.
+
+ Se cambierai idea o vorrai discutere di altri progetti, siamo qui.
+
+
+ ) : (
+
+
+ Il kickoff è già in calendario.
+
+
+ Una volta confermata l'opzione, la prima sessione viene pianificata entro la settimana successiva.
+ Tutto parte da lì.
+
+
+ )}
+
+
+
+
+ {consultant.name} · {consultant.contact.email}
+ {consultant.contact.phone ? ` · ${consultant.contact.phone}` : ""}
+
+ {consultant.contact.website && (
+
{consultant.contact.website}
+ )}
+
+ Documento di Soluzione · {header.clientName} · {header.date}
+
+
+
+
+ Documento di Soluzione
+
+
+
+
+ {header.offerTitle.split(" ").map((word, i, arr) => {
+ const isLast = i === arr.length - 1;
+ return (
+
+ {isLast ? {word} : `${word} `}
+
+ );
+ })}
+
+ {header.offerDescription && (
+
{header.offerDescription}
+ )}
+
+ {header.clientName} × {header.consultantName}
+
+
+ Data: {header.date}
+ ·
+ Validità {header.validityDays} giorni
+
+
+
+
+
+
+
Come procedere ora
+
+ Tre passaggi
+ per attivare il lavoro.
+
+
+
+
+ {consultant.nextSteps.map((step) => (
+
+
{step.number}
+
+ {step.highlightedPart ? (
+ <>
+ {step.text.split(step.highlightedPart)[0]}
+ {step.highlightedPart}
+ {step.text.split(step.highlightedPart)[1]}
+
+ ) : (
+ step.text
+ )}
+
+
+ ))}
+
+
+
+
+ {consultant.name} · {consultant.contact.email}
+ {consultant.contact.phone ? ` · ${consultant.contact.phone}` : ""}
+
+
{expiryNote}
+
+
+ {/* Legale + accettazione */}
+
+
+
Termini legali
+
{consultant.legal.revisions}
+
{consultant.legal.ip}
+
{consultant.legal.nda}
+
Foro competente: {consultant.legal.forum}
+
+
+
Accettazione
+
{consultant.legal.acceptanceInstructions}
+
{expiryNote}
+
+
+
+
+
Le tre opzioni
+
+ Tre tappe, un solo risultato.
+
+
+
+
+ {tiers.map((tier, i) => {
+ const isHighlighted = i === 1; // tier B highlighted di default
+ const price = tier.publicPrice ?? tier.servicesTotal;
+ const durationLabel = `${tier.durationMonths} ${tier.durationMonths === 1 ? "mese" : "mesi"}`;
+
+ return (
+
+
+
+
+ Opzione {tier.tierLetter} / {durationLabel}
+
+
{tier.publicName}
+
+
+ {tier.tierLetter}
+
+
+
+
+
{formatEur(price)}
+
+ {tier.durationMonths > 1 ? `${tier.durationMonths} mesi` : "pagamento unico"}
+
+
+
+ {/* Servizi inclusi */}
+ {tier.services.length > 0 && (
+
+ {tier.services.map((s) => (
+ -
+ –
+ {s.name}
+
+ ))}
+
+ )}
+
+ );
+ })}
+
+
+
+ Le tre opzioni si compongono progressivamente. La C eredita tutto da B, che a sua volta eredita tutto da A.
+
+
+
+
Timeline
+
+ {timeline.totalWeeks} settimane di progressione.
+
+
+
+
+ {/* Header settimane */}
+
+
+ {weeks.map((w) => (
+
W{w}
+ ))}
+
+
+ {/* Righe fase */}
+ {timeline.phases.map((phase, i) => {
+ const colors = COLOR_MAP[phase.color];
+ return (
+
+
+ {i === 0 ? "OPZIONE A" : i === 1 ? "OPZIONE B" : "OPZIONE C"}
+
+
+ {phase.endWeek - phase.startWeek + 1} settimane
+
+
+ {weeks.map((w) => {
+ const active = w >= phase.startWeek && w <= phase.endWeek;
+ const isFirst = w === phase.startWeek;
+ const isLast = w === phase.endWeek;
+ return (
+
+ {isFirst && (
+
+ {phase.label}
+
+ )}
+
+ );
+ })}
+
+ );
+ })}
+
+
+ {/* Legenda */}
+
+ {timeline.phases.map((phase, i) => {
+ const colors = COLOR_MAP[phase.color];
+ return (
+
+ );
+ })}
+
+
+
+ › {timeline.disclaimer}
+
+