Skip to content

Add landing page with horizontal rail design#1

Merged
hrshl4codes merged 3 commits into
mainfrom
feature/landing-page
May 10, 2026
Merged

Add landing page with horizontal rail design#1
hrshl4codes merged 3 commits into
mainfrom
feature/landing-page

Conversation

@hrshl4codes
Copy link
Copy Markdown
Owner

Summary

  • Adds a full-screen dark ambient landing page (LandingView.jsx + LandingView.css)
  • Short horizontal SVG rail lines at screen edges with station nodes (Parser, Embeddings, Retrieval, Citations) — circle beads sit on the rails
  • Sage-green radial glow top-right, grain noise overlay, Syne/DM Sans typography
  • Animated bar visualizer, scroll indicator, tech strip (OpenAI, Cohere, Pinecone, FastAPI, React, Render)
  • Updates App.js to start on the landing view and transition to upload on CTA click

Test plan

  • Open http://localhost:3001 — landing page renders with dark background and 4 station labels
  • Four faint horizontal rails visible at left and right screen edges
  • Station circles appear on top of the rail lines (bead-on-wire effect)
  • "Open App →" CTA transitions to the upload view
  • "View on GitHub" opens the repo in a new tab
  • Bar breathe animation plays continuously

Dark ambient landing page with Syne/DM Sans typography, sage-green
glow, short horizontal SVG rails with station nodes (Parser, Embeddings,
Retrieval, Citations), bar visualizer, and CTA buttons.
@hrshl4codes hrshl4codes merged commit f1779b4 into main May 10, 2026
2 checks passed
@hrshl4codes hrshl4codes deleted the feature/landing-page branch May 10, 2026 22:15
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