diff --git a/components/primitives/SimboloTresLineas.tsx b/components/primitives/SimboloTresLineas.tsx deleted file mode 100644 index 395d72c..0000000 --- a/components/primitives/SimboloTresLineas.tsx +++ /dev/null @@ -1,42 +0,0 @@ -'use client'; - -import { motion } from 'framer-motion'; -import { useEnVista } from '@/lib/motion'; -import { BARRAS_SIMBOLO } from '@/lib/simbolo'; - -// The manual's own description of the ≡ symbol, made literal: "las líneas van -// de muchas/desordenadas (complejidad) a pocas/alineadas (claridad)". Five -// uneven bars resolve, once in view, into the three clean aligned bars of the -// official icon (see app/icon.svg) — decorative, one-shot, never loops. -const FINAL = BARRAS_SIMBOLO; - -const BARS = [ - { from: { x: 6, y: 9, width: 22, height: 6, opacity: 0.9 }, to: FINAL[0] }, - { from: { x: 36, y: 15, width: 16, height: 5, opacity: 0.45 }, to: { x: 44, y: 17, width: 8, height: 5, opacity: 0 } }, - { from: { x: 16, y: 25, width: 30, height: 7, opacity: 0.9 }, to: FINAL[1] }, - { from: { x: 8, y: 37, width: 14, height: 5, opacity: 0.45 }, to: { x: 12, y: 39, width: 8, height: 5, opacity: 0 } }, - { from: { x: 20, y: 45, width: 26, height: 6, opacity: 0.9 }, to: FINAL[2] }, -]; - -export function SimboloTresLineas({ className = '' }: { className?: string }) { - const { ref, enVista, reduced } = useEnVista(); - - return ( - - ); -} diff --git a/components/primitives/__tests__/SimboloTresLineas.test.tsx b/components/primitives/__tests__/SimboloTresLineas.test.tsx deleted file mode 100644 index 035f972..0000000 --- a/components/primitives/__tests__/SimboloTresLineas.test.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import { render } from '@testing-library/react'; -import { describe, it, expect } from 'vitest'; -import { SimboloTresLineas } from '../SimboloTresLineas'; - -describe('', () => { - it('is decorative: hidden from assistive tech', () => { - const { container } = render(); - expect(container.querySelector('svg')).toHaveAttribute('aria-hidden', 'true'); - }); - - it('renders five bars resolving toward the three-line symbol', () => { - const { container } = render(); - expect(container.querySelectorAll('rect')).toHaveLength(5); - }); - - it('takes its colour from currentColor, like the other brand graphics', () => { - const { container } = render(); - container.querySelectorAll('rect').forEach((rect) => { - expect(rect).toHaveAttribute('fill', 'currentColor'); - }); - }); -}); diff --git a/components/sections/FraseAncla.tsx b/components/sections/FraseAncla.tsx index dd20255..c2e7529 100644 --- a/components/sections/FraseAncla.tsx +++ b/components/sections/FraseAncla.tsx @@ -14,8 +14,8 @@ export function FraseAncla() { - {/* El pago de la tensión abierta en el hero: aquí las líneas sí - resuelven en el ≡, justo cuando el copy nombra la claridad. */} + {/* Payoff for the tension the hero leaves open: here the lines do + resolve into the ≡, right as the copy names clarity. */} - {/* Complejidad → Enfoque, sin resolver: el hero plantea la tensión y - FraseAncla la paga resolviendo en el ≡. */} + {/* Complexity → focus, left unresolved: the hero poses the tension + and FraseAncla pays it off by resolving into the ≡. */} diff --git a/components/sections/Mecanismo.tsx b/components/sections/Mecanismo.tsx index 3979fc0..67df15c 100644 --- a/components/sections/Mecanismo.tsx +++ b/components/sections/Mecanismo.tsx @@ -30,9 +30,9 @@ export function Mecanismo() { {mecanismo.title} - {/* Conector de pasos: avanza solo cada ~3s (se pausa con hover o si el - usuario elige un paso), y adelanta la línea de progreso — el mismo - lenguaje de "proceso conectado" de en-ti.com. */} + {/* Step connector: advances on its own every ~3s (paused on hover or + once the reader picks a step) and pulls the progress line along with + it — the same "connected process" language as en-ti.com. */}
{mecanismo.steps.map((step, i) => (
diff --git a/components/sections/ParaQuien.tsx b/components/sections/ParaQuien.tsx index 65c00d2..6630b0d 100644 --- a/components/sections/ParaQuien.tsx +++ b/components/sections/ParaQuien.tsx @@ -18,9 +18,9 @@ export function ParaQuien() { - {/* Pantalla partida: luz contra oscuridad, para dramatizar la bifurcación - "sí es para ti / no es para ti" — sale del ancho del Container a - propósito, a todo lo ancho de la ventana. */} + {/* Split screen, light against dark, to dramatise the "this is for you / + this isn't" fork — deliberately breaking out of the Container's width + to run the full width of the window. */} diff --git a/components/sections/PuntosInflexion.tsx b/components/sections/PuntosInflexion.tsx index 2acc29f..510b281 100644 --- a/components/sections/PuntosInflexion.tsx +++ b/components/sections/PuntosInflexion.tsx @@ -40,7 +40,7 @@ export function PuntosInflexion() {
- {/* Carrusel táctil en móvil (contador "01 / 06", como en-ti.com); grid fijo desde md. */} + {/* Swipeable carousel on mobile ("01 / 06" counter, as on en-ti.com); fixed grid from md up. */}
) and SecuenciaClaridad (which resolves into it -// with ) read from here, so the symbol they produce is provably the -// same one and not a lookalike. +// Single source of truth for the ≡ glyph geometry. Everything that draws the +// mark reads from here — HiloConductor and SecuenciaClaridad resolve into it, +// the former with , the latter with — so the symbol they produce +// is provably the same one and not a lookalike. export const VIEWBOX_SIMBOLO = '0 0 64 64';