Marketing / landing site for the Flowsurface open-source orderflow & market structure charting platform.
Key directories:
/
├── public/ # Static assets (favicons, future OG image)
├── src/
│ ├── components/ # Modular sections & layout (Hero, Features, etc.)
│ ├── assets/ # Imported images processed by Astro
│ └── pages/
│ └── index.astro # Composes page from components
├── styles/ # Global stylesheet(s)
└── package.json
Primary layout wrapper: src/components/BaseLayout.astro centralizes <html>, meta, theme initialization, Open Graph & Twitter tags, and a skip link for accessibility.
Component sections live in src/components/:
Header.astronavigation + theme toggleHero.astroheadline & primary CTAFeatures.astrointeractive feature tabsHowItWorks.astro3-step onboarding summaryDownloadSection.astroplatform download CTAFinalCTA.astroclosing call to actionFooter.astrosite footer
All commands are run from the project root:
| Command | Action |
|---|---|
npm install |
Install dependencies |
npm run dev |
Start dev server (default: http://localhost:4321) |
npm run build |
Build production site to ./dist/ |
npm run preview |
Preview the built site locally |