Skip to content

feat: Add Testimonials/Success Stories carousel (#179)#189

Open
Xuccessor wants to merge 1 commit into
Dfunder:mainfrom
Xuccessor:feature/issue-179-testimonials
Open

feat: Add Testimonials/Success Stories carousel (#179)#189
Xuccessor wants to merge 1 commit into
Dfunder:mainfrom
Xuccessor:feature/issue-179-testimonials

Conversation

@Xuccessor
Copy link
Copy Markdown

Summary

Resolves #179

Creates a new Testimonials carousel component with 5 success story cards.

Changes

  • New component: app/(main)/components/Testimonials.tsx
  • 5 testimonial cards: avatar initials, name, campaign name, quote, amount raised
  • Auto-play: advances every 4.5s
  • Pause on hover/focus: stops auto-play when user interacts
  • Keyboard navigation: ArrowLeft / ArrowRight
  • Dot indicators with active state (wide pill for current)
  • Prev/Next buttons with aria-labels
  • aria-live region for screen reader announcements
  • Added to landing page before Newsletter

Files Changed

  • app/(main)/components/Testimonials.tsx (new)
  • app/(main)/page.tsx

…der#179)

- 5 testimonial cards with avatar, name, campaign name, quote, amount raised
- Auto-play every 4.5s, pauses on hover and focus
- Keyboard navigation: ArrowLeft/ArrowRight
- Dot indicators with active state
- Prev/Next buttons with aria-labels
- aria-live region for screen reader announcements
@drips-wave
Copy link
Copy Markdown

drips-wave Bot commented May 29, 2026

@Xuccessor 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

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.

Build testimonials / success stories section

1 participant