docs: restyle landing page with hero CTAs, install bar and generator carousel#604
Merged
docs: restyle landing page with hero CTAs, install bar and generator carousel#604
Conversation
…carousel Refresh the docs landing page with a strands-inspired layout: a focused hero with Get started and GitHub buttons, a one-click copy install command, and an auto-rotating terminal carousel showcasing common generator combinations (website+api+infra+connection, strands agent+mcp, FastAPI, serverless). Introduce a configurable AWS-orange accent via a single set of --brand-* variables so the palette can be swapped trivially.
- Swap brand accent to royal neon purple - Use mono font for site title and hero heading - Replace carousel examples: Multi-Agent AI, tRPC with CDK, FastAPI with Terraform, AG-UI Web App - Add Cognito auth to all website examples - Highlight generator IDs in code blocks - Use Starlight Code component instead of raw pre/code - Fix copy-command check icon centering (Tailwind v4 svg reset) - Fix pill button height consistency - Update hero buttons: Get Started + Build with AI - Add fourth "Your code, your way" card - Remove my-project from create workspace command
Contributor
|
📚 Documentation translations have been updated and committed (cab7eab) to this PR. |
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## main #604 +/- ##
=======================================
Coverage 89.02% 89.02%
=======================================
Files 106 106
Lines 3443 3443
Branches 747 747
=======================================
Hits 3065 3065
Misses 174 174
Partials 204 204 ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
cogwirrel
approved these changes
Apr 21, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Reason for this change
The previous landing page didn't convey what the plugin does at a glance. It lacked a focused hero, a one-click install command, and any showcase of what generators can scaffold. Strands-Agents' docs served as the design reference — a clear hero with Get started + secondary CTA, a copy-paste install bar, and a terminal that shows real code.
Description of changes
copy-command.astro): rounded pill with prompt indicator and one-click clipboard copy (check-mark confirms). Dropspnpm create @aws/nx-workspaceon the landing page so users can get moving in one copy.generator-carousel.astro): macOS-style terminal that auto-rotates every 6s (pauses on hover, clickable pills) through four scenarios: Multi-Agent AI, tRPC Web App with CDK, FastAPI Web App with Terraform, AG-UI Web App. Uses Starlight's<Code>component for syntax highlighting, with generator IDs marked. No--flags— users are prompted for values when they run them.--brand-*palette block incustom.cssdrives--sl-color-accent, so the palette can be swapped in one place. Currently set to a royal neon purple; AWS orange, Nx blue, teal, amber+slate all work as drop-in alternatives.Description of how you validated changes
pnpm nx run docs:build— 809 pages built, Starlight links validator passes.Issue # (if applicable)
N/A
Checklist
By submitting this pull request, I confirm that my contribution is made under the terms of the Apache-2.0 license