Skip to main content

Minimal Placeholder Homepage — Design

Date: 2026-05-30 Status: Approved

Goal​

Collapse the public site to a single minimal placeholder while we control what knowledge is published as we build momentum. The placeholder shows the title, the existing RolloutAnimation illustration, and a contact email. All current pages and components stay in the repo (unlinked) so they can be re-enabled later.

Requirements​

  • Title: "Superhuman decisions at scale"
  • Illustration: keep the existing RolloutAnimation component, centered as a unified hero (illustration above the title/email block, single centered column).
  • Email: mailto:hello@pi-optimal.com, styled as the primary call-to-action.
  • Legal: discreet Imprint · Privacy links at the bottom (German Impressumspflicht).
  • Full lockdown: nothing else reachable from navbar or footer.

Changes​

1. src/pages/index.tsx​

  • Remove imports/usage of Transformation, HowItWorksSection, ProductSection, TeamSection, CTASection.
  • Keep RolloutAnimation.
  • Replace HomepageHeader + <main> with a single full-height, centered hero:
    • eyebrow pi_optimal (small, purple)
    • RolloutAnimation illustration (centered)
    • <h1> "Superhuman decisions at scale"
    • mailto:hello@pi-optimal.com CTA link
    • bottom row: small Imprint · Privacy links
  • Keep the Layout wrapper for consistent head/meta.

2. docusaurus.config.ts​

  • navbar.items: empty array (remove Vision, How it Works, Product, Team, Contact, Blog, GitHub). Keep the pi_optimal title (links home).
  • footer.links: empty array. Keep the copyright line. (Imprint/Privacy are surfaced on the placeholder itself, so no duplicate footer columns.)

Explicitly NOT doing (YAGNI)​

  • No deleting any files or components.
  • No new color scheme or restyling beyond the placeholder layout.
  • No SEO/meta rewrites beyond what the page needs.
  • /imprint, /privacy, /blog, /advertising/*, /docs remain functional via direct URL — just unlinked.

Verification​

  • npm run build (or npm start) succeeds with no broken-link errors (onBrokenLinks: 'throw').
  • Homepage renders title + animation + email + legal links only.
  • Navbar shows only the title; footer shows only copyright.