Fix landing page header hierarchy and harmonize blog section styling#15497
Merged
Fix landing page header hierarchy and harmonize blog section styling#15497
Conversation
…onize styling Co-authored-by: pelikhan <[email protected]>
Copilot
AI
changed the title
[WIP] Update landing page layout and style in documentation
Fix landing page header hierarchy and harmonize blog section styling
Feb 13, 2026
Contributor
There was a problem hiding this comment.
Pull request overview
This PR updates the docs landing page structure and styling to improve semantic heading hierarchy and align the “Learn more” blog callout with the existing docs card design system.
Changes:
- Promotes “Guardrails Built-In” to an
##heading to match other top-level landing page sections. - Moves the blog link callout to sit just above the Gallery section for improved content flow.
- Restyles
BlogLinkSection.astroto match theFeatureCard.astrolook/feel (dark/light theme parity, hover gradient overlay, reduced-motion support).
Reviewed changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.
| File | Description |
|---|---|
| docs/src/content/docs/index.mdx | Adjusts section heading level and repositions the BlogLinkSection component above Gallery. |
| docs/src/components/BlogLinkSection.astro | Harmonizes the blog callout card styling with FeatureCard patterns, including light theme + reduced-motion support. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
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.
Landing page had inconsistent header hierarchy and blog section styling that didn't match the docs design system.
Changes
###to##to match other main sections (Key Features, Gallery, etc.)BlogLinkSection.astroto matchFeatureCard.astrodesign patterns:#8b5cf6dark /#6639balight)prefers-reduced-motion)Screenshots
Blog section (new position and styling):
Blog box detail:
Warning
Firewall rules blocked me from connecting to one or more addresses (expand for details)
I tried to connect to the following addresses, but was blocked by firewall rules:
telemetry.astro.build/opt/hostedtoolcache/node/24.13.0/x64/bin/node node /home/REDACTED/work/gh-aw/gh-aw/docs/node_modules/.bin/astro dev --host 0.0.0.0 --port 4321(dns block)/opt/hostedtoolcache/node/24.13.0/x64/bin/node node /home/REDACTED/work/gh-aw/gh-aw/docs/node_modules/.bin/astro build(dns block)If you need me to access, download, or install something from one of these locations, you can either:
💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.