Redesign landing page sections and polish UI

[itsyogesh]

Summary

• Redesigned DappBuilders section with a scroll-driven component showcase (sticky left panel + scrolling preview cards)
• Replaced placeholder company logos (Google/Coinbase/Binance/Microsoft) with real ecosystem logos (W3F, Polkadot, Substrate, Dedot) across all sections
• Added animated lucide icons to the "All Pallets Supported" card with infinite auto-play loop
• Fixed multiple layout and styling issues: grid syntax, text wrapping, logo spacing, link targets

Changes

• dapp-builders.tsx — Full redesign with useScroll/useTransform scroll-driven animation
• extrinsic-builder.tsx — Animated pallet icons with AutoAnimateIcon wrapper for infinite playback
• hero-section.tsx — Tightened logo grid (max-w-2xl), whitespace-nowrap on "Web3 Foundation"
• connected-steps.tsx — Added react-wrap-balancer for balanced text wrapping
• testimonials.tsx — Replaced fake logos with ecosystem logos, updated copy
• why-developers.tsx — Same logo grid and whitespace fixes
• substrate-utilities.tsx — "Suggest a Tool" now opens a new GitHub issue
• New animated icon components — hand-coins, layers, workflow, box, users, zap via lucide-animated
• Assets — Demo GIF, poster image, Polkadot SVG logo

Test plan

• Verify landing page loads without errors
• Scroll through DappBuilders section — component previews should cycle on the right as you scroll
• Check "All Pallets Supported" card icons animate continuously
• Verify ecosystem logos appear correctly in hero, why-developers, and testimonials sections
• Test "Suggest a Tool" link opens GitHub new issue form
• Check responsive layout on mobile viewports

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
relaycode	Ready	Preview, Comment	Feb 28, 2026 6:03pm

[codecov-commenter]

⚠️ Please install the to ensure uploads and comments are reliably processed by Codecov.

Codecov Report

❌ Patch coverage is 0% with 1200 lines in your changes missing coverage. Please review.
✅ Project coverage is 60.52%. Comparing base (472c354) to head (cb7aa2c).

Files with missing lines	Patch %	Lines
components/sections/dapp-builders.tsx	0.00%	354 Missing ⚠️
components/ui/hand-coins.tsx	0.00%	150 Missing ⚠️
components/ui/workflow.tsx	0.00%	127 Missing ⚠️
components/ui/box.tsx	0.00%	117 Missing ⚠️
components/ui/layers.tsx	0.00%	113 Missing ⚠️
components/ui/users.tsx	0.00%	113 Missing ⚠️
components/ui/zap.tsx	0.00%	105 Missing ⚠️
components/sections/extrinsic-builder.tsx	0.00%	55 Missing ⚠️
components/sections/why-developers.tsx	0.00%	19 Missing ⚠️
components/sections/hero-section.tsx	0.00%	18 Missing ⚠️
... and 4 more
❗ Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files

@@            Coverage Diff             @@
##           master      #32      +/-   ##
==========================================
- Coverage   63.74%   60.52%   -3.23%     
==========================================
  Files         140      147       +7     
  Lines       16485    17363     +878     
  Branches     1158     1158              
==========================================
  Hits        10509    10509              
- Misses       5930     6808     +878     
  Partials       46       46              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.