Redesign homepage hero section#140
Conversation
- Add HighlightedClickHouse component with light/dark highlight images for the main heading - Expand hero cards from 3-column to 4-column layout and add "Our solutions" card - Improve HeroCard description truncation with WebKit line clamp - Reduce card title font size to 18px; tighten spacing throughout - Remove `slug: home` frontmatter (causes URL mismatch in Mintlify routing) - Sync i18n homepages (es, ja, ko, pt-br, ru, zh): remove redundant stacked mode heading that was already hidden Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes using default effort and found 2 potential issues.
Reviewed by Cursor Bugbot for commit 9f059b6. Configure here.
| const darkFilename = darkFilenameProp || (filename ? filename.replace('-light.', '-dark.') : null); | ||
|
|
||
| const cardClassName = "block p-4 rounded-lg no-underline bg-[#f9f9f9] dark:bg-[#1b1b18] border border-[#e5e7eb] dark:border-[#3c3c3c]"; | ||
| const cardClassName = "ch-hero-card block p-4 rounded-lg no-underline bg-[#f9f9f9] border border-[#e5e7eb]"; |
There was a problem hiding this comment.
Hero cards missing dark styling
Medium Severity
HeroCard now uses ch-hero-card with light-only bg-[#f9f9f9] and border classes, but no stylesheet defines ch-hero-card. The previous dark:bg and dark:border utilities were removed, so hero cards keep a light appearance when the site is in dark mode.
Reviewed by Cursor Bugbot for commit 9f059b6. Configure here.
| /> | ||
| <HeroCard | ||
| title="Our solutions" | ||
| description="Ingest logs, metrics, and traces to monitor systems and power observability dashboards." |
There was a problem hiding this comment.
Wrong solutions card description
Medium Severity
The new “Our solutions” HeroCard uses a description about ingesting logs, metrics, and traces for observability dashboards, while its links point to product pages such as chDB, ClickHouse Cloud, and Managed Postgres—not an observability-only topic.
Reviewed by Cursor Bugbot for commit 9f059b6. Configure here.
|
|
3 participants
Summary
HighlightedClickHousecomponent with light/dark highlight images for the main headingslug: homefrontmatter (caused URL mismatch in Mintlify routing — root page served at/but slug registered it as/home)Test plan
/) — hero heading shows highlight overlay in light and dark mode/— removing slug fixes the/homeredirect🤖 Generated with Claude Code
Note
Low Risk
Mostly homepage MDX layout and styling; removing
slug: homeis the main routing change and should be smoke-tested on/.Overview
Redesigns the English docs homepage hero and goal cards, with a small sync on localized homepages.
The hero replaces the tilted yellow ClickHouse label with
HighlightedClickHouse(light/dark highlight images), bumps heading weight, and changes the subtitle to large semibold “Docs for the fastest analytics database” with extra bottom padding.HeroCardis tightened:ch-hero-cardstyling, 18px titles, 2-line WebKit clamp on descriptions, ellipsis on link labels, and smaller icons. The goal section drops the stacked “Explore by goal” heading, uses a 4-column grid (md:2/lg:4), adds top spacing, and introduces an “Our solutions” card (chDB, Cloud, ClickStack, Langfuse, Managed Postgres, K8s operator).slug: homeis removed from root frontmatter to fix Mintlify serving/vs/home.es, ja, ko, pt-br, ru, zh only remove the redundant stacked-mode “Explore by goal” block; they do not get the full English hero/card redesign.
Reviewed by Cursor Bugbot for commit 9f059b6. Bugbot is set up for automated code reviews on this repo. Configure here.