Christian ManivongandClaude Opus 5.5
f70fec496a
The site felt old, unfocused and bloated: 11 pages, a features page of 171 bullets, a homepage of 830 words in card grids around seven mockup-style screenshots, and no single thing it wanted a visitor to understand. - Message: control instead of drift. Audience: IT departments in small and mid-sized companies. Goal: buy a licence — netOrk itself is free, the licence adds vulnerability data and image updates. - Home is under 400 words: the drift comparison of a real access point, three steps, the hardware it runs on, vulnerabilities with a licence, what else is in the box, one closing band. Features, Drivers and Roadmap are gone; their URLs redirect (router and nginx 301). - New Pricing page: the free core, Starter / Pro / Enterprise on request with the plan differences from the licence server, four questions; buttons go to the licence portal. The unit-less KB request limit is left out. - Persona pages are one template; NIS2 and Plugins are cut to half or less. Impressum and Datenschutz exist as marked placeholders; the unsupported "MIT licence" claim is gone from the footer. - Look: light paper and ink, the dark product on a stage, Inter self-hosted, split sections and ruled lists instead of cards. Four real, cropped screenshots replace eight full-window ones. - Language follows the browser until someone chooses; <html lang> is set. Scroll-to-top on navigation, a catch-all route, no dead /docs/architecture. - CLAUDE.md, DESIGN.md, PAGES.md and PRODUCT.md describe the new rules. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
84 lines
3.6 KiB
Markdown
84 lines
3.6 KiB
Markdown
# netOrk website — pages
|
||
|
||
**Audience:** IT departments in small and mid-sized companies — a small team,
|
||
mixed hardware (OPNsense, HPE ProCurve/Aruba, TP-Link JetStream, OpenWrt,
|
||
Proxmox, Linux), NIS2 on the agenda. Service providers and IT support are
|
||
secondary and get their own page each.
|
||
|
||
**One message:** control instead of drift — define the desired state once;
|
||
netOrk notices every change, shows what deviates and puts it back.
|
||
|
||
**One goal:** buy a licence. netOrk itself is free; the licence adds
|
||
vulnerability data and image updates.
|
||
|
||
All copy is in `src/i18n/translations.ts`, English and German (German uses
|
||
"ihr"). The language follows the browser until someone chooses. Every claim
|
||
must be backed by `docs/PRODUCT.md`; automatic fixing exists for access point
|
||
profiles, so the site says "every deviation", never "every device fixes itself".
|
||
|
||
## Word budgets (English, text in `<main>`)
|
||
|
||
`scripts/check/site.py` counts them; Home over budget fails the check.
|
||
|
||
| Page | Route | Budget |
|
||
|---|---|---|
|
||
| Home | `/` | 400 |
|
||
| Pricing | `/pricing` | 300 |
|
||
| NIS2 | `/nis2` | 550 |
|
||
| Plugins | `/plugins` | 450 |
|
||
| Persona ×3 | `/for/it-department`, `/for/it-support`, `/for/msp` | 320 |
|
||
| Getting started | `/docs/getting-started` | 80 |
|
||
| Glossary, Impressum, Datenschutz | `/glossary`, `/impressum`, `/datenschutz` | — |
|
||
|
||
Old routes redirect (in `App.tsx` and as 301 in `nginx.conf`): `/features` →
|
||
`/#included`, `/drivers` → `/#hardware`, `/roadmap` and `/docs/architecture` → `/`.
|
||
|
||
## Home
|
||
|
||
1. **Hero** — "Control instead of drift." The drift comparison of an access
|
||
point (`drift`, `drift-narrow` on phones) with a caption saying what is in it.
|
||
2. **How it works** (`#how`) — Define → Detect → Fix, three steps.
|
||
3. **Hardware** (`#hardware`) — two lines of names: "desired state and fixes"
|
||
and "inventory and monitoring"; a note on the untested NAPALM drivers.
|
||
4. **Vulnerabilities, with a licence** — the triage queue (`vulnerabilities`),
|
||
link to Pricing.
|
||
5. **Also in the box** (`#included`) — eight terms, one short line each; a NIS2
|
||
row with a link.
|
||
6. **Closing band** — "netOrk is free. The licence adds the data."
|
||
|
||
## Pricing
|
||
|
||
The free core as one row, then Starter / Pro / Enterprise, each "on request"
|
||
with a "Buy a licence" button to the licence portal (`src/data/plans.ts`). Plan
|
||
differences come from the licence server's plan defaults; the KB request limit
|
||
stays off the page until it has a unit. Four questions below, and the note that
|
||
there is no public installer yet.
|
||
|
||
## Persona pages
|
||
|
||
One template (`Persona.tsx`): header, three problems, five ways netOrk helps
|
||
(desired state and drift first), the shared closing band. The IT-department
|
||
page shows the drift screenshot. The service-provider page says where it
|
||
stops today.
|
||
|
||
## NIS2
|
||
|
||
Article by article (eight rows plus one "out of scope"), a dot and a word for
|
||
coverage, what netOrk records along the way, the audit log screenshot. States
|
||
plainly that netOrk does not make anyone compliant.
|
||
|
||
## Plugins, Glossary, Getting started, Impressum, Datenschutz
|
||
|
||
Plugins: the five included ones with the hosts they talk to, how to write one,
|
||
one code example. Glossary: every term from `src/glossary/terms.ts` with a
|
||
category index. Getting started: "no public installer yet", write to us.
|
||
Impressum and Datenschutz: **placeholders** — the final text must replace the
|
||
yellow box before netork.io goes live.
|
||
|
||
## Navigation and footer
|
||
|
||
Nav: wordmark · Who it's for ▾ · NIS2 · Plugins · Pricing · DE/EN · "Buy a
|
||
licence". Below `lg` a menu button. Footer: product links, persona links,
|
||
contact, "no cookies, no tracking, no requests to anyone else", © line with
|
||
Impressum and Datenschutz.
|