Skip to content

docs(storybook): add the marketing section templates - #1055

Open
gabriel-lisboa-azion wants to merge 2 commits into
feature/marketing-componentsfrom
docs/marketing-templates
Open

gabriel-lisboa-azion wants to merge 2 commits into
feature/marketing-componentsfrom
docs/marketing-templates

Conversation

@gabriel-lisboa-azion

Copy link
Copy Markdown
Contributor

Summary

  • Adds 25 marketing sections as Templates/Marketing/* stories, each a whole page band composed from the marketing components, with a "Show code" panel that is a single runnable SFC. An Overview page indexes them by group (Social Proof, Heroes, Content, Network, Media).
  • ComparePlans ports the Pricing page's plan matrix: a sticky plan header, one band per product, and below lg one plan at a time picked with a Select.
  • Storybook mirrors the active theme onto data-theme (so a story can swap a dark/light logo file), sorts the template groups, and stops forcing the heading font onto overline-styled headings.

How to test

  1. Locally merge this branch with feat(webkit): add the logo and illustration asset library #1047 and the component sub-PRs listed in Notes (the stories import from all of them), then run pnpm storybook:dev. Expected: Storybook starts with no unresolved @aziontech/webkit/* imports.
  2. Open Templates › Marketing › Overview. Expected: all 25 links open a template, grouped in the sidebar as Overview, Social Proof, Heroes, Content, Network, Media.
  3. Open Templates › Marketing › Content › ComparePlans at desktop width, then narrow the canvas below 1024px and pick another plan in the header select. Expected: four columns with a sticky header on desktop; below 1024px, the feature column plus the picked plan and no horizontal scroll.
  4. Switch the toolbar theme on Content › ComparisonTable. Expected: the Vercel logo swaps between its mono and reversed files.
  5. Copy any story's "Show code" into a page. Expected: it compiles and renders as-is.

Notes

Register 25 marketing sections as Templates/Marketing stories, each a whole
band composed from the marketing components with a runnable Show-code SFC,
indexed by an Overview page grouped into Social Proof, Heroes, Content,
Network and Media. ComparePlans ports the Pricing page's plan matrix.

Storybook now mirrors the active theme onto data-theme so a story can swap
theme-specific artwork, sorts the template groups, and stops forcing the
heading font on overline-styled headings.
… tablet

The phone map's top fade drops from 25% to 10%, so Europe at the top right of
the box keeps full ink, and from md to lg the desktop map's left fade holds
full ink to 70% and reaches zero at the band's edge instead of 50% / 80%.
gabriel-lisboa-azion added a commit that referenced this pull request Oct 6, 2026
Storybook on demo/vue-sample had grown a second documentation surface:
the webkit-docs "Documentation" section beside main's
Components/Documentation, plus marketing, template and foundations
stories that live in their own PRs (#1055, #1053, the feat/marketing-*
stack, #1033) and the platform templates branch.

apps/storybook now matches origin/main byte for byte, and the storybook
importer drops @aziontech/webkit-docs from the lockfile. webkit-docs
itself stays: the sample's docs site still renders through it.

Verified: Storybook builds with 0 errors and 536 entries, and the only
documentation section left is Components/Documentation.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant