Skip to content

Redesign landing page with download flow and analytics #88

Merged
amandal0903 merged 6 commits intomainfrom
feat-landing-page
Apr 7, 2026
Merged

Redesign landing page with download flow and analytics #88
amandal0903 merged 6 commits intomainfrom
feat-landing-page

Conversation

@amandal0903
Copy link
Copy Markdown
Collaborator

@amandal0903 amandal0903 commented Apr 7, 2026

Summary

  • Custom landing page with hero GIF, feature screenshots, FAQ, and download CTA
  • /download page with arch picker and Azure download tracking
  • Shared NavBar.vue, polished VitePress doc nav (search, links, icons, toggle)
  • Design tokens extracted to shared CSS variables
  • Docs migrated from apps/cli/docs to docs/

Avijit Mandal added 5 commits April 7, 2026 20:41
- Custom landing page (CustomHome.vue) replacing default VitePress home
- Custom nav bar, hero with product screenshot, feature showcases,
  capabilities grid, FAQ accordion
- /download page with Apple Silicon / Intel architecture picker
- Post-download setup instructions
- Azure Function backend for download tracking (arch, user-agent, IP,
  timestamp) in Azure Table Storage
- Download count from GitHub releases API
- Fonts: IBM Plex Sans + Lilex
- VitePress nav/sidebar hidden on custom pages via route-based class toggle
- Adapted to new docs/ location (moved from apps/cli/docs/)
- Remove "Built for serious development" 9-card grid from landing page
- Style VitePress doc pages: consistent IBM Plex Sans font, dark nav/sidebar,
  refined search bar, Lilex for code blocks
- Extract all inline SVGs into reusable icon components (icons/ folder)
- Add "Trusted by world-class developers" section with company logos
- Add Discord link to nav, remove Reference link
- Remove search from doc pages
- Remove all nav border/divider artifacts
- Remove italic from trusted heading, reorder companies
- IBM Plex Serif font loaded (unused for now)
- Replace feature showcases with 5 new sections: orchestrate, agents,
  isolation, review loop, LSP terminal
- Slide-in animations: left for normal, right for reversed showcases
- Remove CTA card, replace with clean monospace heading + download button
- Add proper footer with logo, links, Discord/GitHub icons, copyright
- Change favicon to codicon tasklist
- Fix footer z-index behind background layer
- Remove IBM Plex Serif (unused), keep trusted heading non-italic
- Remove Arcana from companies, reorder LinkedIn first
- Replace full-page arch picker with inline dropdown on all download buttons
- Download page auto-starts DMG from query param, shows install steps
- Install steps: open DMG, drag to Applications, xattr -cr command with
  explanation, launch
- Add install instructions to docs/getting-started/installation.md and README
- Fix showcase animations: text from left, image from right independently
- Restore image card borders, smaller dropdown, remove chips
@@ -0,0 +1,407 @@
<script setup lang="ts">
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we are defining identical CSS across this page and CustomHome.vue. should we extract shared tokens into custom.css and the nav into a NavBar.vue component to avoid drift between pages?

<div class="dl-content">
<!-- If no arch param, show picker as fallback -->
<template v-if="!downloadStarted">
<h1 class="dl-title">Download Workstream</h1>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: Workstreams

Comment thread docs/api/download-count/index.js Outdated
const entities = client.listEntities({
queryOptions: { filter: "PartitionKey eq 'download'" },
});
for await (const _ of entities) {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should we maintain a counter on the client side instead of fetching and iterating over all the items?

Comment thread docs/.vitepress/config.ts
},
],

search: {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this removes the existing VitePress local search config. intentional? the new landing page looks good, but this also drops search from the regular docs pages, which feels like a regression for /getting-started and /guide.

…lish

Replace static hero image with 30s sped-up screen recording GIF. Extract
NavBar component shared across home and download pages. Add new feature
screenshots, reorder VitePress doc nav (search → links → icons → toggle),
add Discord social link, minimal search bar styling, and pre-aggregated
download counter for faster API reads.
@amandal0903 amandal0903 merged commit 4b4a232 into main Apr 7, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants