feat: add testimonial sources link

[pttydou]

What does this PR do?

Adds a primary View sources button after the testimonial grid. The link opens the server's top.gg sources in a new tab with noopener noreferrer.

Closes

• Closes Add "View sources" button in testimonial section #63

Type of change(s)

• Bug fix
• New feature
• Documentation update
• Style / UI change
• Refactor (no functional change)
• Performance improvement
• Other

Checklist

• I've tested this change locally and it works as expected
• bun run lint or npm run lint completes without warnings or errors
• bun run build or npm run build completes successfully
• My commit messages follow Conventional Commits (e.g. feat: ..., fix: ..., chore: ...)
• I've updated relevant documentation (README, comments, etc.) if needed
• I've removed any temporary debugging code (e.g. console.log)

Screenshots / recordings (if applicable)

Verified in Edge at 1440×1000 and 390×844. The button stays centered between the testimonial grid and CTA.

[beetle-ai]

Summary by Beetle

This PR adds a "View sources" button link to the testimonials section of the website homepage. The change enables users to access the Discord server sources/references for the testimonials displayed on the page by linking to the top.gg Discord server listing. This is a small, focused enhancement that improves user engagement by providing transparency about where testimonials are sourced from.

📁 File Changes Summary (Consolidated across all commits):

File	Status	Changes	Description
app/page.tsx	Modified	+7/-0	Added a "View sources" button link that directs users to the Discord server listing (top.gg) where testimonials are sourced from. The button is placed after the testimonials grid and uses the primary button variant for visual consistency.

Total Changes: 1 file changed, +7 additions, -0 deletions

🎯 Key Changes:

• New CTA Button: Added a "View sources" button component that links to https://top.gg/discord/servers/787361847361966080
• Link Configuration: Properly configured with target="_blank" and rel="noopener noreferrer" for secure external navigation
• Placement: Positioned immediately after the testimonials grid display, creating a natural call-to-action for users interested in verifying testimonial sources
• Styling: Uses the existing Button component with variant="primary" to maintain design consistency with the rest of the page

📊 Impact Assessment:

• Security: ✅ Low Risk - The external link is properly secured with rel="noopener noreferrer" to prevent window.opener access attacks. The URL points to a legitimate Discord server listing service (top.gg).
• Performance: ✅ No Impact - This is a minimal addition of a single button component with no performance implications. No new dependencies, API calls, or heavy computations are introduced.
• Maintainability: ✅ Positive - The change follows existing code patterns in the file (using the Link component, Button component, and consistent prop usage). The code is clean, readable, and easy to maintain.
• Testing: ⚠️ Minor Consideration - While this is a simple UI addition, it would be beneficial to verify:
• The external link works correctly and points to the intended Discord server
• The button renders properly on different screen sizes and devices
• The target="_blank" behavior works as expected across browsers
• No regression in the testimonials section layout

⚙️ Settings

Severity Threshold: Medium — Balanced feedback — medium and high severity issues only. — Change in Settings
Custom Rules: Define your own review rules — Set Custom Rules
PR Summary: Configure PR summary — Change in Settings

📖 User Guide

• Once repos are connected, PR analysis is automatically enabled. You can disable analysis for this repo from beetleai.dev/analysis
• Comment @beetle on any PR to start analysis manually
• Comment @beetle stop to stop any ongoing analysis

---

Follow us: Beetle · X · LinkedIn

[beetle-ai]

✅ You're good to merge this PR! No issues found. Great job!

Settings

⚙️ Settings

Severity Threshold: Medium — Balanced feedback — medium and high severity issues only. — Change in Settings
Custom Rules: Define your own review rules — Set Custom Rules
PR Summary: Configure PR summary — Change in Settings

📖 User Guide

• Once repos are connected, PR analysis is automatically enabled. You can disable analysis for this repo from beetleai.dev/analysis
• Comment @beetle on any PR to start analysis manually
• Comment @beetle stop to stop any ongoing analysis

[devhub-bot]

Note

Linting checks passed successfully 🎉

All formatting and code quality checks are clean.

You're good to merge 🚀

[calebephrem]

Add an icon for consistency ;)

[calebephrem]

@pttydou u there?

[beetle-ai]

Summary by Beetle

This PR adds a visual icon to the "View sources" button in the homepage. The change enhances the UI by incorporating the CircleArrowRightUp icon from the icon library, making the button more visually distinctive and improving the user experience with a clear directional indicator that suggests navigation to external sources.

📁 File Changes Summary (Consolidated across all commits):

File	Status	Changes	Description
app/page.tsx	Modified	+4/-1	Added CircleArrowRightUp icon import and applied it to the "View sources" button using the icon prop, enhancing the button's visual appearance with a directional indicator

Total Changes: 1 file changed, +4 additions, -1 deletion

🎯 Key Changes:

• Icon Import: Added CircleArrowRightUp to the imports from the icon library (line 16)
• Button Enhancement: Modified the "View sources" button to include the icon={CircleArrowRightUp} prop, transforming it from a text-only button to an icon-enhanced button
• UI/UX Improvement: The circular arrow icon provides a visual cue that clicking the button will navigate to external sources, improving discoverability and user intent clarity

📊 Impact Assessment:

• Security: No security implications. This is a purely UI-focused change with no modifications to authentication, data handling, or sensitive operations.
• Performance: Negligible performance impact. The change only adds a single icon reference to an existing button component. No additional API calls, data fetching, or computational overhead introduced.
• Maintainability: Positive impact. The code remains clean and maintainable. The icon prop follows the existing component API pattern, making it consistent with other button implementations in the codebase. The change is minimal and localized to a single file.
• Testing: Minimal testing requirements. This is a visual/UI change that should be verified through:
• Visual regression testing to ensure the icon renders correctly
• Cross-browser compatibility testing for icon rendering
• Accessibility testing to ensure the icon doesn't interfere with screen readers or keyboard navigation
• No unit test changes required as this is purely presentational

⚙️ Settings

Severity Threshold: Medium — Balanced feedback — medium and high severity issues only. — Change in Settings
Custom Rules: Define your own review rules — Set Custom Rules
PR Summary: Configure PR summary — Change in Settings

📖 User Guide

• Once repos are connected, PR analysis is automatically enabled. You can disable analysis for this repo from beetleai.dev/analysis
• Comment @beetle on any PR to start analysis manually
• Comment @beetle stop to stop any ongoing analysis

---

Follow us: Beetle · X · LinkedIn

[pttydou]

Added the CircleArrowRightUp icon to the View sources button in 98ecffb. I reran lint, typecheck, build, the scoped Prettier check, and desktop/mobile browser checks.

[beetle-ai]

✅ You're good to merge this PR! No issues found. Great job!

Settings

⚙️ Settings

Severity Threshold: Medium — Balanced feedback — medium and high severity issues only. — Change in Settings
Custom Rules: Define your own review rules — Set Custom Rules
PR Summary: Configure PR summary — Change in Settings

📖 User Guide

• Once repos are connected, PR analysis is automatically enabled. You can disable analysis for this repo from beetleai.dev/analysis
• Comment @beetle on any PR to start analysis manually
• Comment @beetle stop to stop any ongoing analysis

[calebephrem]

LGTM!

[devhub-bot]

Note

Linting checks passed successfully 🎉

All formatting and code quality checks are clean.

You're good to merge 🚀

[calebephrem]

Thanks for contributing!