+
+ Ecosystem Integrations
+
+
+
+ + Powered by{' '} + {ecosystemData.partners.length}+ partners +
+ setPaused(true)}
+ onMouseLeave={() => setPaused(false)}
+ onFocus={() => setPaused(true)}
+ onBlur={() => setPaused(false)}
+ role="list"
+ aria-label={`Scrolling list of ${ecosystemData.partners.length} ecosystem partners`}
+ >
+
+
+ {duplicatedPartners.map((partner, index) => (
+
+
+
+ ))}
+
+ 
+
+ VISIT ↗
+
+
+
+
+
+ );
+}
+
+export default function Ecosystem() {
+ const { ref: headerRef, isInView: headerInView } = useInView({ threshold: 0.1 });
+ const { ref: walletsRef, isInView: walletsInView } = useInView({ threshold: 0.1 });
+ const { ref: dexesRef, isInView: dexesInView } = useInView({ threshold: 0.1 });
+ const { ref: lendingRef, isInView: lendingInView } = useInView({ threshold: 0.1 });
+ const { ref: indexersRef, isInView: indexersInView } = useInView({ threshold: 0.1 });
+
+ const partnerGroups = categories.map((cat) => ({
+ ...cat,
+ items: partners.filter((p) => p.category === cat.id),
+ }));
+
+ const visibleGroups = partnerGroups.filter((g) => g.items.length > 0);
+
+ return (
+ <>
+
+
+ {partner.name}
+
+
+
+ {categoryLabel}
+
+ + {partner.description} +
+
+ {/* Header */}
+
+
+
+ {/* Partner groups */}
+ {visibleGroups.map((group, groupIndex) => {
+ let groupRef;
+ if (group.id === 'wallets') groupRef = walletsRef;
+ else if (group.id === 'dexes') groupRef = dexesRef;
+ else if (group.id === 'lending') groupRef = lendingRef;
+ else if (group.id === 'indexers') groupRef = indexersRef;
+
+ const isInView =
+ group.id === 'wallets'
+ ? walletsInView
+ : group.id === 'dexes'
+ ? dexesInView
+ : group.id === 'lending'
+ ? lendingInView
+ : indexersInView;
+
+ return (
+
+
+ );
+ })}
+
+ {/* CTA */}
+
+
+
+
+ );
+}
+
+
+
+
+
+ {partners.length} INTEGRATIONS
+
+
+
+
+ {visibleGroups.length} CATEGORIES
+
+
+ + Ecosystem & Partners +
++ Wraith Protocol integrates with leading wallets, DEXes, lending protocols, indexers, + and oracles across the Stellar and EVM ecosystems. Every partner brings stealth + privacy to their users through seamless SDK integration. +
+
+
+
+
+ {String(groupIndex + 1).padStart(2, '0')}. {group.label.toUpperCase()}
+
+
+
+ + {group.label} +
++ {group.description} +
+
+ {group.items.map((partner, i) => (
+
+
+
+ Get involved
+
+
+ + Integrate Wraith +
++ Is your project interested in bringing stealth privacy to its users? We'd love to + partner. The SDK is open source and integrates in under a day. +
+
+
+ Read the Docs
+
+
+ ← Back to Home
+
+
+