Can I vibe code Wheelio?

Create a lightweight, zero-dependency JavaScript lead capture spin-wheel modal widget and companion Node.js/Next.js API route to replace Wheelio.

1. FRONTEND WIDGET INJECTION:
- Provide a embeddable script (<15KB) that appends a responsive modal overlay to the HTML document.
- Triggers: Trigger on exit intent (mouse leaves window top on desktop), 50% page scroll, or a 10-second timer. Use localStorage to ensure it only shows once per user session (30-day expiry).
- Render an SVG-based wheel with 6 slices customizable via CSS variables (colors, labels).
- Inputs: Email field, SMS phone field (optional toggle), TCPA/GDPR compliance checkbox, and 'Spin Now' button.

2. CORE LOGIC & SECURITY:
- IMPORTANT: Slice selection MUST occur server-side upon form submit to prevent client manipulation. Do not hardcode winning odds in public JS.
- When the user clicks 'Spin', validate input format, issue a POST request to `/api/spin` with email, phone, and session context.
- The API calculates the result using weighted probabilities defined in environment configuration (e.g., 50% chance '10% OFF', 40% chance '15% OFF', 9% chance '20% OFF', 1% chance '50% OFF').
- The API creates a dynamic single-use discount code via Shopify Admin GraphQL API (or returns a fixed promo code) and returns JSON: `{ sliceIndex: number, code: string, label: string }`.
- Upon response, animate the SVG wheel rotation using CSS transitions/transform matrix to align to `sliceIndex`, then display a confirmation view showing the promo code with a 'Copy & Apply to Cart' button.

3. INTEGRATIONS & DATA STORE:
- Forward successful lead payloads (email, phone, discount awarded) immediately to Klaviyo V3 API (`/api/profile-subscription-bulk-create-jobs`) or POST webhook to Zapier.
- Store fallback lead entries in a SQLite/PostgreSQL table: `leads (id, email, phone, prize, discount_code, created_at)`.

4. FAILURE MODES & OUT OF SCOPE:
- If backend fails or rate-limits, fallback gracefully to a default static 10% discount code visual output without spinning animation breaking.
- Out of Scope: Complex drag-and-drop admin builder, complex multi-branch AB testing engine.

$ each button prefixes agent-specific run instructions · build your own product, never copy proprietary code, trademarks or designs