feat(website): streamline homepage and integrate SDK showcase into HowItWorks - #301
Merged
Conversation
…wItWorks - Add governance positioning as FeaturesGrid subtitle (en/ca/es) - Promote Safe Secret Rotation to highlight card - Enrich Step 3 with full SDK panels (icons, install, docs, package links) - Remove standalone Sdks, GitHubAction, Roadmap, GetStarted sections - Remove SDKs and GitHub Action links from navbar - Reduce homepage from 13 to 8 sections
Contributor
|
Warning Rate limit exceeded
You’ve run out of usage credits. Purchase more in the billing tab. ⌛ How to resolve this issue?After the wait time has elapsed, a review can be triggered using the We recommend that you space out your commits to avoid hitting the rate limit. 🚦 How do rate limits work?CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout. Please see our FAQ for further information. ℹ️ Review info⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Pro Run ID: ⛔ Files ignored due to path filters (1)
📒 Files selected for processing (9)
WalkthroughThe PR restructures the website homepage by removing underutilized sections and updating navigation, redesigns the features and how-it-works components with new layouts, simplifies the problem/solution display, and significantly expands documentation structure to include dedicated AWS and Azure cloud setup guides with step-by-step verification flows. The i18n schema is updated to match these structural changes across all supported locales. ChangesWebsite Homepage and Documentation Restructuring
Estimated code review effort🎯 3 (Moderate) | ⏱️ ~25 minutes Possibly related PRs
Suggested labels
🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing Touches🧪 Generate unit tests (beta)
Warning Review ran into problems🔥 ProblemsGit: Failed to clone repository. Please run the Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
Contributor
There was a problem hiding this comment.
Code Review
This pull request restructures and simplifies the website's landing page and documentation. It removes several homepage sections (such as BeforeAfter, Sdks, and Roadmap), reorganizes the documentation to feature dedicated AWS and Azure setup guides, and redesigns the features grid and SDK tabs component with a cleaner layout and tab-switching logic. Feedback on these changes includes a recommendation to refactor the SDK tab initialization script to support multiple instances on a single page, and a request to reorder the GHA HTML sections in the documentation to match the updated sidebar navigation flow.
Important
The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.
Contributor
There was a problem hiding this comment.
Pull request overview
Streamlines the Astro website homepage flow by removing redundant homepage sections, reshaping the feature presentation, and embedding the SDK showcase directly into the “How it works” flow. This aligns the homepage with a simpler narrative while keeping SDK onboarding details discoverable via Step 3 and docs.
Changes:
- Simplified homepage composition by removing multiple sections (Before/After, SDKs, GHA, Roadmap, Get Started) and updating localized homepages accordingly.
- Refactored feature presentation into “highlights” + “extras” (with updated i18n types/strings) and adjusted FeaturesGrid layout.
- Expanded “HowItWorks” Step 3 into an SDK tabbed showcase (install command, docs link, package link, code examples) and reorganized docs navigation into explicit AWS/Azure setup sections.
Reviewed changes
Copilot reviewed 13 out of 13 changed files in this pull request and generated 3 comments.
Show a summary per file
| File | Description |
|---|---|
| src/website/src/pages/index.astro | Removes redundant homepage sections to streamline the landing flow. |
| src/website/src/pages/es/index.astro | Mirrors homepage section removals for Spanish locale page. |
| src/website/src/pages/ca/index.astro | Mirrors homepage section removals for Catalan locale page. |
| src/website/src/i18n/types.ts | Updates translation types to reflect new Features structure and revised Docs sidebar/setup keys; removes unused sections. |
| src/website/src/i18n/en.ts | Updates English translations for new Features structure and Docs AWS/Azure setup content; removes unused keys. |
| src/website/src/i18n/es.ts | Updates Spanish translations for new Features structure and Docs AWS/Azure setup content; removes unused keys. |
| src/website/src/i18n/ca.ts | Updates Catalan translations for new Features structure and Docs AWS/Azure setup content; removes unused keys. |
| src/website/src/components/ProblemSolution.astro | Removes the “solutions”/arrow-divider block to reduce redundancy on the homepage. |
| src/website/src/components/Navbar.astro | Removes navbar anchors for sections that no longer exist on the homepage. |
| src/website/src/components/HowItWorks.astro | Integrates an SDK tabbed showcase into Step 3 (icons, install commands, docs/package links, code examples). |
| src/website/src/components/Hero.astro | Removes version/open-source badge block for a cleaner hero presentation. |
| src/website/src/components/FeaturesGrid.astro | Splits features into “highlights” (2x2) and “extras” list to match new positioning. |
| src/website/src/components/DocsContent.astro | Reorganizes docs navigation/sections into AWS setup + Azure setup and adds verification snippets. |
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
Contributor
There was a problem hiding this comment.
Actionable comments posted: 3
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Inline comments:
In `@src/website/src/components/DocsContent.astro`:
- Around line 33-40: The awsVerifyCmd block in the DocsContent.astro example
uses `aws ssm put-parameter` which errors if the parameter already exists;
update the command in the `awsVerifyCmd` string so the SSM put-parameter call is
idempotent by adding the AWS CLI overwrite behavior (use the `--overwrite`
option or wrap with a conditional) so repeated runs succeed; locate and edit the
`awsVerifyCmd` constant to include the overwrite flag for the `aws ssm
put-parameter` invocation.
- Around line 238-239: The list currently shows literal <code>true</code> /
<code>false</code> alongside the localized strings (t.docs.azureRbacTrue /
t.docs.azureRbacFalse), causing duplicated status text; update the
DocsContent.astro template to remove the explicit <code>true</code> and
<code>false</code> markup and render only the localized values (keep the
existing <strong>{t.docs.azureRbacTrue}</strong> and
<strong>{t.docs.azureRbacFalse}</strong> entries), ensuring the false/null case
still maps to t.docs.azureRbacFalse.
In `@src/website/src/components/HowItWorks.astro`:
- Around line 194-205: The tablist lacks keyboard navigation handlers; update
the SDK tab buttons rendered in HowItWorks.astro (look for the sdk-tab-list
container and buttons with id pattern hiw-sdk-tab-{sdk.id} and aria-controls
hiw-sdk-panel-{sdk.id}) to handle keydown events for ArrowLeft, ArrowRight,
Home, and End: implement a shared onKeyDown that finds the index of the current
focused tab in sdkTabs, computes the new target index (wrapping left/right, Home
-> 0, End -> last), preventsDefault, moves focus to the target tab element,
updates aria-selected attributes and tabindex values (selected tab tabindex=0,
others -1), and programmatically activates the tab (e.g., trigger the same
selection logic used on click) so panels and active classes update; attach this
handler to each tab button and ensure it skips tabs with status 'planned'
(aria-disabled).
🪄 Autofix (Beta)
Fix all unresolved CodeRabbit comments on this PR:
- Push a commit to this branch (recommended)
- Create a new PR with the fixes
ℹ️ Review info
⚙️ Run configuration
Configuration used: Path: .coderabbit.yaml
Review profile: CHILL
Plan: Pro
Run ID: cd9b0f8c-5639-419f-82cb-c8409cecb7f7
📒 Files selected for processing (13)
src/website/src/components/DocsContent.astrosrc/website/src/components/FeaturesGrid.astrosrc/website/src/components/Hero.astrosrc/website/src/components/HowItWorks.astrosrc/website/src/components/Navbar.astrosrc/website/src/components/ProblemSolution.astrosrc/website/src/i18n/ca.tssrc/website/src/i18n/en.tssrc/website/src/i18n/es.tssrc/website/src/i18n/types.tssrc/website/src/pages/ca/index.astrosrc/website/src/pages/es/index.astrosrc/website/src/pages/index.astro
💤 Files with no reviewable changes (6)
- src/website/src/components/Navbar.astro
- src/website/src/pages/index.astro
- src/website/src/pages/es/index.astro
- src/website/src/pages/ca/index.astro
- src/website/src/components/Hero.astro
- src/website/src/components/ProblemSolution.astro
Comment on lines
+136
to
142
| { | ||
| icon: '🧱', | ||
| title: 'Zero infraestructura', | ||
| description: | ||
| 'Sense servidors, sense proxies, sense SaaS intermediari. Construït sobre AWS SSM i Azure Key Vault, serveis que ja utilitzes i pagues.', | ||
| }, | ||
| { |
Comment on lines
148
to
154
| { | ||
| icon: '🔌', | ||
| title: 'SDKs de runtime', | ||
| icon: '🔄', | ||
| title: 'Rotació de secrets segura', | ||
| description: | ||
| "Carrega secrets directament a memòria a l'inici de l'app: Python, .NET, Node.js, Go, Java. Sense fitxers .env a disc. Sense secrets residuals.", | ||
| 'Rota valors a AWS SSM o Azure Key Vault. Cada consumidor (local, CI/CD i runtime) resol el nou valor automàticament. Sense reescriure .env, sense canvis als pipelines.', | ||
| }, | ||
| { |
Comment on lines
+12
to
+25
| <section class="section" id="governance"> | ||
| <div class="container"> | ||
| <div class="section-title"> | ||
| <h2>{t.governance.title}<span>{t.governance.titleAccent}</span></h2> | ||
| <p class="section-subtitle"> | ||
| {t.governance.subtitle} | ||
| </p> | ||
| </div> | ||
|
|
||
| <p class="governance-positioning">{t.governance.positioning}</p> | ||
|
|
||
| <div class="grid-3 governance-grid"> | ||
| {t.governance.benefits.map((b) => ( | ||
| <div class="pixel-card governance-card"> |
2 tasks
This was referenced Jul 26, 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
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.
Summary
Streamlines the homepage by removing redundant sections and integrating
the SDK showcase directly into the HowItWorks Step 3. Adds governance
positioning as a subtitle in FeaturesGrid and promotes secret rotation
to a highlight card.
Changes
"Safe Secret Rotation" promoted to highlight Add badge coverage #3; "Secrets Never Touch
Disk" moved to extras
commands, docs links, package links, code examples with fluent builder)
was redundant with HowItWorks or belongs in docs)
translation keys (governance, roadmap, getStarted, gha, beforeAfter)
FeaturesGrid, HowItWorks, DemoVideo, Providers, Footer
Testing
astro buildpassesastro check-- only pre-existing errors in unused componentsRelated
N/A
Summary by CodeRabbit
Release Notes
New Features
Improvements
Documentation