Skip to content

feat(homepage): Bifurcated homepage refresh #18786

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
coolguyzone wants to merge 8 commits into
base: master
Choose a base branch
from
Open

feat(homepage): Bifurcated homepage refresh #18786

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
fb368b9
feat(homepage): Mock up a bifurcated AI vs manual setup homepage
coolguyzone Jul 20, 2026
91c2bce
feat(homepage): Bifurcated homepage without sidebar (variant)
coolguyzone Jul 21, 2026
9e4cb50
feat(homepage): Link AI card to agent-skills; split API and CLI cards
coolguyzone Jul 22, 2026
d34fbd6
fix(homepage): Use a plain anchor for the #platforms hash link
coolguyzone Jul 22, 2026
5989365
Merge remote-tracking branch 'origin/master' into Coolguyzone/feat/bi…
coolguyzone Jul 22, 2026
56631d9
fix(homepage): Update AI card link to /ai/agent-plugin/
coolguyzone Jul 22, 2026
871fd62
[getsentry/action-github-commit] Auto commit
getsantry[bot] Jul 22, 2026
95bbeff
fix(homepage): Align home header width with content; move footer out …
coolguyzone Jul 22, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions src/components/header.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -183,12 +183,12 @@ export function Header({
{/* define a header-height variable for consumption by other components */}
<style>{`
:root { --header-height: 64px; }
/* Home page: align header content with max-w-screen-xl (1280px) content */
/* Home page: align header content with max-w-screen-lg (1024px) content */
/* The nav element has px-4 (16px) on mobile, md:pl-3 (12px) on desktop */
/* Home content uses px-4 (16px), sm:px-8 (32px), lg:px-[50px] */
/* Home content uses px-4 (16px), sm:px-8 (32px) — no larger step */
/* So we subtract the nav's padding from the content's padding */
.header-content-home {
max-width: 1280px;
max-width: 1024px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
Expand All @@ -211,10 +211,10 @@ export function Header({
}
@media (min-width: 1024px) {
.header-content-home {
/* 50px (content) - 12px (nav md:pl-3) = 38px on left */
/* 50px (content) - 24px (right div lg:pr-6) = 26px on right */
padding-left: 38px;
padding-right: 26px;
/* 32px (content) - 12px (nav md:pl-3) = 20px on left */
/* 32px (content) - 24px (right div lg:pr-6) = 8px on right */
padding-left: 20px;
padding-right: 8px;
}
}
/* Doc pages: fluid centering to match sidebar offset at wide viewports */
Expand Down
Loading
Loading