Xori Space — Landing de educación espacial + DeepTech

Contexto

Xori Space es una organización colombiana de ciencia, tecnología y educación que forma a la próxima generación de exploradores espaciales a través de programas STEAM, IA aplicada y experiencias inmersivas. El landing comunica tanto la misión educativa como la superficie de DeepTech subyacente — identificación satelital, educación a escala planetaria impulsada por IA, e I+D para espacio, defensa y rendimiento humano.

Lo que construí

• Sitio de marketing en Next.js 15 + React 19 + TypeScript, App Router, server components por defecto, client components solo donde la animación o interacción lo exigían.
• Home compuesto: Navbar, Hero, About, Business Units, Propósito / Visión, Casos de Impacto, Why Xori, Partners, CTA Final, Footer — cada sección como componente aislado para que la copia itere sin tocar layout.
• Motion alineado a la marca con Framer Motion: orbes blur animados, indicadores de scroll y cascadas de bullets que se sienten calmados e institucionales, no flashy.
• SEO + datos estructurados: Open Graph + Twitter cards completos, schema JSON-LD EducationalOrganization con dirección, contacto y redes, directivas de robots calibradas para max-image-preview: large.

Lo destacable

• Renderizado server-first: la mayoría de secciones son RSC por defecto; el límite 'use client' se empuja lo más profundo posible.
• Tipado en todo: TypeScript en páginas, componentes y props — cambios superficiales no se cuelan al runtime.
• Trust signaling: la copia y los datos estructurados dejan claro que la organización trabaja con gobiernos, empresas e instituciones educativas en LATAM y Europa.

Stack

Next.js 15 · React 19 · TypeScript · Tailwind CSS · Framer Motion · Phosphor Icons · JSON-LD (EducationalOrganization)