Comparison Table

[Bana0615]

Feature: Develop "Us vs. Them" Feature Comparison Table

Description

Problem/Goal

We need to aggressively highlight HerdRank's "Local-First" and privacy advantages compared to traditional, ad-heavy tier list sites (e.g., TierMaker). A side-by-side comparison is the most effective way to communicate this value.

Context

Recommendation B from the page plan suggests a "Us vs. Them" table. This serves as a strong trust signal for users wary of account creation or data harvesting.

Proposed Solution

Create a ComparisonTable component.

• Columns: "Feature", "HerdRank (Us)", "The Other Guys".
• Visual Language: * HerdRank column should be highlighted (e.g., slight background tint bg-blue-500/10).
  • Use checkmarks (fa-check, green) and crosses (fa-xmark, red/gray).

Data Requirements

Feature	HerdRank	Others
Ad-Free Experience	✅	❌
Offline Capable	✅	❌
Full Privacy (Local-First)	✅	❌
High-Res Export	✅	❌

Acceptance Criteria

• Table Structure: Clean, readable table or grid layout.
• Visual Distinction: The "HerdRank" column is visually distinct (bolded text or background highlight).
• Iconography: Clear use of Green Checkmarks vs. Red/Gray Crosses.
• Mobile View: Ensure the table remains readable on mobile (horizontal scroll or card view if necessary).
• Accessibility: Proper aria-label attributes for screen readers (e.g., reading "Yes" instead of just an icon).

Labels

frontend, marketing, content

Priority

Medium - Strong marketing asset but not functionality-blocking.