README: add live screenshots (adaptive light/dark hero + gallery)

Captured from www.vquant.ai: home (light/dark), AI analysis report with
export options, community showcase, in-app documentation. Hero image
switches with GitHub's color scheme via <picture>. Fixed broken section
anchors in the top navigation.

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

Simon-Pierre Boucher committed 5 days ago (Aug 5, 2026) parent 9215dce

Showing 7 changed files with +53 and −1

modified README.md +53 −1

		`@@ -30,6 +30,17 @@`
30	30
31	31	<br/>
32	32
	33	+<a href="https://www.vquant.ai">
	34	+ <picture>
	35	+ <source media="(prefers-color-scheme: dark)" srcset="docs/screenshots/home-dark.png">
	36	+ <img alt="VQuant — AI-powered financial analysis assistant" src="docs/screenshots/home.png" width="92%">
	37	+ </picture>
	38	+</a>
	39	+
	40	+<sup>_The hero adapts to your GitHub theme — just like the app adapts to yours._ 🌗</sup>
	41	+
	42	+<br/>
	43	+
33	44	Stack
34	45
35	46	[![TypeScript](https://img.shields.io/badge/TypeScript-5.6-3178c6?style=flat-square&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)
		`@@ -77,7 +88,7 @@`
77	88
78	89	---
79	90
80		−[Getting Started](#-getting-started)  •  [Features](#-features)  •  [Architecture](#-architecture)  •  [API Reference](#-api-reference)  •  [Contributing](#-contributing)
	91	+[Screenshots](#screenshots)  •  [Getting Started](#getting-started)  •  [Features](#features)  •  [Architecture](#architecture)  •  [API Reference](#api-reference)  •  [Contributing](#contributing)
81	92
82	93	</div>
83	94
		`@@ -91,6 +102,47 @@ Built with a modern TypeScript stack (React 18 + Vite + Express + Drizzle ORM),`
91	102
92	103	---
93	104
	105	+## Screenshots
	106	+
	107	+> 📸 Captured live from [www.vquant.ai](https://www.vquant.ai)
	108	+
	109	+<table>
	110	+ <tr>
	111	+ <td align="center" width="50%">
	112	+ <a href="docs/screenshots/report.png">
	113	+ <img src="docs/screenshots/report.png" alt="AI-generated analysis report with one-click export"/>
	114	+ </a>
	115	+ <br/><b>🤖 AI Analysis Reports</b><br/>
	116	+ <sub>Streaming Claude-generated research reports with one-click <b>Markdown / PDF / Word / Slides</b> export</sub>
	117	+ </td>
	118	+ <td align="center" width="50%">
	119	+ <a href="docs/screenshots/report-scrolled.png">
	120	+ <img src="docs/screenshots/report-scrolled.png" alt="Rich markdown report rendering"/>
	121	+ </a>
	122	+ <br/><b>📊 Institutional-Grade Content</b><br/>
	123	+ <sub>Rich markdown rendering — tables, sourced data, structured investment theses</sub>
	124	+ </td>
	125	+ </tr>
	126	+ <tr>
	127	+ <td align="center" width="50%">
	128	+ <a href="docs/screenshots/showcase.png">
	129	+ <img src="docs/screenshots/showcase.png" alt="Community showcase of public analyses"/>
	130	+ </a>
	131	+ <br/><b>🌐 Community Showcase</b><br/>
	132	+ <sub>Hundreds of public analyses, searchable, with the exact tool-chain used by the agent on every card</sub>
	133	+ </td>
	134	+ <td align="center" width="50%">
	135	+ <a href="docs/screenshots/docs.png">
	136	+ <img src="docs/screenshots/docs.png" alt="In-app documentation and AI model selection"/>
	137	+ </a>
	138	+ <br/><b>📚 Built-in Documentation</b><br/>
	139	+ <sub>6 selectable Claude models (Fable 5 default, 1M context) and 200+ documented tools</sub>
	140	+ </td>
	141	+ </tr>
	142	+</table>
	143	+
	144	+---
	145	+
94	146	## Features
95	147
96	148	### Financial Data Engine

added docs/screenshots/docs.png +0 −0

Binary file not shown.

added docs/screenshots/home-dark.png +0 −0

Binary file not shown.

added docs/screenshots/home.png +0 −0

Binary file not shown.

added docs/screenshots/report-scrolled.png +0 −0

Binary file not shown.

added docs/screenshots/report.png +0 −0

Binary file not shown.

added docs/screenshots/showcase.png +0 −0

Binary file not shown.