Can I vibe code Landingi?

Build an open-source landing page and lead collection system using Next.js (App Router), Tailwind CSS, Supabase, and Vercel Edge Middleware.

1. DATA MODEL (Supabase PostgreSQL):
- `pages`: id, slug, status (draft/published), created_at.
- `variants`: id, page_id, name, weight (integer 1-100), template_key (string), active (boolean).
- `leads`: id, page_id, variant_id, form_data (jsonb), ip_hash, created_at.
- `conversions`: id, page_id, variant_id, event_type (view/submit), created_at.

2. CORE FUNCTIONALITY:
- Edge Middleware routing: When a request hits `/[slug]`, check active variants for that slug. Use a weighted random algorithm to select a variant. Set a persistent cookie `ab_variant_[slug]` so the user keeps seeing the same variant. Rewrite the request path to render the selected variant component without client-side flash or redirect.
- Form Capture System: Build a reusable Client Form Component supporting custom input fields, client-side validation using Zod, and Cloudflare Turnstile bot verification.
- Serverless Submission API: Create `/api/submit` route that verifies Turnstile token, hashes client IP, saves submission to `leads` table, logs a conversion event, and sends payload to a configured Webhook URL (e.g., Klaviyo/Zapier).
- Analytics API: Log 'view' event asynchronously on page load using `navigator.sendBeacon` to avoid blocking main thread.

3. FAILURE MODES & SECURITY:
- If Supabase read times out in Edge Middleware, fall back gracefully to variant_a without breaking page render.
- Form submissions must implement rate limiting per IP hash (max 5 submissions per minute).
- Sanitise all JSONB inputs to prevent script injection.

4. OUT OF SCOPE:
- Do NOT build a visual WYSIWYG canvas builder. Pages must be built as standard React components within the codebase.

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