Skip to content

Rework the landing page layout (React/Cloudscape)#3987

Merged
peterschmidt85 merged 8 commits into
masterfrom
landing-improvements
Jun 29, 2026
Merged

Rework the landing page layout (React/Cloudscape)#3987
peterschmidt85 merged 8 commits into
masterfrom
landing-improvements

Conversation

@peterschmidt85

@peterschmidt85 peterschmidt85 commented Jun 24, 2026

Copy link
Copy Markdown
Contributor

The landing page now runs on React + Cloudscape (migrated from MkDocs in #3980); this PR reworks the page layout, with matching updates to the MkDocs docs header. Docs and blog stay on MkDocs.

Navigation:
- Remove Benchmarks (landing + docs) and Discord (docs) menu items
- Add a "Products" hover menu (desktop) and Products section (mobile)
- Make GitHub the primary button, dstack Sky a normal button (landing + docs)

Hero / CTAs:
- Hero: "Install open-source" + primary "Try dstack Sky"
- Get started: "dstack" block with primary "Install open-source" + "Quickstart"
- FAQ: add primary "Talk to us" before Discord
- "Access marketplace GPUs" CTA renamed to "Try dstack Sky"
- Drop the Backends / Kubernetes / SSH fleets buttons

AI-native orchestration cards:
- Reuse the landing's dotted outline (shared DashedBorder), thin stroke
- Add a category label with a gradient dot, tighter title, muted copy

Cleanup:
- Remove dead Cloudscape ButtonDropdown / cs-get-started CSS
- Ignore website/.vite

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@peterschmidt85 peterschmidt85 changed the title WIP: Landing refresh — nav, CTAs, and AI-native cards WIP: Landing refresh Jun 24, 2026
Andrey Cheptsov and others added 7 commits June 25, 2026 17:51
The whole card is the link, so the per-card angle-right arrow was redundant;
removing it (and its now-unused Icon import) leaves a cleaner dotted card.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Products top-nav menu: feature dstack (open-source) on the brand gradient
with its live GitHub star count and an "Install open-source" CTA; dstack Sky
and Enterprise follow as rows. Add a dropdown caret, rename "dstack
Enterprise" to "Enterprise", and update Sky's copy to "Hosted and managed by
us". The GitHub stars fetch is best-effort (hidden if rate-limited).

Hero CTAs: make "Install open-source" primary and "Try dstack Sky" normal, to
match the header's emphasis.

AI-native orchestration cards: one 1px solid outline around the whole block
(12px radius) instead of per-card dotted outlines, drop the gradient label
dots, and reveal the navigation arrow on hover aligned with the card title
(no hover background fill).

Rename "Talk to us" to "Get a demo" in the footer, FAQ, and Get started.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Featured CTA is now "Documentation" linking to the docs overview (DOCS_URL)
instead of "Install open-source".

Product icons: dstack Sky → cloud-upload, Enterprise → fingerprint, drawn at
24-viewBox / 1.8 stroke and rendered at 20px for cleaner proportions.

Hovering anywhere on the featured panel shifts only the Documentation button's
background (the section itself doesn't change), matching the hero CTAs.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…polish

- Hero: live <SquircleScene> (@dstackai/sqircle) with cross-layer hover,
  replacing the static GPU SVG; clicking a layer scrolls to Get-started
- Stack the hero below the CTAs at <=1024 (tablet + mobile) so the squircle
  no longer overlaps the headline; drop the dead hidden mobile-art copy
- Remove the now-unused hero image asset + SVGs
- Landing nav/CTAs, Get-started, FAQ, and docs "Get started" menu refinements

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Remove geometry: { exponent: 24 } from all three layers so they use the
scene's default corner roundness.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Fixes the grain overlay rendering as an unmasked gray box on iOS Safari, and
includes upstream squircle performance improvements.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Leaves "Sign up" as the single footer CTA (matching the other tabs); drops the
now-unused .gs-foot__cta wrapper + its mobile first-child hide rule. To be
re-added later.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@peterschmidt85 peterschmidt85 changed the title WIP: Landing refresh Landing refresh: interactive squircle hero, navigation, Get-started, and docs header Jun 29, 2026
@peterschmidt85 peterschmidt85 marked this pull request as ready for review June 29, 2026 08:09
@peterschmidt85 peterschmidt85 changed the title Landing refresh: interactive squircle hero, navigation, Get-started, and docs header Rework the landing page layout (React/Cloudscape) Jun 29, 2026
@peterschmidt85 peterschmidt85 merged commit 4c58f5c into master Jun 29, 2026
24 checks passed
@peterschmidt85 peterschmidt85 deleted the landing-improvements branch June 29, 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.

1 participant