Skip to content

feat(www): ecosystem and partners page with scrolling logo strip - #118

Merged
truthixify merged 7 commits into
wraith-protocol:developfrom
odarome132:feature/69-ecosystem-partners-page
Jul 30, 2026
Merged

feat(www): ecosystem and partners page with scrolling logo strip#118
truthixify merged 7 commits into
wraith-protocol:developfrom
odarome132:feature/69-ecosystem-partners-page

Conversation

@odarome132

@odarome132 odarome132 commented Jul 29, 2026

Copy link
Copy Markdown
Contributor

Closes #69


Summary

Adds a new /ecosystem page and a horizontally scrolling PartnerStrip component to the homepage, making 8 ecosystem integrations (Freighter, LOBSTR, xBull, Albedo, Reflector, Soroswap, Aquarius, Blend) visible.

What changed

  • src/data/ecosystem.json — New data file with 8 partners across 5 categories (wallets, DEXes, lending, indexers, oracles). Categories with zero partners (oracles) are automatically filtered out on the page.
  • src/data/README.md — Documented the JSON schema for ecosystem.json and all other data files.
  • src/components/PartnerStrip.tsx — Horizontally scrolling marquee logo strip with hover tooltips. Uses CSS animation for smooth infinite scroll, pauses on hover/focus, and respects prefers-reduced-motion.
  • src/pages/Ecosystem.tsx — Full /ecosystem page with header, categorized card grid, integrate CTA. Wrapped with Layout for consistent global header/footer. Lazy-loaded.
  • src/App.tsx — Added /ecosystem route (lazy + Layout), added PartnerStrip to Home (statically imported, outside lazy Suspense).
  • public/logos/ecosystem/ — 8 SVG logo files for each partner.
  • src/index.css — Added @Keyframes marquee-scroll animation and .animate-scroll utility class.
  • src/tests/Ecosystem.test.tsx — 23 tests covering the ecosystem page, PartnerStrip, data integrity, accessibility (axe), and the empty-category edge case.

Key design decisions

  • PartnerStrip is statically imported (not lazy) and placed outside the lazy Suspense boundary so it renders immediately without waiting for below-the-fold lazy components — prevents CLS on viewport entry.
  • Logos use explicit width/height attributes to reserve space and prevent layout shift.
  • The scrolling strip uses CSS animation-play-state on hover instead of DOM duplication — no duplicate content in the accessibility tree.
  • The Ecosystem page reuses the global Layout wrapper for consistent navigation and footer.

Acceptance criteria checklist

  • Logo strip renders on / without CLS — statically imported, fixed image dimensions, renders immediately.
  • /ecosystem route added — lazy-loaded with Layout wrapper.
  • JSON schema documented in src/data/README.md — includes ecosystem.json and all other data files.
  • All logos SVG — 8 SVG files in public/logos/ecosystem/.

Test output

Tests: 23 passed (Ecosystem) / 42 total (all suites).
Coverage: Not configured in the project.
Typecheck: passes.
Lint: Prettier passes.
Build: passes (includes format check + build via husky pre-commit).

Follow-ups

  • Real brand logos could replace the placeholder SVGs.
  • The PartnerStrip could be made lazy if bundle size becomes a concern (< 2 KB gzipped).

Security note

No new dependencies. All partner links use target="_blank" with rel="noopener noreferrer". SVGs are static assets — no user-controlled content rendered.

@vercel

vercel Bot commented Jul 29, 2026

Copy link
Copy Markdown

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

A member of the Team first needs to authorize it.

@github-actions
github-actions Bot changed the base branch from main to develop July 29, 2026 17:58
@github-actions

Copy link
Copy Markdown

Auto-retargeted this PR from main to develop. Wave PRs merge into develop; main is only for release cuts. If you meant to target main deliberately (rare), reply here and we can revert this.

@drips-wave

drips-wave Bot commented Jul 29, 2026

Copy link
Copy Markdown

@odarome132 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 43f241a into wraith-protocol:develop Jul 30, 2026
2 of 3 checks passed
@truthixify

Copy link
Copy Markdown
Contributor

In, thanks. Ecosystem + partners page adds real surface for surfacing integrations.

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.

Ecosystem / partners page

2 participants