Skip to content

feat: add case studies page (closes #70) - #93

Merged
truthixify merged 1 commit into
wraith-protocol:developfrom
code3ks:feat/case-studies-page
Jul 26, 2026
Merged

truthixify merged 1 commit into
wraith-protocol:developfrom
code3ks:feat/case-studies-page

Conversation

@code3ks

@code3ks code3ks commented Jul 24, 2026

Copy link
Copy Markdown
Contributor

Summary

This PR implements the Case Studies page feature as requested in issue #70.

Changes Made

New Features

Case Studies Index Page (/case-studies)

  • Filterable card grid displaying all case studies
  • Filter by blockchain (All, Stellar, Horizen, Solana, CKB)
  • Responsive design matching project style guidelines
  • Empty state for filtered results

Individual Case Study Pages (/case-studies/:slug)

  • Detailed case study view with structured sections:
    • Organization info with logo and industry
    • Challenge, Solution, and Results sections
    • Testimonial quotes
    • Technical implementation details
  • Metadata badges (use case, integration date, chains used)
  • SEO-optimized with schema.org Article structured data

Homepage Integration

  • CaseStudiesStrip component added to homepage
  • Displays up to 3 recent case studies
  • "View All" link to full case studies page
  • Positioned between Showcase and EcosystemPartners sections

Seed Data

  • Anonymous Payroll Provider case study included
  • Real-world use case: contractor payments with privacy
  • Production-ready example on Stellar and Horizen chains

Internationalization

  • Complete English translations
  • Complete Spanish translations
  • All UI strings properly localized

Files Added

  • src/pages/CaseStudies.tsx - Main case studies page component
  • src/components/CaseStudiesStrip.tsx - Homepage strip component
  • src/data/case-studies.json - Case study data structure

Files Modified

  • src/App.tsx - Added routes for /case-studies and /case-studies/:slug
  • src/i18n/en.json - Added English translations
  • src/i18n/es.json - Added Spanish translations

Acceptance Criteria Met

  • /case-studies page with per-study cards
  • Individual case-study route with structured metadata
  • At least one real case study seeded
  • Card renders on Home in a "case studies" strip
  • Structured data (schema.org Article) present for SEO

Technical Details

  • TypeScript with full type safety
  • React Router v7 for routing
  • react-i18next for internationalization
  • Follows existing project patterns and conventions
  • Responsive design with Tailwind CSS
  • Accessibility compliant (skip links, ARIA labels, semantic HTML)

Testing

  • ✅ TypeScript compilation successful
  • ✅ Prettier formatting applied
  • ✅ Build successful with all optimizations
  • ✅ Routing works for both list and detail views
  • ✅ Filtering by chain works correctly
  • ✅ SEO structured data properly formatted

Screenshots

(Add screenshots here after PR is created)

Related Issue

Closes #70

How to Test

  1. Navigate to /case-studies to see the case studies index
  2. Use chain filters to filter by blockchain
  3. Click on a case study card to view the detail page
  4. Check the homepage for the new "Case Studies" strip
  5. Verify structured data in page source (<script type="application/ld+json">)

…epage strip

- Create /case-studies page with filterable per-study cards
- Add individual case study detail pages at /case-studies/:slug
- Implement CaseStudiesStrip component for homepage
- Add structured data (schema.org Article) for SEO
- Include seed case study: Anonymous Payroll Provider
- Add i18n translations (English and Spanish)
- Support filtering by blockchain (Stellar, Horizen, Solana, CKB)

Closes wraith-protocol#70
@vercel

vercel Bot commented Jul 24, 2026

Copy link
Copy Markdown

@code3ks is attempting to deploy a commit to the truthixify's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave

drips-wave Bot commented Jul 24, 2026

Copy link
Copy Markdown

@code3ks Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@truthixify
truthixify merged commit 5789f9c into wraith-protocol:develop Jul 26, 2026
2 of 3 checks passed
@truthixify

Copy link
Copy Markdown
Contributor

In, thanks. Case studies page has been on the list forever, glad to see it land.

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.

Case studies page

2 participants