Home Page

The Home page functions as the central hub for RitoSwap’s full-stack dApp showcase, clearly laying out each feature, including cross-chain token swapping, NFT minting and burning, and token-gated messaging, while framing the project as a technical proof-of-concept rather than a commercial product. It establishes expectations around the project’s multidisciplinary scope (blockchain interactions, UI/UX, embedded music) and directs users to both the official documentation and the GitHub repository for deeper examination.

View Live Page

Mainnet Testnet

File Paths

- - - HomeGrid.tsx
    - HomeGrid.test.tsx
    - HomeGrid.module.css
    - CryptoMusicSection.tsx
- - page.tsx
  - page.module.css
  - page.integration.test.tsx
  - metadata.unit.test.ts
  - metadata.ts

Components of Note

Component	Location	Purpose
HomeGrid	`/components/home/HomeGrid.tsx`	Animates and displays navigation cards for core features (Trade, Mint, Burn, Unlock).
CryptoMusicSection	`/components/home/CryptoMusicSection.tsx`	Embeds Rito Rhymes’ Altcoin Love audio player to set the creative, Blade Runner vibe.

Music

This page features Rito Rhymes’ track “Altcoin Love”, a parody remix of California Love. It’s an anthem to the spirit of altcoins and celebrity in the crypto universe, delivered with a fun yet infotaining vibe. While RitoSwap is a deep technical showcase, this music reminds users it’s also a creative project meant to be enjoyed, not just examined.