Xori Space — Space education + DeepTech landing

Context

Xori Space is a Colombian science, technology and education organization training the next generation of space explorers through STEAM programs, applied AI and immersive experiences. The landing communicates both the educational mission and the underlying DeepTech research surface — satellite identification, planetary-scale education powered by AI, and R&D for space, defense and human performance.

What I built

• Next.js 15 + React 19 + TypeScript marketing site, App Router, server components by default, client components only where motion or interaction demanded it.
• Composed home page: Navbar, Hero, About, Business Units, Purpose / Vision, Impact Use Cases, Why Xori, Partners, Final CTA, Footer — each as an isolated section component so copy can iterate without touching layout.
• Brand-aligned motion with Framer Motion: animated blur orbs, scroll indicators and bullet cascades that feel calm and institutional, not flashy.
• SEO + structured data: full Open Graph + Twitter cards, EducationalOrganization JSON-LD schema including address, contact and social links, robots directives tuned for max-image-preview: large.

Highlights

• Server-first rendering: most sections are RSC by default; the 'use client' boundary is pushed as deep as possible.
• Typed throughout: TypeScript across pages, components and props — surface-level changes never sneak past the compiler.
• Trust signaling: copy and structured data both make it clear the organization works with governments, businesses and educational institutions across Latin America and Europe.

Stack

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