feat: add website components and pages for LexAI
Some checks failed
CI — Chrome / Chrome — typecheck, test, build (pull_request) Has been cancelled
CI — CLI / CLI — typecheck, build, smoke (pull_request) Has been cancelled
CI — Website / Website — typecheck, build (pull_request) Has been cancelled
CI — VS Code / VS Code — typecheck, build (pull_request) Has been cancelled
Some checks failed
CI — Chrome / Chrome — typecheck, test, build (pull_request) Has been cancelled
CI — CLI / CLI — typecheck, build, smoke (pull_request) Has been cancelled
CI — Website / Website — typecheck, build (pull_request) Has been cancelled
CI — VS Code / VS Code — typecheck, build (pull_request) Has been cancelled
- Implemented SiteHeader and SiteFooter components for consistent navigation and footer across the website. - Created CommunityPage and ContributePage to provide information on community involvement and contribution guidelines. - Developed DocsPage to serve as the main documentation hub, detailing features and installation instructions. - Added HomePage to introduce LexAI and its functionalities, highlighting key features and privacy aspects. - Established links.ts for centralized management of external links used throughout the website. - Configured main.tsx for application entry point with React Router for navigation. - Introduced styles.css for consistent styling across the website. - Set up TypeScript configuration files for improved type checking and development experience. - Configured Vite for building and serving the website.
This commit is contained in:
33
docs/design/website.md
Normal file
33
docs/design/website.md
Normal file
@@ -0,0 +1,33 @@
|
||||
# Design spec — LexAI website
|
||||
|
||||
## User + job
|
||||
|
||||
Open-source visitors evaluating LexAI. Success: understand BYO-key privacy, pick Chrome / VS Code / CLI, reach install or docs in ≤ 2 clicks from the hero.
|
||||
|
||||
## Flow
|
||||
|
||||
Landing → Features → Packages → Docs (deep) or Chrome Web Store / Git. Secondary: Docs nav anchors per package.
|
||||
|
||||
## Screens
|
||||
|
||||
| Route | Purpose |
|
||||
| --- | --- |
|
||||
| `/` | Brand hero, feature highlights, package cards, privacy, CTAs |
|
||||
| `/docs` | All packages + features, install pointers, shared core |
|
||||
|
||||
States: static marketing (no loading/error beyond 404 → home link).
|
||||
|
||||
## Visual
|
||||
|
||||
- Brand **LexAI** is the hero signal; bolt mark from product icon.
|
||||
- Atmosphere: deep slate field + amber bolt accent (from icon gold), not purple-on-white.
|
||||
- Type: Syne (display) + Source Sans 3 (body).
|
||||
- No card grid in hero; package cards only where choosing a product is the interaction.
|
||||
|
||||
## Acceptance
|
||||
|
||||
1. First viewport: LexAI brand, one headline, one support line, CTA group, dominant visual.
|
||||
2. Features of writing + Code Assist + Prompt Builder called out.
|
||||
3. Docs lists Chrome, VS Code, CLI with feature bullets and links to store/repo READMEs.
|
||||
4. Works desktop + mobile.
|
||||
5. `npm run website:build` succeeds.
|
||||
Reference in New Issue
Block a user