Repository navigation
Landing page redesign: nicer, less text on mobile - #250
Merged
Merged
Conversation
On a phone the first screen now holds Ollie, the H1, one line, the Start trial button and three checked chips. The hero copy is the first sentence of the old subheadline; the announcement, second button and plan boxes are gone, and the product preview shows from lg up. What's new, Active Grounding and Use cases are removed: they repeated the feature list. Features are icon tiles, How it works and Pricing carry one short line per item, the short answer folds to three lines on phones, and the guide links become chip rows that scroll sideways on phones. Every link, anchor, heading level and JSON-LD source string stays. Unused keys leave all three catalogs; hu and es get the same shorter copy. At 390 px the English page goes from about 15,250 px to 5,120 px. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
|
Caution Review failedThe pull request is closed.
Note 🎁 Summarized by CodeRabbit Free
Comment |
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.
The landing page at
/,/huand/esnow has much less text, and on a phone the first screen shows Ollie, the headline, one line under it, one "Start trial" button and three mint check chips. At 390 px the English page went from about 15,250 px tall to about 5,100 px.What changed
The hero keeps the H1 word for word. The long subheadline is now its first sentence only ("Prepare cases and practice rounds with AI."). The "New in 2026" banner, the "View pricing" button and the three plan boxes are gone. The trial, no-card and cancel facts sit under the button as small chips with a mint check. Below
lgthe product preview is hidden and Ollie (the samepointpose, still) stands above the headline. Fromlgup the hero keeps the preview with Ollie pointing at it.The page drops three sections: What's new, Active Grounding (DeepDive) and Use cases. Their content repeated the feature list. The navbar loses its "What's new" link and lists Features, How it works and Pricing in page order.
The other sections are shorter:
smup each tile has one short line. All 11 tools stay.mdup, each with one short line.mdup the chips wrap.The Hungarian and Spanish catalogs carry the same shorter copy, translated with the app's glossary terms ("eset", "indítvány", "MI", "Vitapárbaj"). The keys that are no longer used are removed from all three catalogs.
What did not change
SEO tags and structured data are untouched:
index.html,src/lib/seo/,src/prerender/, meta, JSON-LD, canonical, hreflang and favicons. That keeps this PR clear of #249. The strings that feed the JSON-LD (shortAnswer.*,faq.*and thefeatures.<tool>names) are unchanged.#short-answeris still the first H2, the heading levels still go H1, H2, H3, and the#features,#pricing,#how-it-works,#faqand#guide-hub-titleanchors still exist. Routes, CTA destinations and the sitemap are the same.src/locales/tools/*.jsonis untouched because #249 edits it, sotools:home.freeToolsis now unused and can be removed after #249 merges. The only change insrc/locales/*.jsonnear the footer block #249 edits starts nine lines below its hunk.Screenshots
Before and after at 390, 820 and 1440 px, plus
/huat 390, are in~/.t3/scratch/landing-redesign-shots/on the VPS.Page heights, before and after:
/at 390 px: 15,251 px, now 5,124 px/at 820 px: 10,475 px, now 5,293 px/at 1440 px: 8,254 px, now 4,956 px/huat 390 px: 14,637 px, now 4,978 pxAt 390 px the hero button now ends 400 px from the top (467 px on
/hu), inside the first screen.Preview
Vercel preview on
debate-navigator(production data, behind the Vercel login): https://debate-navigator-arfwzkh1w-adam-gaborjanis-projects.vercel.app. It is a Preview deployment of c8425ef. Throughvercel curl,/,/huand/esreturn 200 with the new hero copy.Verification
npm run verifypassed locally at c8425ef: docs check, lint (eslint, knip, repo rules), typecheck, 682 unit tests, 30 collaboration tests, 483 edge tests, the build withcheck-siteandcheck-links(no problems, the home page links to 27 sitemap pages), the offline service-worker test and 47 Playwright smoke tests. I also opened the built/and/huat 390, 820 and 1440 px, with no page errors. Every section reveals on scroll, the phone hero button sits inside the first screen, and on a 390 px touch viewport "Read more" opens the answer from 78 px to 364 px witharia-expanded="true"and "Show less" folds it back. The button is 44 px tall.GitHub Actions is out of minutes, so this is a local pass on the PR head, not a CI pass. I did not drive the
verify-debatelabrecipes, because the landing page has no recipe and the localization recipe only needs the "Start trial" link, which is unchanged.🤖 Generated with Claude Code