Can I vibe code Leadpages?

Build a modern landing page engine and lead capture platform using Next.js (App Router), Tailwind CSS, Supabase, and Resend.

1. ARCHITECTURE & DATA MODEL
Create a Supabase schema with:
- `pages`: id, slug, title, content_json (structured block array), is_published, metadata.
- `leads`: id, page_id, email, form_data (jsonb), created_at, referrer, utm_source, utm_medium, utm_campaign.
- `experiments`: id, page_id, variant_a_json, variant_b_json, impressions_a, impressions_b, conversions_a, conversions_b.

2. CORE LANDING PAGE ENGINE
- Build rendering logic for modular layout blocks: Hero, FeatureGrid, CallToAction, Testimonials, LeadForm, and FAQ Accordion.
- Ensure perfect Core Web Vitals with SSR or static generation.
- Implement responsive Tailwind design matching modern SaaS page aesthetic.

3. LEAD CAPTRACT & FORM API
- Create a route handler `POST /api/leads` that validates inputs using Zod.
- Capture request headers for IP, user agent, and query parameters for UTM tracking.
- Save submission to Supabase `leads` table.
- Forward payload to external webhook (e.g., Klaviyo/Zapier API) via standard async fetch.
- Trigger automated opt-in/thank-you email using Resend API.

4. ZERO-FLICKER A/B TESTING ENGINE
- Build Next.js Edge Middleware to inspect incoming requests for targeted split test pages.
- Assign a persistent cookie `ab_variant` (value 'A' or 'B') set at 50/50 probability.
- Rewrite request path to serve Variant A or Variant B server-side without layout shift.
- Increment impression counts in Supabase via background queue or RPC function.

5. ADMIN DASHBOARD
- Simple protected route `/admin` displaying all captured leads with CSV export button.
- Conversion rate calculator per page (Total Leads / Total Impressions * 100).

6. OUT OF SCOPE
- Complex freeform canvas editor (use structured JSON blocks only).
- Native domain registrar integrations.

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