Booth Game Lead Capture – Walkthrough

The Booth Game Lead Capture system is ready 🚀
It allows booth staff to scan attendee badges, save contacts, and sync lead data to a Google Sheet in real time while attendees are playing.

---

Features

• Instant QR Scanning
  Uses the mobile camera with a visual laser overlay for precise, fast scans.

• Save to Contacts
  Generates a standard vCard (.vcf) for one-tap saving to iOS or Android contacts.

• Real-Time Google Sheets Sync
  Sends lead info, game scores, and booth notes directly to a Google Sheet with live sync status feedback.

• Premium Design System
  High-end glassmorphism aesthetic with smooth Framer Motion transitions between states.

• Mobile-First UX
  Large, accessible buttons and a clear field hierarchy designed for fast-paced conference environments.

---

Setup Instructions

1. Google Sheets Setup

1. Create a new Google Sheet.
2. Go to Extensions → Apps Script.
3. Delete any existing code.
4. Paste the contents of:

Verification Steps

1. Scan
   Point the camera at the QR code.

2. Save
   Tap “Save to Contacts” and confirm the vCard download.

3. Score & Notes
   Enter a game score (e.g., 500) and optional booth notes.

4. Sync
   Tap “Sync Real-Time.”

5. Verify
   Confirm the new row appears instantly in the Google Sheet.

---

Technical Details

• Framework: Vite + React
• Scanning: HTML5-QRCode
• Styling: Tailwind CSS + custom styles
• Animations: Framer Motion
• Icons: Lucide React