Skip to content

Rebuild the pitch deck as HTML - #4

Merged
byteayan merged 1 commit into
mainfrom
feat/html-deck
Sep 16, 2026
Merged

byteayan merged 1 commit into
mainfrom
feat/html-deck

Conversation

@byteayan

Copy link
Copy Markdown
Owner

Closes the last gap between the deck and the product.

Why

The deck existed only as an image-only PDF, printed from a source that could not be found — not on GitHub, not in Canva, not on disk. There was no text layer to edit. That's why its AI claims outlived the ones removed from the app in dca5b42.

Rebuilding it in the repo makes it version-controlled and editable from here on.

What

All ten slides as a self-contained docs/deck/index.html — markup, styles, and ~40 lines of navigation script. Same Playfair Display / Plus Jakarta Sans pairing and gradient palette as the app, so the deck and the product finally look like one thing.

  • Arrow keys, space, or click to advance; f for fullscreen
  • Slide number in the URL hash, so #6 deep-links
  • Printing produces ten 16:9 pages

Copy changes

Slide Before After
4 "Wandr uses AI to turn what travelers want..." "Wandr turns what travelers want..."
4 "AI shapes the trip around that intent." "The planning engine shapes the trip..."
4, 6 AI-MATCHED DESTINATION VIBE-MATCHED DESTINATION
5 AI UNDERSTANDS YOU WANDR UNDERSTANDS YOU
7 AI-PERSONALIZATION DEEP PERSONALIZATION
7 "Use AI to understand context..." "Understand context... as a first-class input."
8 "premium AI travel assistance" "premium travel assistance"

grep -E '\bAI\b' over the deck returns nothing. Slide 6's LIVE DEMO badge is now a real link to the deployed app, and the team slide carries the actual URL.

Verified

Every slide was rendered in a browser and inspected. Three layout bugs found and fixed that way:

  • slide 5's headline wrapped to two lines — reduced to 39px
  • slide 7's headline wrapped — reduced to 52px
  • slide 8 overflowed the slide, cutting off the Phocuswright and UN Tourism citations and colliding with the footnote — headline reduced and spacing retuned

PDF export tested by actually exporting: ten pages at 960×540pt, backgrounds and colors intact.

One known trade-off: gradient text renders as a solid accent in PDF exports. Chrome's print rasterizer draws a hairline box around background-clip: text spans — visible in the export before the fix, gone after. On screen the gradient is untouched. Documented in the deck README.

Note

Slides 1 and 10 use CSS gradients where the original used photography, since I didn't have the source images. Drop real ones into .cover-bg / .closing-bg to restore them.

The team slide is included (Ayan Alam, Arshil Khan) — that content came from Meet WandR.pdf rather than the 9-slide main deck, so delete it if you'd rather not have it.

🤖 Generated with Claude Code

The deck existed only as an image-only PDF printed from a source nobody
could find, so it could not be edited — which is why its AI claims
outlived the ones removed from the app in dca5b42.

Rebuilds all ten slides as a self-contained docs/deck/index.html: markup,
styles and a small keyboard-navigation script, using the same Playfair
Display / Plus Jakarta Sans pairing and gradient palette as the app.
Arrow keys or click to advance, hash deep-links to a slide, and printing
produces ten 16:9 pages.

Copy now matches what the code does. 'Wandr uses AI to turn what
travelers want' becomes 'Wandr turns what travelers want'; 'AI shapes the
trip' becomes 'The planning engine shapes the trip'; AI-MATCHED becomes
VIBE-MATCHED; AI UNDERSTANDS YOU becomes WANDR UNDERSTANDS YOU;
AI-PERSONALIZATION becomes DEEP PERSONALIZATION; and the premium tier
drops 'AI travel assistance'. The live demo badge on the product-proof
slide now points at the deployed app.

Gradient text falls back to a solid accent under print: Chrome's print
rasterizer draws a hairline box around background-clip:text spans.
Verified by exporting and inspecting the rendered pages.

Slides 1 and 10 use CSS gradients where the original used photography.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@vercel

vercel Bot commented Sep 16, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
wandr Building Building Preview Sep 16, 2026 11:19am UTC

@byteayan
byteayan merged commit cb743cf into main Sep 16, 2026
3 checks passed
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.

1 participant