# /namecard - Digital Namecard Engine

$ARGUMENTS

---

## 🔴 CRITICAL RULES

1. **Socratic Collection FIRST** - Before building, you MUST ask for:
   - Full Name
   - Professional Title
   - Company Name
   - Short Bio (The "Vibe")
   - Social Links (LinkedIn, WhatsApp, etc.)
   - Profile Picture URL (or offer to use a placeholder)
2. **Lead Capture Focus** - The generated card MUST include a "Connect with me" form that collects the visitor's Name and Email.
3. **EYA Branding** - Use HSL 250 (Primary) and HSL 330 (Secondary) with backdrop-blur-xl.
4. **Mobile First** - Optimize the layout for 390px width (iPhone standard).

---

## Task

Use the `frontend-specialist` and `vibe-coding-expert` agents:

### Phase 1: Data Elicitation
- [ ] Ask the user for the 6 core details listed above.
- [ ] Confirm if they want a "Lead Capture" section (default: YES).

### Phase 2: Scaffolding
- [ ] Create `app/me/page.tsx` (the main card).
- [ ] Create `components/namecard/LeadCapture.tsx` (the form).
- [ ] Create `components/namecard/ProfileHero.tsx` (the top section).
- [ ] Create `components/namecard/SocialLinks.tsx` (the link grid).

### Phase 3: Logic Implementation
- [ ] Implement a `saveContact()` function that generates a `.vcf` file.
- [ ] Implement the Lead Capture form logic (storing leads in a local `data/leads.json`).

---

## Expected Output

| Deliverable | Location |
|-------------|----------|
| Digital Namecard | `app/me/page.tsx` |
| Lead Capture Form | `components/namecard/LeadCapture.tsx` |
| Contact Data | `data/profile.json` |
| Leads Store | `data/leads.json` |

---

## Usage

```
/namecard
/namecard build a profile for Marcus
/namecard create a business card for my agency
```
