← Back to Documentation

Innersync Core

Production-ready landing hub for the Innersync platform with a dark, neural aesthetic and the App → Alphapy → Mind → Core hero morph.

Highlights

  • Hero morph animation composed with Framer Motion + GSAP to transform the four-node diamond into a central neural root, with reduced-motion fallbacks.
  • Smooth scrolling via Lenis, gated by prefers-reduced-motion.
  • Railway-ready shipping container (Docker) that respects PORT and serves the standalone Next.js output.
  • Health & metrics endpoints powering the /status page (/api/health, /api/metrics).
  • Deep accessibility & performance focus: keyboard-visible CTAs, responsive typography, Tailwind tokens, and ≥95 Lighthouse targets.

Stack

  • Next.js 15 (App Router, TypeScript)
  • Tailwind CSS 3.4 + @tailwindcss/typography
  • Framer Motion + GSAP (MorphSVG)
  • Lenis smooth-scrolling
  • ESLint + Prettier
  • pnpm (via Corepack)

Accessibility & Performance

  • All CTAs have visible focus states and support keyboard navigation.
  • Hero animation auto-skips when prefers-reduced-motion is set.
  • Tailwind tokens centralize colors, glows, and typography for consistent contrast.
  • Images served via Next static assets with og.png preview.
  • Smooth scrolling, GSAP morph timeline, and Lenis are wrapped in guards to avoid main-thread leaks.