feat(site): rebuild the Meith marketing website - #388
Merged
Merged
Conversation
…cards Improve the marketing site on top of the website rebuild. - Point the header and mobile nav at real pages — Who it's for, Marketplace, Docs, About and Community — instead of homepage-section anchors that jumped to the top of the page. - Add a "Why a forum" section below the audience guides, contrasting what belongs in chat with what belongs in Meith. - Rebuild the Open Graph / social share cards in the editorial style: dark canvas, Inter headings with a serif-italic accent, and wording matched to the hero, so the homepage card reads "Long live the forum." Inter and Lora are embedded for the cards and one render helper is shared across the routes. - Update the marketing e2e coverage and the development guide to match. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EwouFK3SEtQj2fDK3PAMXi
The "Over to you" section was hard-coded dark, so it stayed dark and looked out of place in light mode. Drive it from the theme variables like every other band — light in light mode, dark in dark mode — and alternate the customise and closing backgrounds so the homepage reads as clean editorial bands in both schemes. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EwouFK3SEtQj2fDK3PAMXi
…k footer wordmark - Replace the "chat is for now" comparison below the audience guides with an ownership section — "A home you own. Not a platform you rent." — and four ruled points: your domain and server, your database, no per-member pricing, and handover. - Bring the footer wordmark down from a display-sized clamp (up to 10rem) to a restrained clamp so it reads as a mark, not a banner. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EwouFK3SEtQj2fDK3PAMXi
`/docs/web-push`, `/docs/nextjs-conventions` and `/docs/release` each had a permanent redirect to an unrelated earlier page, but all three are now real published documents. Following a "Next" link to one of them bounced the reader back to a previous doc — e.g. Architecture → Application conventions landed on Development. Remove the three stale redirects so the pages resolve. Add `docs:redirects:check` (in `pnpm verify` and CI's static job) to fail when any `/docs/…` redirect source is also a published document, so this cannot regress. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EwouFK3SEtQj2fDK3PAMXi
Match the rebuilt homepage on the documentation pages: give the docs landing a mono running-head label, a serif-italic accent on the heading and the flat accent button, and rebuild the previous/next footer as flat ruled blocks with mono labels instead of rounded, raised cards. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EwouFK3SEtQj2fDK3PAMXi
…marketplace Follow-up polish across the marketing site. - Reorder the primary navigation to Home, About, Who it's for, Docs and Community, and mark Community as the one external link with an arrow. - Carry the editorial style to every page: the closing call-to-action bands now follow the colour scheme instead of being hard-coded dark, and the buttons are flat and square like the homepage. - Restore the full ethos wording from the original About page — why Meith exists, chat versus a forum, ownership, open source, continuity, the meitheal name and the principles — laid out in the new editorial style. - Rename the "Marketplace" page to "Extensions" so it reads as a list of plugins and themes. The /marketplace route and the marketplace feed are unchanged; only the user-facing name moves. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EwouFK3SEtQj2fDK3PAMXi
The restored About page carried the full original essay, which read long. Keep the core of the ethos and let the editorial layout do more of the work: one short lead per section, a serif-italic accent on every heading, and a visual element in place of the paragraphs — a ruled two-column list of the risks, ownership shown as chips, the open-source and chat lines as pull-quotes, and the principles as a numbered grid. Same ideas and the memorable original wording (the belief, the pulls, the owned list, the principles), far fewer words. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EwouFK3SEtQj2fDK3PAMXi
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The marketing site buried the product behind long pages, dense navigation and repeated explanations. This rebuild keeps the existing emerald and neutral palette while giving Meith a shorter, more spacious front page and consistent supporting pages.
Validation:
pnpm verify— passed; 9,100 tests passed, 27 skipped.pnpm site:build— passed.pnpm comments:check— passed, including the commit hook.