Skip to content

Sync from fork: landing hero busts the 'install' myth#462

Merged
rdmueller merged 3 commits into
LLM-Coding:mainfrom
raifdmueller:main
May 8, 2026
Merged

Sync from fork: landing hero busts the 'install' myth#462
rdmueller merged 3 commits into
LLM-Coding:mainfrom
raifdmueller:main

Conversation

@raifdmueller
Copy link
Copy Markdown
Contributor

@raifdmueller raifdmueller commented May 8, 2026

Summary

Brings the merged landing-page hero from fork PR #25 to upstream.

Returning users and AI demos surfaced a recurring misconception: visitors thought Semantic Anchors are something you download or install. They are not — they are vocabulary you type into a prompt. This PR addresses that head-on.

What lands

  • Landing hero at the top of the home page with three blocks:
    1. Headline "No download. No install. Just type." with a plain-text intro and a bold emphasis line.
    2. Side-by-side Without anchor / With anchor prompt example using Clean Architecture as the worked example.
    3. Three-step How to use this site (Browse → Copy → Paste) plus a Skip to catalog ↓ anchor for repeat visitors.
  • About / Propose New Anchor links move below the hero.
  • Onboarding modal gets a new lead callout (onboarding.text0) repeating the myth-busting line for first visitors.
  • Bilingual EN + DE; all HTML emphasis lives in the template, i18n strings stay plain text.

Test plan

All checks passed in fork PR #25:

  • E2E (1m9s)
  • Lint & Format
  • Dependency Security Audit
  • CodeQL / Analyze (javascript-typescript)

Summary by CodeRabbit

Versionshinweise

  • Neue Funktionen

    • Erweiterte Hero-Sektion mit detaillierter Schritt-für-Schritt-Anleitung zur Verwendung.
    • Neuer „Zur Katalog springen"-Link für schnelle Navigation.
    • Zusätzlicher Onboarding-Text zur Erklärung der Funktionsweise.
  • Dokumentation

    • Neue Übersetzungsschlüssel für Deutsch und Englisch hinzugefügt.

raifdmueller and others added 3 commits May 8, 2026 11:22
Returning users and AI demos surfaced a recurring misconception:
visitors thought Semantic Anchors are something you download or
install. They are not — they are vocabulary you type into a prompt.

This commit adds an explainer hero on top of the home page and
expands the first-visit onboarding modal with the same myth-busting
sentence:

- New hero section with three blocks:
  1. Headline 'No download. No install. Just type.' + plain-text intro
     and bold emphasis line.
  2. Side-by-side Without / With anchor prompt example using
     Clean Architecture as the anchor.
  3. Three-step 'How to use this site' (Browse → Copy → Paste) and
     a 'Skip to catalog' anchor link.
- About / Propose New Anchor links move below the hero.
- Onboarding modal: new 'text0' line ('You don't download or install
  Semantic Anchors. They live inside any modern AI model — you just
  need the right word.') rendered as a primary callout above the
  existing copy.
- All strings live in en.json and de.json; HTML inline emphasis is
  done at the template level so i18n stays text-only and safe.
The home page now leads with an <h1> 'No download. No install. Just
type.' instead of an <h2> 'Explore Semantic Anchors'. Update the
homepage smoke test to look for the hero headline (EN or DE) on the
new <h1>.
…ll-myth

feat(home): add landing hero busting the 'install' myth
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented May 8, 2026

Review Change Stack

Caution

Review failed

Pull request was closed or merged during review

Walkthrough

Der Hero-Abschnitt der Homepage wurde durch einen detaillierteren, mehrsprachigen Bereich ersetzt, der Titel, Intro-Text, zwei Callout-Karten, eine Anleitung mit drei Schritten und einen "Skip to Catalog"-Link enthält. Das Onboarding-Modal zeigt nun einen neuen Einführungstext. Übersetzungen für Englisch und Deutsch werden mit neuen Schlüsseln erweitert, und der E2E-Test wird angepasst.

Changes

Hero-Abschnitt und Onboarding-Text

Layer / Datei(en) Zusammenfassung
Übersetzungsinhalte
website/src/translations/en.json, website/src/translations/de.json
Neue hero.*-Schlüssel mit Marketing-Texten, Schritte zur Nutzung und einem „Skip to Catalog"-Link. Neue onboarding.text0-Schlüssel für Einführungstexte in Englisch und Deutsch.
Main-Content-Komponente
website/src/components/main-content.js
Hero-Abschnitt ersetzt alte Heading/Subheading durch neue Struktur mit mehreren lokalisierten Elementen, Callout-Karten, einer 3-Schritte-Liste und neuem rechtsbündigen Skip-Link mit ml-auto.
Onboarding-Modal-Komponente
website/src/components/onboarding-modal.js
Neue lokalisierte text0-Variable wird gelesen und als akzentuierter Absatz im Modal-Inhalt eingefügt.
Test-Aktualisierung
website/tests/e2e/website.spec.js
Assertion ändert sich von erstem h2 mit "Semantic Anchors" zu erstem main h1 mit mehsprachigem /No download|Nichts installieren/-Muster.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

  • LLM-Coding/Semantic-Anchors#431: Änderungen an website/src/components/onboarding-modal.js — diesen PR ergänzt eine neue Onboarding-Text-Renderings, während der verwandte PR Modal-Logo-Attribute anpasst.
🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed Der PR-Titel beschreibt präzise die Hauptänderung: Hinzufügung eines Hero-Bereichs auf der Startseite, der die 'Install'-Anforderung widerlegt. Der Titel ist kurz, klar und bezieht sich direkt auf die Kernänderungen im Code.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

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.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@rdmueller rdmueller merged commit bdf6417 into LLM-Coding:main May 8, 2026
6 of 7 checks passed
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.

2 participants