Skip to content

Update product tool page layouts - #20129

Open
charlescook-ph wants to merge 2 commits into
masterfrom
update-tool-pages-reader-layout
Open

charlescook-ph wants to merge 2 commits into
masterfrom
update-tool-pages-reader-layout

Conversation

@charlescook-ph

@charlescook-ph charlescook-ph commented Sep 14, 2026

Copy link
Copy Markdown
Collaborator

Summary

This PR makes the main product tool pages easier to scan. It removes repeated hero and section copy, removes the small product label above each H1, and gives related sections the same heading size.

It also:

  • removes the old-way/PostHog-way sections from AI Observability and Replay Vision, while adding a concise What does it do? section and keeping a hedgehog beside Who is it for?
  • moves Support's existing team artwork into the hero
  • rebuilds Heatmaps around the shared product-page structure, with contained screenshots instead of oversized images
  • rebuilds Group Analytics around the shared product-page structure and moves its existing billing information into a separate Pricing tab and /group-analytics/pricing route
  • removes the requested extra Workflows paragraph

Testing

Check Result
Production build (pnpm build:minimal) Passed
Repository pre-commit checks Prettier and ESLint passed
Changed-page visual checks AI Observability, Replay Vision, Heatmaps, Group Analytics, and Group Analytics pricing rendered in modern Chrome
Responsive artwork Both restored audience hedgehogs render beside their tables at desktop reader widths
Formatting and diff validation Passed

What to review

  1. The new What does it do? copy and restored audience artwork on AI Observability and Replay Vision.
  2. The Heatmaps hierarchy and reduced image sizes.
  3. The Group Analytics product/pricing split, including the existing live pricing tiers on the new pricing route.

The deployment bot will add the current Cloudflare preview below.

@github-actions

github-actions Bot commented Sep 14, 2026

Copy link
Copy Markdown
Contributor

Deploy preview

Status Details Updated (UTC)
🟢 Ready View preview Sep 14, 2026 12:54PM

@github-actions github-actions Bot added the website About the website (beyond just landing pages) label Sep 14, 2026
@github-actions

github-actions Bot commented Sep 14, 2026

Copy link
Copy Markdown
Contributor

Bundle report

Total JS (gzip)

8.78 MiB (-0.2 KiB / -0.0%)

Largest changed named chunks
Chunk Gzip Δ vs master
app.js 2302.9 KiB -2.2 KiB / -0.1%
component---src-pages-platform-packages-index-tsx.js 2.9 KiB +2.1 KiB / +291.1%
component---src-pages-pricing-index-tsx.js 28.7 KiB +1.8 KiB / +6.8%
component---src-pages-enterprise-tsx.js 12.0 KiB +1.8 KiB / +17.7%
component---src-pages-group-analytics-index-tsx.js 0.2 KiB -1.5 KiB / -88.2%
component---src-pages-group-analytics-pricing-tsx.js 0.3 KiB new

Eager graph (modules shipped in each entrypoint's initial chunks)

Entrypoint Eager size Budget Modules
app 18.54 MiB (+22.4 KiB / +0.1%) report-only 2066
Largest modules in the app closure
Module Size
./src/data/mcp-tools.json 1134.9 KiB
css ./node_modules/.pnpm/css-loader@5.2.7_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].oneOf[1].use[1]!./node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.5.6_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].oneOf[1].use[2]!./src/styles/global.css 774.4 KiB
./src/components/Stickers/Stickers.tsx 696.4 KiB
./node_modules/.pnpm/@radix-ui+react-icons@1.3.2_react@18.3.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js 481.4 KiB
./node_modules/.pnpm/@posthog+brand@0.8.0_react@18.3.1/node_modules/@posthog/brand/dist/generated/hoggies/svg/x-ray.mjs 480.8 KiB
./node_modules/.pnpm/rehype-raw@7.0.0/node_modules/rehype-raw/lib/index.js + 29 modules 395.1 KiB
./node_modules/.pnpm/@posthog+brand@0.8.0_react@18.3.1/node_modules/@posthog/brand/dist/generated/hoggies/svg/im-the-driver.mjs 385.7 KiB
./src/hooks/useCustomers.tsx + 55 modules 370.0 KiB
./node_modules/.pnpm/@posthog+icons@0.36.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@posthog/icons/dist/posthog-icons.es.js 354.8 KiB
./node_modules/.pnpm/react-markdown@8.0.7_@types+react@16.14.66_react@18.3.1/node_modules/react-markdown/lib/react-markdown.js + 88 modules 351.4 KiB
./src/components/ProductComparisonTable/index.tsx + 126 modules 305.7 KiB
./node_modules/.pnpm/cloudinary-core@2.14.0_lodash@4.17.21/node_modules/cloudinary-core/cloudinary-core.js 281.9 KiB
./node_modules/.pnpm/@posthog+brand@0.8.0_react@18.3.1/node_modules/@posthog/brand/dist/generated/hoggies/svg/doll-house.mjs 281.7 KiB
./node_modules/.pnpm/@posthog+brand@0.8.0_react@18.3.1/node_modules/@posthog/brand/dist/generated/hoggies/svg/director.mjs 275.6 KiB
./src/components/SearchUI/index.tsx + 87 modules 273.7 KiB

Eager-graph budgets are report-only until a baseline is established. Sizes are gzip of public/**/*.js; eager size is webpack module source bytes for the modules actually shipped in the entrypoint's initial chunks (post-tree-shake).

@charlescook-ph
charlescook-ph requested a review from a team September 14, 2026 14:14
@charlescook-ph charlescook-ph moved this from Backlog to Awaiting review in PostHog.com planning Sep 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

website About the website (beyond just landing pages)

Projects

Status: Awaiting review

Development

Successfully merging this pull request may close these issues.

1 participant