Skip to content

Feature: Redesign Home Page#50

Merged
ardelato merged 5 commits intohermesfrom
feat--redesign-home-page
Feb 25, 2026
Merged

Feature: Redesign Home Page#50
ardelato merged 5 commits intohermesfrom
feat--redesign-home-page

Conversation

@ardelato
Copy link
Collaborator

@ardelato ardelato commented Feb 25, 2026

Description

This redesigns the landing page/home page from the old role-based card layout (learn/organize/campaign) to a more modern section-based design.

The new layout centers around a Fix-O-Meter hero displaying global impact stats (waste diverted, CO2 prevented, devices fixed, volunteers, events), a split hero with title and CTAs, a "How It Works" 3-step card section, and a full-width CTA banner.

It brings more attention to the global data and shift the objective of the platform to be for organizing repair events.

image

QA Notes

  • Deploy this to the test cluster and validate things look good and are responsive

ardelato and others added 5 commits February 25, 2026 11:13
Replace role-based i18n keys (learn/organise/campaign) with
section-based keys (hero, how-it-works, fixometer, cta-banner).
Update fixitclinic instance copy. Controller adds wasteTotalLbs,
volunteerCount, and groupCount to the view and converts CO2 to pounds.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
New SCSS stylesheet with .fixometer, .hero--split, .how-it-works,
.cta-banner, and .landing-header components. Full template rewrite
replacing the three role-based cards with Fix-O-Meter hero, split
hero, How It Works, and CTA banner. Header partial simplified from
stats display to logo + nav links.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Update PHP assertion from landing.learn to landing.title. Update
Playwright expected heading. Add test for #fixometer-hero element.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Auto-generated translations rebuild. Includes trivial trailing
newline removal in app.js.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Translate new section-based landing page keys (hero, how-it-works,
fixometer, cta-banner) for all non-English locales. Base instance
locales translated via DeepL API; fixitclinic instance translated
manually. fr-BE copied from fr.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@ardelato
Copy link
Collaborator Author

QA 👍

Copy link
Member

@mlahargou mlahargou left a comment

Choose a reason for hiding this comment

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

CR 📱 LGTM

@ardelato ardelato merged commit 0371e37 into hermes Feb 25, 2026
@ardelato ardelato deleted the feat--redesign-home-page branch February 25, 2026 22:02
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