Home page: replace Where to Next card grid with a featured-study card plus an Explore list; v2.34.0

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 5.5 committed 2026-10-13 08:13:57 -04:00
1 parent b04a8b30cd
commit b48a81a00c
4 files changed
+62 -91

No files matched your search

+22 -20
View File
@@ -1360,30 +1360,32 @@ function LandingPage({ content }: { content: SiteContent }) {
</div>
</section>
{/* ── WAYS IN ── */}
{/* ── FEATURED STUDY + WAYS IN ── */}
<section className="section-home-jump" aria-label="Homepage navigation">
<div className="section-inner">
<div className="home-jump-head">
<p className="eyebrow">{content.whereToNextEyebrow || 'Where to Next'}</p>
<h2 className="section-heading">{content.whereToNextHeading || 'Choose the page you need.'}</h2>
</div>
<div className="home-jump-grid">
<div className={`section-inner home-ways${featuredStudy ? '' : ' home-ways--list-only'}`}>
{featuredStudy && (
<Link to={`/study/${featuredStudy.slug || ''}`} className="home-feature">
<div className="home-feature-head">
<span className="home-feature-eyebrow">{featuredStudy.homepageEyebrow || 'Study'}</span>
{featuredStudy.showNewTag && <span className="home-jump-new-tag">{featuredStudy.newTagLabel || 'NEW'}</span>}
</div>
<h3>{featuredStudy.title}</h3>
<p>{featuredStudy.description || 'Explore this study track with lesson notes, commentary, and guided questions.'}</p>
<span className="btn-primary home-feature-btn">Start the study</span>
</Link>
)}
<div className="home-ways-list">
<p className="home-ways-eyebrow">{content.whereToNextEyebrow || 'Where to Next'}</p>
<h2 className="home-ways-heading">{content.whereToNextHeading || 'Explore the site'}</h2>
{[...fixedCards, ...adminCards].map(card => (
<Link key={card.id} to={card.path} className="home-jump-card">
<h3>{card.title}</h3>
<p>{card.description}</p>
<Link key={card.id} to={card.path} className="home-ways-link">
<span>
<strong>{card.title}</strong>
<small>{card.description}</small>
</span>
<span className="home-ways-arrow" aria-hidden="true">→</span>
</Link>
))}
{featuredStudy && (
<Link to={`/study/${featuredStudy.slug || ''}`} className="home-jump-card home-jump-card--featured">
<div className="home-jump-featured-head">
<p className="eyebrow">{featuredStudy.homepageEyebrow || 'Study'}</p>
{featuredStudy.showNewTag && <span className="home-jump-new-tag">{featuredStudy.newTagLabel || 'NEW'}</span>}
</div>
<h3>{featuredStudy.title}</h3>
<p>{featuredStudy.description || 'Explore this study track with lesson notes, commentary, and guided questions.'}</p>
</Link>
)}
</div>
</div>
</section>