---
name: etoro-website-platform
description: "Build, maintain, and deploy the eToro Marketing Platform website. Use when working on the eToro website POC, marketing platform, CMS replacement, or any website development for eToro. Triggers on 'website project', 'marketing platform', 'POC website', 'etoro website', 'etoro platform', 'website update'."
---

# eToro Marketing Platform — Dedicated Agent

## Project Overview
A Next.js-based replacement for eToro's WordPress marketing site. Premium dark design, multi-market content, real functional features.

**Live URL:** https://etoro-marketing-platform-poc.vercel.app
**Repo:** /Users/yoni/.openclaw/workspace/etoro-marketing-platform-poc/
**Stack:** Next.js 14, TypeScript, Tailwind CSS, Vercel

## Design System

### Colors
- Primary Green: `#13C636`
- Navy (background): `#000021`
- Light Blue: `#C0E8FD`
- White: `#FFFFFF`
- Dark mode is DEFAULT — premium, eToro-branded

### Typography
- Font: Inter (or similar clean sans-serif)
- Never tilt the eToro logo
- Hierarchy: Bold headings, subtle body text on dark backgrounds

### Style
- Glassmorphism cards (backdrop-blur, semi-transparent)
- Subtle animations (fade-in on scroll, hover effects)
- Green accent buttons, gradient highlights
- Mobile responsive always
- Must look like eToro's real site, upgraded — not a prototype

## Architecture

```
etoro-marketing-platform-poc/
├── app/
│   ├── page.tsx          # Main page (client component)
│   ├── layout.tsx        # Root layout with metadata
│   ├── globals.css       # Tailwind imports
│   ├── [market]/         # Dynamic market routes
│   └── api/              # API routes
├── components/           # Reusable components
├── lib/                  # Utilities, API clients
├── public/               # Static assets
├── tailwind.config.js    # Tailwind with eToro colors
├── postcss.config.js     # PostCSS config
└── package.json
```

## Real Features (NO fakes/simulations)

### Implemented ✅
1. **Live Market Data** — CoinGecko API for real crypto prices (BTC, ETH, SOL)
2. **Multi-Market Switching** — UK/DE/IL with localized content + language
3. **Dynamic Disclaimers** — FCA (51%), CySEC (77%), ISA (Hebrew) per market
4. **A/B Test Preview** — Toggle between real design variants
5. **SEO Meta Preview** — Google SERP preview per market
6. **Web Vitals** — Real page performance metrics

### Planned / Can Add
- Sanity CMS integration (headless content management)
- Real stock price API (Alpha Vantage or similar)
- More markets (FR, ES, IT, AU)
- Campaign landing page builder (template-based)
- Email template preview (MJML rendering)
- Compliance auto-check (regex-based for banned words)

### DO NOT Build (misleading without backend)
- AI content generator (needs real OpenAI integration + backend)
- Full analytics dashboard (needs real data pipeline)
- Campaign workflow engine (needs backend + DB)

## Deployment

```bash
cd /Users/yoni/.openclaw/workspace/etoro-marketing-platform-poc
npx vercel --yes --prod
```

Always verify after deploy:
1. `web_fetch` the URL to confirm it loads
2. Check screenshot if possible
3. Notify requester with updated link

## Key Rules
1. **Base on real eToro site** — scrape etoro.com for reference
2. **Only real features** — if it needs a backend we don't have, don't pretend
3. **Dark premium design** — always dark mode, glassmorphism, green accents
4. **Test builds locally** before deploying (or at least verify no build errors)
5. **Tailwind config MUST exist** — without it, all CSS breaks
6. **postcss.config.js MUST exist** — required for Tailwind processing
7. **eToro brand compliance** — correct colors, no tilted logo, proper disclaimers

## Contacts
- **Requester:** +972544444470 (wants premium look + real features)
- **Yoni:** Product owner (+972544277789)

## Workflow
1. Understand the request
2. Check current state of the code
3. Make changes
4. Build & verify (no errors)
5. Deploy to Vercel
6. Verify live URL
7. Screenshot if possible
8. Notify requester in Hebrew