Web3 Marketing Agencies 🚀

An interactive, Pokemon-card-style showcase of Web3 marketing agencies with flippable cards, search, and filtering capabilities.

Created by eli5defi x Stacy Muur (Green Dots)

✨ Features

• Flippable Cards: Click any card to flip and see client list and contact links
• Search Functionality: Search by agency name, services, clients, or description
• Smart Filtering: Filter by status (Vetted/First-Time) and service categories
• Dark Glassmorphism Theme: Modern glass-effect design with neon accents
• Animated Background: Dynamic data stream effects with floating neon orbs
• 92+ Agencies: Comprehensive list of Web3 marketing service providers
• Responsive Design: Works beautifully on desktop and mobile

🚀 Quick Start

Development

# Install dependencies
npm install

# Start dev server
npm run dev

Visit http://localhost:5173 to see the app.

Production Build

# Build for production
npm run build

# Preview production build
npm run preview

🔄 Notion Integration (Optional)

This project can sync vendor data from a Notion database in real-time!

Setup

See NOTION_SETUP.md for detailed instructions.

Quick start:

1. Create a Notion integration at https://www.notion.so/my-integrations
2. Get your database ID from the database URL
3. Share the database with your integration
4. Add to .env:

   NOTION_API_TOKEN=your-token
   NOTION_DATABASE_ID=your-database-id
   

5. Run npm run sync to fetch latest data

Commands

# Sync data from Notion manually
npm run sync

# Build with fresh Notion data
npm run build:notion

🎯 Service Categories

The platform includes agencies offering:

• KOL Marketing
• PR & Communications
• Content Creation
• Community Management
• Events
• Marketing Advisory
• Exchange Listings
• Tokenomics
• SEO
• Design
• And more...

🔍 How to Use

1. Search: Use the search bar to find agencies by name, services, or clients
2. Filter: Click on status or service tags to filter agencies
3. Explore: Click any card to flip and see full client list and contact information
4. Connect: Use the website, Twitter, or email links on the back of cards to reach out

📊 Agency Data

The platform showcases 92 Web3 marketing agencies with:

• Vetted and First-Time status indicators
• Service offerings and specializations
• Notable client portfolios
• Direct contact links (website, Twitter, email)
• Detailed descriptions and capabilities

🎨 Tech Stack

• React 18 - UI framework
• Vite - Build tool and dev server
• CSS3 - Glassmorphism effects and animations
• JavaScript - Interactive functionality

📝 License

MIT

🙏 Credits

Special thanks to all the Web3 marketing agencies included in this directory for their contributions to the ecosystem.