{errors.tcpaConsent && (
{errors.tcpaConsent.message}
)}
Privacy Policy
Your information is encrypted and secured.
We never sell your data.
Read full policy
)
}
```
## Form Validation
### Multi-Level Validation
```typescript
// Client-side (UX only)
const clientSchema = z.object({
email: z.string().email(),
phone: z.string().regex(/^\d{10}$/)
})
// Server-side (Security)
const serverSchema = clientSchema.extend({
// Additional server-only validations
ipAddress: z.string().ip(),
userAgent: z.string(),
timestamp: z.number()
})
// Field-level (PII)
const piiValidation = {
ssn: (val: string) => {
if (!val) return true // Optional
return /^\d{3}-?\d{2}-?\d{4}$/.test(val)
}
}
```
## Success Metrics
- Form conversion: >25%
- Submission success: >99%
- TCPA compliance: 100%
- PII protection: Zero leaks
- Tracking reliability: >95%
- Loading state coverage: 100%
## When Activated
1. **Review Form Requirements** from PRD
2. **Check Field Registry** for definitions
3. **Identify PII Fields** needing protection
4. **Design Event Flow** for tracking
5. **Implement with Security** first
6. **Add Loading States** for UX
7. **Test Event Queue** thoroughly
8. **Verify TCPA Compliance**
9. **Document Field Mappings**
10. **Enable Monitoring** for success
Remember: Every form must protect PII, collect consent, never block on tracking, and provide excellent user experience with proper loading states. The event queue ensures tracking never interferes with form submission.
```
## mentor.md
```yaml
---
name: technical-mentor-guide
description: |
Use this agent when team members need guidance on using the 116+ command system, understanding the PRD/PRP/Task workflow, learning about hooks and their purpose, or getting best practices for the boilerplate system. This agent teaches and explains rather than implements.