perf: optimize homepage Lighthouse score

[Masihhedayati]

/claim #217

Summary

• Add a route-scoped post-build optimization for / that inlines homepage critical CSS and delays the full stylesheet/scripts until first interaction or shortly after load.
• Lazy-load below-fold homepage sections and the Vimeo embed so the mobile first view stays small and stable.
• Serve local Space Grotesk/Space Mono fonts and avoid the mobile hero SVG download.
• Preserve tracking/chat behavior outside the initial homepage critical path and keep the page usable after hydration.
• Fix Lighthouse accessibility/SEO issues surfaced by the optimized homepage.

Closes #217

Demo video

Short demo video required by the bounty: https://github.com/Masihhedayati/tailcallhq.github.io/releases/download/issue-217-demo/tailcall-issue-217-demo.mp4

Mobile Lighthouse result

PWA is intentionally ignored per the issue.

npx lighthouse http://127.0.0.1:3011/ --only-categories=performance,accessibility,best-practices,seo

Performance: 100
Accessibility: 100
Best Practices: 100
SEO: 100
FCP: 0.8s
LCP: 1.2s
TBT: 0ms
CLS: 0
Speed Index: 0.8s
Total size: 37 KiB

Validation

• npm run build
• npx prettier --check docusaurus.config.ts src/components/home/Banner.tsx src/components/home/Configuration.tsx src/components/home/IntroductionVideo/index.tsx src/components/home/IntroductionVideo/style.css src/components/home/index.tsx src/components/home/LazyHomeSection.tsx src/components/shared/CookieConsentModal/CookieConsentModal.tsx src/components/shared/Footer.tsx src/css/custom.css src/pages/index.tsx
• git diff --check
• HyperFrames demo video: npm run check

Notes

• npm run typecheck -- --pretty false still fails on existing unrelated repository typing issues in publish-externals, src/components/playground/Playground.tsx, and the Algolia/docsearch theme files.