Migrate /lp/es/barcelona to design tokens + shared components (FIL-856)

[filipagr]

The Spanish twin of /lp/barcelona, now structurally identical to the EN page from PR #105.

Closes FIL-856.

Stacked on #105 — it depends on PriceComparisonTable and the StatCard note prop. Base is the FIL-854 branch; retarget to main once that merges.

The page

	before	after
lines	637	269
hardcoded hex	59	0
inline style={{}}	65	0
inline fontFamily	18	0

Same section order and same components as the EN page: Hero, FeaturedInBar, StatCard, FeatureCard, PriceComparisonTable, IntegrationsSection, CtaBanner. useLang("es") and the lang / supportHref / contactSalesHref props on the navbar and footer are preserved.

Shared components needed three small extensions

Rather than keep translated duplicates, the components now take the Spanish copy:

• IntegrationsSection had English copy hardcoded, which is why this page inlined its own translated duplicate of the whole section. Copy is now overridable via optional props defaulting to the current English strings, and the duplicate is deleted.
• CtaBanner hardcoded a 480px heading cap; the Spanish heading needs 620. Now a headingMaxWidth prop, default 480.
• PriceComparisonTable coloured cells by parsing with a dot-decimal assumption, so 1,83 € parsed as 183 and rendered red as a large charge. Parsing now handles both conventions. This was a latent bug in Migrate /lp/barcelona to design tokens + shared components (FIL-854) #105 that only the Spanish figures expose.

All three land with English defaults, so no existing caller changes. Verified: the EN page still shows English integrations copy and a 480px CTA heading.

Localisation

Number formatting is now Spanish throughout, via a shared eurEs() formatter and PRICE_PER_TB_SHORT_EUR_ES / EUR_USD_RATE_ES / EUR_USD_RATE_SOURCE_ES in the pricing constants, used by both the page and routeMeta.mjs. The page previously contradicted itself: the hero said 4,99 €/TB while the stat card said €4.99/TB and the footnote said 4.99 €/TB.

This alters visible table figures (€49.90 becomes 49,90 €) and is the one change beyond a like-for-like migration. Spanish convention is a decimal comma with the symbol trailing, so it is part of "in Spanish", but it is easy to revert.

Terminology was unified on the untranslated egress. The page had used four different phrasings for the same concept: Egress in the table header, egress in the title and meta, tráfico de salida in the hero and section copy, and bare salida in the stat card and CTA. The pricing subhead said "10 TB de tráfico de salida" three words from a column header reading "Egress". This matches the other loanwords the page already keeps in English (endpoint, stack, SDK, Object Lock), and leaves the title, meta and column header untouched, so nothing SEO-relevant moves.

Over-translation fixed: vendor region labels had been rendered with Spanish exonyms (Backblaze's eu-central-003 Amsterdam as Ámsterdam, Wasabi's eu-west-2 Paris as París). These sit next to machine identifiers and should match what a reader sees in their own console. Reverted to the vendor spelling.

Copy revisions

Seven commits of Spanish copy review sit on top of the migration:

• CTA is now "Empieza con 30 días gratis" across all three call sites
• "Costes por egress" rather than "de", matching "sin cargos por egress" used elsewhere; applied to the CTA subhead too so the page does not split between the two prepositions
• Stat note "Con 10 TB de almacenamiento y 10 TB de egress"
• Pricing subhead "Un equipo en Barcelona con 10 TB de almacenamiento, 10 TB de egress al mes y 500.000 operaciones sobre objetos."
• Conversion footnote names both currencies: "convertido de USD a EUR utilizando un tipo de cambio de 1 € = 1,17 $ (BCE, mayo de 2026)". It previously read "Los precios de la competencia", which risked parsing as precios competitivos, i.e. a claim about our own pricing; now "Los precios de los demás proveedores"
• Feature cards: SDKs to SDK, "tu flujo" to "tu flujo de trabajo", a space before % per SI/RAE convention, "manipulación" to "manipulaciones"
• Docs link "Ver documentación"; CTA note "No necesitas tarjeta de crédito." instead of the impersonal "No se requiere...", matching the tú address used throughout

Hero titleMaxWidth is 900, not the EN page's 760 — the Spanish second line measures 881px at the 62px display size and was wrapping to three lines.

Verification

• Contrast sweep of all 134 text nodes in <main>: no AA failures
• Table colouring confirmed on Spanish figures: 0 € success, 790 € danger, 1,83 € neutral
• Prerendered ES meta renders lang="es" with the Spanish price format; EN meta byte-identical
• Types, lint (0 errors), 21 tests, full production build all pass

Known, not addressed

FeatureCard descriptions are meant to fit two lines max. The Spanish ones run to three (241px cards vs the EN page's 218px). This is inherent to Spanish being longer, not caused by this PR — the pre-migration copy was the same length — and the grid stays even because all six wrap identically. Trimming each description by roughly 20 to 25 characters would bring them back to two lines.

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
fil-one	Ready	Preview	Jul 30, 2026 9:53pm

[filecoinfoundation-inf]

Reviewed the diff — clean refactor consolidating the Barcelona ES landing page into shared components with proper Spanish EUR pricing formatting. No security concerns found.