feat: polish hero thumbnails

[NathaelB]

Summary by CodeRabbit

• New Features

  • Blog homepage now separates featured and regular articles by language, with responsive layouts.
  • Article filters display the total article count and updated category controls.
  • Blog headings and filter labels are now available in English and French.
  • Thumbnails use a refreshed mosaic and pixel-key visual design with improved text truncation.

• Style

  • Refined hero diagrams, comparison tables, team grids, calls to action, article cards, and iconography.
  • Improved diagram layering and animation visibility across website sections.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: c21fbaee-eb78-4080-8aab-34b2dd7a73c4

📥 Commits

Reviewing files that changed from the base of the PR and between 9e36995 and c701761.

📒 Files selected for processing (12)

• apps/blog/src/components/PostCard.astro
• apps/blog/src/components/TagFilter.tsx
• apps/blog/src/i18n/ui.ts
• apps/blog/src/pages/index.astro
• apps/website/src/components/comparison-section.astro
• apps/website/src/components/core-team-section.astro
• apps/website/src/components/cta-section.astro
• apps/website/src/components/features-section.astro
• apps/website/src/components/hero-section.astro
• apps/website/src/components/latest-articles-section.astro
• apps/website/src/components/why-now-section.astro
• packages/thumbnail/src/generator.tsx

---

📝 Walkthrough

Walkthrough

The pull request refreshes blog post grouping and presentation, updates website landing-page visuals and responsive layouts, and replaces thumbnail generation with a deterministic mosaic and pixel-art design.

Changes

Blog index refresh

Layer / File(s)	Summary
Blog component and translation contracts apps/blog/src/components/PostCard.astro, apps/blog/src/components/TagFilter.tsx, apps/blog/src/i18n/ui.ts	Post cards and tag filters use updated props and layouts, while English and French index translations add split headings, labels, and article counts.
Localized featured post rendering apps/blog/src/pages/index.astro	Posts are grouped by locale into featured and rest sections, shared card props are centralized, and total post counts are passed to the filter.

Website component visual refresh

Layer / File(s)	Summary
Hero actions and product diagram apps/website/src/components/hero-section.astro	Hero icons, typography, CTA content, and the responsive IAM/product diagram grid are updated.
Feature and animation diagram layering apps/website/src/components/features-section.astro, apps/website/src/components/why-now-section.astro	Feature diagrams separate background textures from foreground content, and the FerrisKey animation adds an occluding hub rectangle.
Landing page layout and icon adjustments apps/website/src/components/comparison-section.astro, apps/website/src/components/core-team-section.astro, apps/website/src/components/cta-section.astro, apps/website/src/components/latest-articles-section.astro	Comparison tables, team grids, and CTA arrows receive layout, sizing, and icon updates.

Thumbnail generator refresh

Layer / File(s)	Summary
Mosaic thumbnail generation packages/thumbnail/src/generator.tsx	Thumbnail generation adds deterministic text truncation, mosaic tiles, light-theme styling, and a pixel-art key spotlight.

Estimated code review effort: 4 (Complex) | ~45 minutes

Sequence Diagram(s)

sequenceDiagram
  participant BlogIndex
  participant PostHelpers
  participant TagFilter
  participant PostCard
  BlogIndex->>PostHelpers: load featured and non-featured posts by locale
  BlogIndex->>TagFilter: pass tags, locale, and totalCount
  BlogIndex->>PostCard: render localized featured and rest cards

Loading

Possibly related PRs

• ferriskey/website#3: Introduces the team component whose responsive grid layout is updated here.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch polish-hero-thumbnails

---

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

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}