Skip to content

feat: redesign landing page hero, add performance proof, and refresh …#298

Open
Ibrahim2595 wants to merge 1 commit into
llm-d:mainfrom
Ibrahim2595:feat/new-landingpage
Open

feat: redesign landing page hero, add performance proof, and refresh …#298
Ibrahim2595 wants to merge 1 commit into
llm-d:mainfrom
Ibrahim2595:feat/new-landingpage

Conversation

@Ibrahim2595
Copy link
Copy Markdown
Contributor

What does this PR do?

Refreshes the landing page end-to-end.

  • Hero: new headline/subhead copy, outlined "View the architecture" secondary CTA, CNCF Sandbox project link, and a "Founded by" strip with founder logos (Red Hat, Google Cloud, IBM, CoreWeave, NVIDIA) rendered as monochrome marks on the dark hero. CNCF logo kept in brand color.
  • New "Validated in production" section with five stat cards (3x, 70%, 40%, 13.9x, 50k) and an "Explore performance analysis" CTA linking to prism.llm-d.ai.
  • Inference guides section: renamed heading to "Start with the pattern that matches your bottleneck." with subhead; cards refreshed (titles, taglines, body, CTAs) and links switched to absolute llm-d.ai URLs.
  • Section-end CTAs ("Explore performance analysis", "See all guides") promoted from text links to outlined ghost buttons that share the hero secondary button's box shape.
  • Navbar logo switched to theme-aware SVG variants (light/dark).
  • Removed the legacy inline "How llm-d works" YouTube embed from src/pages/index.js (the dedicated /videos page still uses VideoEmbed).

Why is this change needed?

The previous landing page led with a single distributed-LLM-inference claim and a row of three CTAs. Visitors didn't have a fast way to (a) see proof that llm-d works in production, (b) understand who's behind the project, or (c) move efficiently from "interested" to "which guide should I follow." This redesign adds those three signals in the hero/upper-fold and gives the inference guides a clearer entry point.

The CNCF Sandbox acceptance and the production benchmark numbers were the two strongest credibility moments missing from the previous design — both are now surfaced above the fold.

How was this tested?

  • Tests added/updated (npm test)
  • Site builds successfully (npm run build)
  • Manual testing performed (npm start)

Checklist

  • Commits are signed off (git commit -s) per DCO
  • Code follows project contributing guidelines
  • Tests pass locally (npm test)
  • Site builds without errors (npm run build)
  • Documentation updated (if applicable)

Related Issues

…inference guides

- Hero: new headline/subhead copy, outlined "View the architecture" secondary
  CTA, CNCF Sandbox project link, and a "Founded by" strip with founder
  logos (Red Hat, Google Cloud, IBM, CoreWeave, NVIDIA) rendered as
  monochrome marks on the dark hero. CNCF logo kept in brand color.
- New "Validated in production" section with five stat cards (3x, 70%,
  40%, 13.9x, 50k) and an "Explore performance analysis" CTA linking to
  prism.llm-d.ai.
- Inference guides section: renamed heading to "Start with the pattern
  that matches your bottleneck." with subhead; cards refreshed (titles,
  taglines, body, CTAs) and links switched to absolute llm-d.ai URLs.
- Section-end CTAs ("Explore performance analysis", "See all guides")
  promoted from text links to outlined ghost buttons that share the
  hero secondary button's box shape.
- Navbar logo switched to theme-aware SVG variants (light/dark).
- Removed the legacy inline "How llm-d works" YouTube embed from
  src/pages/index.js (the dedicated /videos page still uses VideoEmbed).

Signed-off-by: IBRAHIM IBRAHIM <66755652+Ibrahim2595@users.noreply.github.com>
@netlify
Copy link
Copy Markdown

netlify Bot commented May 20, 2026

Deploy Preview for elaborate-kangaroo-25e1ee ready!

Name Link
🔨 Latest commit b1a6030
🔍 Latest deploy log https://app.netlify.com/projects/elaborate-kangaroo-25e1ee/deploys/6a0e22c2e683d100084fee49
😎 Deploy Preview https://deploy-preview-298--elaborate-kangaroo-25e1ee.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

description:
"llm-d's endpoint picker scores each replica in real time across four signals: prefix cache locality, KV-cache utilization, queue depth, and predicted latency. Each request is dispatched to the replica with the lowest expected tail latency — delivering order-of-magnitude p99 improvements over round-robin routing, with no additional hardware.",
linkLabel: 'Explore LLM-aware routing',
to: 'https://llm-d.ai/docs/guides/optimized-baseline',
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@chcost we either make https://llm-d.ai/docs always point to the latest released branch, or for every link on the landing page we do https://llm-d.ai/{latest}/docs and we define a latest=0.7.0 var; I prefer the former

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@ahg-g agree. Let's make the default the latest release branch. With the option "dev" in the toggle menu, that allows users to see documentation from main. Make sense?

@Ibrahim2595 Ibrahim2595 mentioned this pull request May 22, 2026
8 tasks
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.

3 participants