Skip to content

Lead the home Cloud grid with artwork, drop the hero's GitHub CTA - #903

Merged
zahlekhan merged 1 commit into
mainfrom
cloud-section-images
Jul 30, 2026
Merged

Lead the home Cloud grid with artwork, drop the hero's GitHub CTA#903
zahlekhan merged 1 commit into
mainfrom
cloud-section-images

Conversation

@pd-builds

Copy link
Copy Markdown
Contributor

What

The home Cloud grid now opens with artwork. The three capabilities worth showing rather than naming lead the grid, each carrying the same illustration tile the Cloud page's FeaturesSection uses, so both pages tell the story with one set of artwork:

  1. Reports and Slides Generation
  2. Built-in Output Validation
  3. Model & provider resilience

The remaining three keep their glyphs.

The hero's GitHub CTA is gone on both breakpoints. The header already carries the star count. Dropping githubRepoUrl removes the desktop button; the mobile banner defaults on, so it is turned off explicitly.

Two things worth knowing about the panel

The band runs opposite to the page. CloudSection is black by default and light in dark mode, so the tile is chosen to suit the card, not the theme. That means the light/dark pairing here reads inverted against every other swap on the site: page-light gets the -dark tiles, page-dark gets the light ones. Both directions are verified.

It is desktop-only. Under 768px the card collapses to an icon | title | chevron accordion row that a panel would break, so the glyph stays there and the artwork steps aside.

The panel sits 12px in from the card edges at the tiles' own 720:400 ratio, so nothing is cropped.

Note

The tiles are referenced without the ?v= cache-buster FeaturesSection carries. next/image rejects a query string unless images.localPatterns allows one, and there is no such config here, so the query throws at render. Side effect worth knowing: because of that query, the reports&presentation.png on the Cloud page is currently served unoptimized rather than through /_next/image. Not changed here.

Testing

  • tsc --noEmit clean
  • next build passes
  • No lint problems in the touched files
  • Grid order, both theme directions, and the 12px inset verified in the browser
  • Mobile checked at 375px: panel hidden, icon row intact, hero has no GitHub banner

The three capabilities worth showing rather than naming now open the grid
and carry the same illustration tiles the Cloud page's FeaturesSection
uses, so both pages tell the story with one set of artwork:

  Reports and Slides Generation
  Built-in Output Validation
  Model & provider resilience

Two things to know about the panel:

- This band runs opposite to the page. It is black by default and light
  in dark mode, so the tile is picked to suit the CARD, which means the
  light/dark pairing reads inverted against every other swap on the site.
- It is desktop-only. On a phone the card collapses to an icon + title
  row that a panel would break, so the glyph stays there and the artwork
  steps aside.

Also removes the hero's GitHub CTA on both breakpoints. The header
already carries the star count. Dropping githubRepoUrl takes the desktop
button; the mobile banner defaults on, so it is turned off explicitly.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@zahlekhan
zahlekhan merged commit b8d0af2 into main Jul 30, 2026
2 checks passed
@zahlekhan
zahlekhan deleted the cloud-section-images branch July 30, 2026 08:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants