release: develop to main — landing page & visualizer UI/UX makeover by ayoub3bidi · Pull Request #222 · ayoub3bidi/bayan-flow

ayoub3bidi · 2026-08-04T17:08:16Z

Contribution workflow

Base branch is main: This PR targets main for production release.
Guidelines and docs: I have read CONTRIBUTING.md and the docs relevant to my change.
This template: I kept the PR template structure and filled in the sections below.

Description

Release develop to production. This batch contains the landing page and visualizer UI/UX makeover (PR #221): a redesigned landing experience (Hero, ProPreview, FAQ, SocialProof), a roadmap refresh, visualizer UX polish, and i18n consistency fixes across en/fr/ar.

Type of Change

🎨 UI/UX improvement (polish and layout changes)
✨ New feature (ProPreview/FAQ/SocialProof sections, article links on roadmap)
🐛 Bug fix (non-breaking fixes)

Related Issues

Merges PR #221 from develop.

Changes Made

Landing page: replaced the LearnYourWay section with a ProPreview section, added an FAQ section (answers qualified by account tier), added a SocialProofStrip, and updated Hero typography/layout (LandingPage.jsx, src/components/landing/*).
Roadmap: TimelineItem now supports highlights and article links; roadmapData.js updated with new highlights; translations kept consistent.
Visualizer UX: SettingsPanel renamed algorithm "mode" → "category" across UI + translations and received spacing polish; ArrayVisualizer gained new features and a localized pane label; algorithm tip messages clarified for consistency.
Video export: messaging updated and daily export limits removed for free users.
Auth UX: informative loading state added to Google sign-in buttons.
i18n: en/fr/ar translation updates, including FAQ tier-gating wording, "sans filigrane" fix (fr), and "كل الخوارزميات" fix (ar).
CodeRabbit review feedback addressed: non-nested CTA button (link renders as <a>, not <button> in <a>), aria-pressed on category selector, i18n tests read locale resources directly, ARIA/accessibility improvements.

Testing

All existing tests pass
New/updated tests for ProPreview, TimelineItem, roadmap data, i18n, and visualizer changes

Code Quality

ESLint passes (pnpm lint)
Prettier formatting applied (pnpm format:check)
Build succeeds (pnpm build)

Breaking Changes

None. LearnYourWay section was removed from the landing page; content is superseded by the new ProPreview/FAQ sections.

Additional Notes

All 8 CodeRabbit review threads from PR #221 are resolved. Preview verified at the PR preview URL from CI.

… support

…d UI consistency

…cy in tests and translations

… free users

Show a spinner and localized 'Signing in…' label instead of a silent disabled button while the Google popup and token exchange are in flight. Applies to the header UserMenu (landing + compact) and SignInPromptModal.

…nd improved layout

…ations

- Localize array pane labels (interactive + static) for screen readers - Keep AnimatePresence mounted so caption exit animation runs - Render a single interactive element for CTA link buttons (no nested <button>) - Reset i18n to English before ProPreview tests - Expose selected category state via aria-pressed in SettingsPanel - Read algorithmTips/algorithmUses directly from locale resources in tests - Qualify gated FAQ capabilities by account tier (en/fr/ar) - Fix FR 'sans watermark' and AR 'كل الـخوارزمية' translation typos

fix: landing page & visualizer UI/UX makeover

coderabbitai · 2026-08-04T17:08:25Z

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: f6df3c31-5950-4f0f-9a2c-a112e0730efb

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

🔍 Trigger review

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.}

socket-security · 2026-08-04T17:09:03Z

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	@fontsource-variable/source-serif-4@5.3.0

View full report

codecov · 2026-08-04T17:09:50Z

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

…tion flake

ayoub3bidi added 13 commits August 1, 2026 13:39

feat: enhance TimelineItem component with highlights and article link…

292bc44

… support

fix: update roadmap highlights and improve translation consistency

b880b35

fix: adjust spacing and layout in SettingsPanel component for improve…

00c55f9

…d UI consistency

fix: update algorithm tip messages for improved clarity and consisten…

51da280

…cy in tests and translations

feat: Update LandingPage with ProPreview and FAQ sections

494333b

fix: update video export messaging and remove daily export limits for…

1eca5b5

… free users

fix: add informative loading state to Google sign-in buttons

6013564

Show a spinner and localized 'Signing in…' label instead of a silent disabled button while the Google popup and token exchange are in flight. Applies to the header UserMenu (landing + compact) and SignInPromptModal.

feat: enhance ArrayVisualizer and Hero components with new features a…

4a930a6

…nd improved layout

feat: update typography and layout for landing page components

f4a444a

refactor: rename algorithm mode to category in settings UI and transl…

427f58a

…ations

style: format landing heading font-family declaration in index.css

417e17a

Merge pull request #221 from ayoub3bidi/fix/makeovers

e870aed

fix: landing page & visualizer UI/UX makeover

github-actions Bot added documentation Improvements or additions to documentation style Improve styling, design, and animation dependencies tests labels Aug 4, 2026

fix: alias tone entry in vitest config to stop intermittent CI resolu…

139d2ee

…tion flake

github-actions Bot added the config label Aug 4, 2026

ayoub3bidi merged commit 4753eaa into main Aug 4, 2026
23 of 25 checks passed

Navigation Menu

Uh oh!

release: develop to main — landing page & visualizer UI/UX makeover - #222

release: develop to main — landing page & visualizer UI/UX makeover#222
ayoub3bidi merged 14 commits into
mainfrom
develop

ayoub3bidi commented Aug 4, 2026

Uh oh!

coderabbitai Bot commented Aug 4, 2026 •

edited

Loading

Review skipped

Uh oh!

socket-security Bot commented Aug 4, 2026 •

edited

Loading

Uh oh!

codecov Bot commented Aug 4, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Uh oh!

Conversation

ayoub3bidi commented Aug 4, 2026

Contribution workflow

Description

Type of Change

Related Issues

Changes Made

Testing

Code Quality

Breaking Changes

Additional Notes

Uh oh!

coderabbitai Bot commented Aug 4, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

socket-security Bot commented Aug 4, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

codecov Bot commented Aug 4, 2026

Codecov Report

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

coderabbitai Bot commented Aug 4, 2026 •

edited

Loading

socket-security Bot commented Aug 4, 2026 •

edited

Loading