RubyGemsOrg · enatario · Jun 25, 2026 · Jun 24, 2026 · Jun 24, 2026 · Jun 24, 2026
diff --git a/about.hbs b/about.hbs
@@ -6,15 +6,15 @@
 
 {{> "components/info-block" copy="title:'About::Mission'" primary="title:'About::Mission - Button'" id="mission" container=true inverse=true}}
 
-{{#> "components/section" id="board-of-directors" copy="title:'About::BoardOfDirectors - Heading'" grid=true}}
+{{#> "components/section" id="board-of-directors" copy="title:'About::BoardOfDirectors - Heading'" grid="quad"}}
  {{#get "pages" filter="tag:hash-board-of-directors" limit="all" order="published_at asc"}}
  {{#foreach pages}}
  {{> "components/team-member" name=title jobTitle=custom_excerpt image=feature_image}}
  {{/foreach}}
  {{/get}}
 {{/components/section}}
 
-{{#> "components/section" id="staff" copy="title:'About::Staff - Heading'" grid=true}}
+{{#> "components/section" id="staff" copy="title:'About::Staff - Heading'" grid="quad"}}
  {{#get "pages" filter="tag:hash-staff" limit="all" order="published_at asc"}}
  {{#foreach pages}}
  {{> "components/team-member" name=title jobTitle=custom_excerpt image=feature_image}}

diff --git a/custom-community.hbs b/custom-community.hbs
@@ -1,7 +1,7 @@
 {{!< default}}
 {{> "components/hero" copy="title:'Community::Hero - Body'" links="tag:hash-community-hero-link" linksLabel="More in community"}}
 
-{{#> "components/section" id="membership" copy="title:'Community::Membership - Heading'" grid=true}}
+{{#> "components/section" id="membership" copy="title:'Community::Membership - Heading'" grid="trio"}}
  {{> "components/info-block" copy="title:'Community::Membership - Ruby Friend'" primary="title:'Community::Membership - Ruby Friend - Button'" id="" border=true}}
  {{> "components/info-block" copy="title:'Community::Membership - CommunitySupporter'" primary="title:'Community::Membership - CommunitySupporter - Button'" id="" border=true}}
  {{> "components/info-block" copy="title:'Community::Membership - CommunitySupporterRubyGems'" primary="title:'Community::Membership - CommunitySupporterRubyGems - Button'" id="" border=true}}
@@ -13,7 +13,7 @@
 
 {{> "components/info-block" copy="title:'Community::SteeringCommittees'" primary="title:'Community::SteeringCommittees - Button'" id="steering-committees" container=true inverse=true}}
 
-{{#> "components/section" id="volunteering" copy="title:'Community::Volunteering - Heading'" grid=true}}
+{{#> "components/section" id="volunteering" copy="title:'Community::Volunteering - Heading'" grid="trio"}}
  {{> "components/info-block" copy="title:'Community::Volunteering - AtEvents'" primary="title:'Community::Volunteering - AtEvents - Button'" id=""}}
  {{> "components/info-block" copy="title:'Community::Volunteering - InPrograms'" primary="title:'Community::Volunteering - InPrograms - Button'" secondary="title:'Community::Volunteering - InPrograms - Secondary Button'" id=""}}
  {{> "components/info-block" copy="title:'Community::Volunteering - InOpenSource'" primary="title:'Community::Volunteering - InOpenSource - Button'" id=""}}

diff --git a/custom-programs.hbs b/custom-programs.hbs
@@ -3,7 +3,7 @@
 
 {{> "components/info-block" copy="title:'Programs::RubyGems'" primary="title:'Programs::RubyGems - Button'" secondary="title:'Programs::RubyGems - Secondary Button'" id="rubygems" container=true inverse=true}}
 
-{{#> "components/section" id="open-source-projects" copy="title:'Programs::OpenSourceProjects - Heading'" grid=true}}
+{{#> "components/section" id="open-source-projects" copy="title:'Programs::OpenSourceProjects - Heading'" grid="trio"}}
  {{> "components/info-block" copy="title:'Programs::OpenSourceProjects - Bundler'" primary="title:'Programs::OpenSourceProjects - Bundler - Button'" id="" border=true}}
  {{> "components/info-block" copy="title:'Programs::OpenSourceProjects - Gemstash'" primary="title:'Programs::OpenSourceProjects - Gemstash - Button'" id="" border=true}}
  {{> "components/info-block" copy="title:'Programs::OpenSourceProjects - RubyAPI'" primary="title:'Programs::OpenSourceProjects - RubyAPI - Button'" id="" border=true}}

diff --git a/custom-sponsors.hbs b/custom-sponsors.hbs
@@ -1,7 +1,7 @@
 {{!< default}}
 {{> "components/hero" copy="title:'Sponsors::Hero - Body'" links="tag:hash-sponsors-hero-link" linksLabel="More in sponsorship"}}
 
-{{#> "components/section" id="sponsorship-paths" copy="title:'Sponsors::SponsorshipPaths - Heading'" grid=true}}
+{{#> "components/section" id="sponsorship-paths" copy="title:'Sponsors::SponsorshipPaths - Heading'" grid="trio"}}
  {{> "components/info-block" copy="title:'Sponsors::SponsorshipPaths - SponsorRubyCentral'" primary="title:'Sponsors::SponsorshipPaths - SponsorRubyCentral - Button'" id="" border=true}}
  {{> "components/info-block" copy="title:'Sponsors::SponsorshipPaths - RubyAlliance'" primary="title:'Sponsors::SponsorshipPaths - RubyAlliance - Button'" id="" border=true}}
 {{/components/section}}
@@ -13,13 +13,13 @@
 
 {{> "components/info-block" copy="title:'Sponsors::RubyAlliance'" primary="title:'Sponsors::RubyAlliance - Button'" id="ruby-alliance" container=true inverse=true}}
 
-{{#> "components/section" id="impact" copy="title:'Sponsors::Impact - Heading'" grid=true}}
+{{#> "components/section" id="impact" copy="title:'Sponsors::Impact - Heading'" grid="trio"}}
  {{> "components/info-block" copy="title:'Sponsors::Impact - Infrastructure'" primary="title:'Sponsors::Impact - Infrastructure - Button'" id=""}}
  {{> "components/info-block" copy="title:'Sponsors::Impact - Events'" primary="title:'Sponsors::Impact - Events - Button'" id=""}}
  {{> "components/info-block" copy="title:'Sponsors::Impact - CommunityPrograms'" primary="title:'Sponsors::Impact - CommunityPrograms - Button'" id=""}}
 {{/components/section}}
 
-{{#> "components/section" id="become-a-sponsor" copy="title:'Sponsors::BecomeASponsor - Heading'" grid=true}}
+{{#> "components/section" id="become-a-sponsor" copy="title:'Sponsors::BecomeASponsor - Heading'" grid="trio"}}
  {{> "components/info-block" copy="title:'Sponsors::BecomeASponsor - ChooseYourLevel'" primary="title:'Sponsors::BecomeASponsor - ChooseYourLevel - Button'" id=""}}
  {{> "components/info-block" copy="title:'Sponsors::BecomeASponsor - GetInTouch'" primary="title:'Sponsors::BecomeASponsor - GetInTouch - Button'" id=""}}
  {{> "components/info-block" copy="title:'Sponsors::BecomeASponsor - GetRecognized'" primary="title:'Sponsors::BecomeASponsor - GetRecognized - Button'" id=""}}

diff --git a/home.hbs b/home.hbs
@@ -1,116 +1,20 @@
 {{!< default}}
 
-{{> "components/hero-home" copy="title:'Home::Hero - Body'" primary="title:'Home::Hero - Button Primary'" secondary="title:'Home::Hero - Button Secondary'" image="title:'Home::Hero - Image'"}}
-
-<section class="home-stats u-container" aria-label="Two decades of showing up for Ruby">
- {{#get 'pages' filter="title:'Home::Stats - Heading'" limit='1'}}
- {{#foreach pages}}
- {{content}}
- {{/foreach}}
- {{/get}}
- <dl class="home-stats__list">
- {{#get 'pages' filter='tag:hash-home-stat' limit='8'}}
- {{#foreach pages}}
- <div class="home-stats__item">
- <dt class="home-stats__value">{{title}}</dt>
- <dd class="home-stats__description">{{custom_excerpt}}</dd>
- </div>
- {{/foreach}}
- {{/get}}
- </dl>
-</section>
-
-<section class="home-gallery u-container" aria-label="Community photos">
- <figure class="home-gallery__items">
- {{#get 'pages' filter='tag:hash-home-gallery-image' limit='5' include='feature_image'}}
- {{#foreach pages}}
- {{#if feature_image}}
- {{> "components/image" src=feature_image alt=title class="home-gallery__item"}}
- {{/if}}
- {{/foreach}}
- {{/get}}
- </figure>
-</section>
-
-<section class="home-involvement u-container" aria-label="Ruby Central is your community">
- {{#get 'pages' filter="title:'Home::Involvement - Heading'" limit='1'}}
- {{#foreach pages}}
- {{content}}
- {{/foreach}}
- {{/get}}
- {{> "components/link-list" links="tag:hash-home-involvement" description=true feature=true}}
-</section>
-
-<section class="home-pillars u-container" aria-labelledby="home-pillars-heading">
- <h2 id="home-pillars-heading" class="home-pillars__label">
- {{> "icons/gem-badge"}}
- Pillars
- </h2>
-
- <div class="home-pillars__columns">
-
- {{! Events }}
- <article class="home-pillars__column home-pillars__column--events" aria-labelledby="pillar-events-heading">
- <h3 id="pillar-events-heading" class="home-pillars__column-title">Events</h3>
- <p class="home-pillars__column-subtitle">Where the Ruby community comes <em>together</em>.</p>
-
- {{#get 'pages' filter='tag:hash-home-featured-event' limit='1' include='feature_image'}}
- {{#foreach pages}}
- <article class="home-event-card">
- <p class="home-event-card__label">Next up</p>
- <h4 class="home-event-card__title">{{title}}</h4>
- {{#if custom_excerpt}}
- <p class="home-event-card__meta">{{custom_excerpt}}</p>
- {{/if}}
- {{#if feature_image}}
- <img class="home-event-card__image" src="{{feature_image}}" alt="" />
- {{/if}}
- {{#get 'pages' filter='tag:hash-home-event-cta' limit='1'}}
- {{#foreach pages}}
- {{content}}
- {{/foreach}}
- {{/get}}
- </article>
- {{#if html}}
- <div class="home-event-card__description">{{content}}</div>
- {{/if}}
- {{/foreach}}
- {{/get}}
- </article>
-
- {{! Open source }}
- <article class="home-pillars__column home-pillars__column--open-source" aria-labelledby="pillar-open-source-heading">
- <h3 id="pillar-open-source-heading" class="home-pillars__column-title">Open source</h3>
- <p class="home-pillars__column-subtitle">The infrastructure Ruby runs on.</p>
- {{#get 'pages' filter="title:'Home::OpenSource'" limit='1'}}
- {{#foreach pages}}
- <div class="home-pillars__column-description">{{content}}</div>
- {{/foreach}}
- {{/get}}
- {{#get 'pages' filter="title:'Home::OpenSource - Button'" limit='1'}}
- {{#foreach pages}}
- {{content}}
- {{/foreach}}
- {{/get}}
- </article>
-
- {{! Community }}
- <article class="home-pillars__column home-pillars__column--community" aria-labelledby="pillar-community-heading">
- <h3 id="pillar-community-heading" class="home-pillars__column-title">Community</h3>
- <p class="home-pillars__column-subtitle">Built <em>by</em> Rubyists, <em>for</em> Rubyists.</p>
- {{#get 'pages' filter="title:'Home::Community'" limit='1'}}
- {{#foreach pages}}
- <div class="home-pillars__column-description">{{content}}</div>
- {{/foreach}}
- {{/get}}
- {{#get 'pages' filter="title:'Home::Community - Button'" limit='1'}}
- {{#foreach pages}}
- {{content}}
- {{/foreach}}
- {{/get}}
- </article>
-
+{{> "components/hero-home" copy="title:'Home::Hero - Body'" primary="title:'Home::Hero - Button Primary'" secondary="title:'Home::Hero - Button Secondary'"}}
+
+{{#> "components/section" id="pillars" copy="title:'Home::Pillars - Heading'" grid="trio"}}
+ {{> "components/info-block" copy="title:'Home::Pillars - Conferences'" feature="tag:hash-home-featured-event" featureLabel="Next up" featureCta="title:'Home::Pillars - Button'" id="" border=true}}
+ {{> "components/info-block" copy="title:'Home::Pillars - OpenSource'" secondary="title:'Home::Pillars - OpenSource - Button'" id="" border=true}}
+ {{> "components/info-block" copy="title:'Home::Pillars - Community'" primary="title:'Home::Pillars - Community - Button'" id="" border=true}}
+{{/components/section}}
+
+{{#> "components/section"}}
+ <div class="home-involvement u-grid">
+ {{> "components/link-list" links="tag:hash-home-involvement" description=true feature=true}}
+ <figure class="home-involvement__image" data-involvement-image>
+ {{> "components/image" src="http://localhost:2368/content/images/2026/06/about-mission-audience.jpg" alt="A large audience watching a conference talk"}}
+ </figure>
  </div>
-</section>
+{{/components/section}}
 
 {{> "components/cta" copy="title:'Home::Transparency'" primary="title:'Home::Transparency - Button'" label="Transparency and governance"}}
diff --git a/partials/components/hero-home.hbs b/partials/components/hero-home.hbs
@@ -1,21 +1,47 @@
 <section class="hero hero--home">
- <div class="hero__inner u-container u-grid">
- <div class="hero__content u-grid-span-4">
- {{#get 'pages' filter=copy limit='1'}}
- {{#foreach pages}}
- {{content}}
- {{/foreach}}
- {{/get}}
- {{> "components/cta-buttons" primary=primary secondary=secondary}}
+ <div class="hero__inner u-container">
+ <div class="hero__content">
+ <div class="hero__split u-grid">
+ <div class="hero__text u-grid-span-3">
+ {{#get 'pages' filter=copy limit='1'}}
+ {{#foreach pages}}
+ {{content}}
+ {{/foreach}}
+ {{/get}}
+ {{> "components/cta-buttons" primary=primary secondary=secondary}}
+ </div>
+ <figure class="hero__images u-grid-span-4">
+ {{> "components/image" src="http://localhost:2368/content/images/2026/06/steering-committees-discussion.jpg" alt="A small group of people in conversation around a table"}}
+ {{> "components/image" src="http://localhost:2368/content/images/2026/06/ruby-alliance-connection.jpg" alt="Two community members embracing warmly at a conference"}}
+ {{> "components/image" src="http://localhost:2368/content/images/2026/06/speaking-opportunity-portrait.jpg" alt="A speaker presenting on stage at a Ruby conference"}}
+ </figure>
+ </div>
+ </div>
+ <div class="home-stats__row">
+ <div class="home-stats__marquee">
+ <div class="home-stats__track">
+ <dl class="home-stats__list">
+ {{#get 'pages' filter='tag:hash-home-stat' limit='all'}}
+ {{#foreach pages}}
+ <div class="home-stats__item">
+ <dt class="home-stats__value">{{title}}</dt>
+ <dd class="home-stats__description">{{custom_excerpt}}</dd>
+ </div>
+ {{/foreach}}
+ {{/get}}
+ </dl>
+ <dl class="home-stats__list" aria-hidden="true">
+ {{#get 'pages' filter='tag:hash-home-stat' limit='all'}}
+ {{#foreach pages}}
+ <div class="home-stats__item">
+ <dt class="home-stats__value">{{title}}</dt>
+ <dd class="home-stats__description">{{custom_excerpt}}</dd>
+ </div>
+ {{/foreach}}
+ {{/get}}
+ </dl>
+ </div>
+ </div>
  </div>
- {{#get 'pages' filter=image limit='1' include='feature_image'}}
- {{#foreach pages}}
- {{#if feature_image}}
- <figure class="hero__image u-grid-span-3">
- {{> "components/image" src=feature_image alt=custom_excerpt hero=true sizes="(min-width: 65em) 700px, 100vw"}}
- </figure>
- {{/if}}
- {{/foreach}}
- {{/get}}
  </div>
 </section>
diff --git a/partials/components/hero.hbs b/partials/components/hero.hbs
@@ -1,14 +1,14 @@
 <section class="hero">
  <div class="hero__inner u-container u-grid">
- <div class="hero__content u-grid-span-5">
+ <div class="hero__content u-grid-span-4">
  {{#get 'pages' filter=copy limit='1'}}
  {{#foreach pages}}
  {{content}}
  {{/foreach}}
  {{/get}}
  </div>
  {{#if links}}
- <div class="hero__links u-grid-span-2">
+ <div class="hero__links">
  {{> "components/link-list" links=links label=linksLabel}}
  </div>
  {{/if}}

diff --git a/partials/components/info-block-feature.hbs b/partials/components/info-block-feature.hbs
@@ -0,0 +1,20 @@
+{{!-- params: copy (filter for the featured page), label (small overline string), secondary (cta filter) --}}
+{{#get 'pages' filter=copy limit='1' include='feature_image'}}
+ {{#foreach pages}}
+ <div class="info-block-feature">
+ {{#if feature_image}}
+ <div class="info-block-feature__image">
+ {{> "components/image" src=feature_image alt=title}}
+ </div>
+ {{/if}}
+ <div class="info-block-feature__content">
+ <p class="info-block-feature__label">{{../../label}}</p>
+ <p class="info-block-feature__title">{{title}}</p>
+ <p class="info-block-feature__meta">{{custom_excerpt}}</p>
+ {{#if ../../secondary}}
+ {{> "components/cta-buttons" secondary=../../secondary}}
+ {{/if}}
+ </div>
+ </div>
+ {{/foreach}}
+{{/get}}
diff --git a/partials/components/info-block.hbs b/partials/components/info-block.hbs
@@ -5,6 +5,11 @@
  {{content}}
  {{#if ../../primary}}
  {{> "components/cta-buttons" primary=../../primary secondary=../../secondary}}
+ {{else if ../../secondary}}
+ {{> "components/cta-buttons" primary=../../primary secondary=../../secondary}}
+ {{/if}}
+ {{#if ../../feature}}
+ {{> "components/info-block-feature" copy=../../feature label=../../featureLabel secondary=../../featureCta}}
  {{/if}}
  </div>
  {{#if feature_image}}

diff --git a/partials/components/link-list.hbs b/partials/components/link-list.hbs
@@ -3,10 +3,10 @@
  <p class="link-list__label">{{label}}</p>
 {{/if}}
  <ul class="link-list__items">
- {{#get 'pages' filter=links limit='8' order='published_at asc'}}
+ {{#get 'pages' filter=links limit='8' include='feature_image' order='published_at asc'}}
  {{#foreach pages}}
  <li class="link-list__item">
- <a class="link-list__link" href="{{custom_excerpt}}">
+ <a class="link-list__link" href="{{custom_excerpt}}" {{#if feature_image}}data-image="{{feature_image}}"{{/if}}>
  <p class="link-list__title">{{title}}</p>
  {{#if ../../description}}
  <div class="link-list__description">{{content}}</div>

diff --git a/partials/components/section.hbs b/partials/components/section.hbs
@@ -1,4 +1,4 @@
-{{!-- params: id (optional, anchor target — matches the hero link-list href), copy (optional, section-level overline+heading filter; omit when the wrapped content already provides its own heading, e.g. a standalone info-block), grid (boolean: lay child components out in a flowing grid, each spanning 2 of 7 columns) --}}
+{{!-- params: id (optional, anchor target — matches the hero link-list href), copy (optional, section-level overline+heading filter; omit when the wrapped content already provides its own heading, e.g. a standalone info-block), grid (string: "trio" or "quad" — lay child components out in a flowing grid using the matching u-grid modifier) --}}
 <section{{#if id}} id="{{id}}"{{/if}} class="section u-container">
  {{#if copy}}
  {{#get 'pages' filter=copy limit='1'}}
@@ -9,7 +9,7 @@
  {{/foreach}}
  {{/get}}
  {{/if}}
- <div class="section__content{{#if grid}} section__content--grid u-grid{{/if}}">
+ <div class="section__content{{#if grid}} u-grid u-grid--{{grid}}{{/if}}">
  {{> @partial-block}}
  </div>
 </section>
diff --git a/partials/navigation.hbs b/partials/navigation.hbs
@@ -22,7 +22,7 @@
  </nav>
  <button
  type="button"
- class="button button--icon global-nav__menu-toggle"
+ class="button button--secondary button--icon global-nav__menu-toggle"
  data-global-nav-toggle
  aria-expanded="false"
  aria-controls="global-nav-menu"

diff --git a/src/css/app.css b/src/css/app.css
@@ -25,8 +25,11 @@
 @import "components/_global-footer.css" layer(components);
 @import "components/_global-nav.css" layer(components);
 @import "components/_hero.css" layer(components);
+@import "components/_home-involvement.css" layer(components);
+@import "components/_home-stats.css" layer(components);
 @import "components/_image.css" layer(components);
 @import "components/_info-block.css" layer(components);
+@import "components/_info-block-feature.css" layer(components);
 @import "components/_link-list.css" layer(components);
 @import "components/_section.css" layer(components);
 @import "components/_team-member.css" layer(components);