{ "version": "2026.2.0", "title": "Master Production & Site-Build Quality System", "description": "Context-aware, zero-defect production engineering blueprint with Form vs. Survey and Tech Stack Decision Engines.", "standards": [ "Core Web Vitals 2026", "AEO / GEO 2026", "WCAG 2.1 AA", "FTC & CSLB Compliance", "Cloudflare Edge Standards" ], "categories": [ { "id": "tech-stack", "name": "Tech Stack & Edge Architecture", "icon": "cpu", "color": "blue", "description": "Foundation layer to prevent build timeouts, 404 hops, and runtime server crashes.", "items": [ { "id": "tech-ssg", "title": "SSG First Framework Architecture", "priority": "CRITICAL", "tags": [ "Architecture", "Performance" ], "summary": "Use Astro SSG for multi-location (100+ pages) or Next.js App Router (Static Export) for Headless CMS.", "details": "Static generation ensures 0kb runtime JS by default, sub-50ms TTFB globally, and zero server crashes during ad spend spikes.", "code_snippet": "// astro.config.mjs\nexport default defineConfig({\n output: 'static',\n trailingSlash: 'always'\n});", "archetype": "universal" }, { "id": "tech-edge-hosting", "title": "Cloudflare Pages Deployment", "priority": "CRITICAL", "tags": [ "Hosting", "Edge" ], "summary": "Deploy to Cloudflare Pages for unlimited free static bandwidth and global edge CDN caching.", "details": "Cloudflare Pages beats raw Workers for websites because it provides unlimited static requests, native _headers/_redirects handling, and instant Git CI/CD.", "code_snippet": "npx wrangler pages deploy dist --project-name=\"your-project\"", "archetype": "universal" }, { "id": "tech-sitemap-timeout", "title": "Deterministic Static Sitemap Generation", "priority": "HIGH", "tags": [ "SEO", "Edge" ], "summary": "Never perform dynamic remote fetch() inside edge sitemap routes; compile URLs via static pre-build script.", "details": "Edge workers timeout at 10-15s when fetching hundreds of CMS posts during sitemap generation, silently truncating sitemap.xml in production.", "code_snippet": "// Pre-generate array in build step rather than async runtime fetch\nexport const staticRoutes = [...locationUrls, ...serviceUrls];", "archetype": "universal" }, { "id": "tech-trailing-slash", "title": "Uniform Trailing Slash Enforcement", "priority": "HIGH", "tags": [ "Technical SEO" ], "summary": "Universally enforce trailingSlash: 'always' (or 'never') across framework config and all links.", "details": "Mixing slashes causes internal 301 redirect chains, splits PageRank equity, and triggers crawler duplicate content warnings.", "code_snippet": "\nServices\n\nServices", "archetype": "universal" }, { "id": "tech-404-handler", "title": "Authentic HTTP 404 Error Engine", "priority": "CRITICAL", "tags": [ "Technical SEO", "Edge" ], "summary": "Ensure 404.astro or not-found.tsx compiles to dist/404.html returning genuine HTTP 404 status.", "details": "Missing 404 pages on Cloudflare return platform fallbacks or soft 200 OK headers, poisoning Google Search indexing.", "code_snippet": "---\n// src/pages/404.astro\n---\n\n

Page Not Found

\n Return Home\n", "archetype": "universal" }, { "id": "tech-email-scrambling", "title": "Cloudflare Email Scrambling Guard ()", "priority": "HIGH", "tags": [ "Technical SEO", "Cloudflare" ], "summary": "Wrap all mailto: links in comments to prevent crawler 404 errors.", "details": "Cloudflare automatically replaces plain mailto links with dynamic JS decoders. SEO crawlers parse this as /cdn-cgi/l/email-protection and record site-wide 404 broken link penalties.", "code_snippet": "\n{site.email}\n", "archetype": "universal" } ] }, { "id": "cro-funnel", "name": "CRO & Interactive Survey Funnels", "icon": "zap", "color": "amber", "description": "Progressive commitment architectures that produce up to 300% more verified leads than static forms.", "items": [ { "id": "cro-4step-survey", "title": "4-Step Progressive Commitment Funnel", "priority": "CRITICAL", "tags": [ "CRO", "Surveys" ], "summary": "Replace static long forms with an interactive 4-step visual survey (Scope -> Condition -> Urgency -> Contact).", "details": "Dividing questions into low-friction micro-steps eliminates form cognitive fatigue. Users who select 3 simple visual cards are 80%+ likely to finish the contact step.", "code_snippet": "Step 1: Visual Scope Cards (ADU / Garage / Teardown)\nStep 2: Property Specs (Flat lot / Slope / Size)\nStep 3: Timeline & Goal (Rental / Immediate)\nStep 4: Parcel Address + Name + Phone + Email", "archetype": "high-ticket" }, { "id": "cro-autoadvance", "title": "Instant 300ms Auto-Advance on Radio Selection", "priority": "HIGH", "tags": [ "CRO", "UX" ], "summary": "Enable Auto-Advance on slides 1-3 so tapping a choice immediately transitions to the next question.", "details": "Eliminates the friction of tapping an option and then hunting for a tiny 'Next' button at the bottom of the viewport.", "code_snippet": "// In GoHighLevel Survey Settings:\nAuto-Advance on Radio Selection: ON (Delay: 300ms)", "archetype": "high-ticket" }, { "id": "cro-reassurance-microcopy", "title": "Microcopy Reassurance for Sensitive Fields", "priority": "MEDIUM", "tags": [ "CRO", "Copy" ], "summary": "Provide a 1-line reassurance explaining WHY sensitive data (e.g. physical address) is required.", "details": "Visitors hesitate on address fields fearing sales visits. Explaining that the address checks municipal zoning bylaws restores trust.", "code_snippet": "

\n *Used solely to verify local municipal setbacks and zoning feasibility for your parcel.\n

", "archetype": "high-ticket" }, { "id": "cro-phone-email-balance", "title": "Friction Balancing: Phone vs. Email Protocol", "priority": "CRITICAL", "tags": [ "CRO", "Strategy" ], "summary": "Emergency niches = phone only; High-ticket quote & permit niches = mandatory email.", "details": "For tree falls or water leaks, email is pure friction. For ADU or architectural remodels, email is mandatory for formal PDF quotes and CRM deduplication.", "code_snippet": "// Emergency: One-tap dispatch call\n// Quote / Permit: Address + Phone + Email (enforce valid format)", "archetype": "universal" }, { "id": "cro-skeleton-fallback", "title": "CRM Iframe Skeleton Loader & Phone Fallback", "priority": "CRITICAL", "tags": [ "UX", "Resilience" ], "summary": "Never render naked iframes. Wrap in an animated skeleton loader with a prominent telephone fallback callout.", "details": "Iframes take 1.5-3s to render on mobile networks. Skeletons prevent layout shifts, and the fallback callout captures leads if ad-blockers block the CRM.", "code_snippet": "
\n
\n \n

Trouble loading? Call Planning Desk: (XXX) XXX-XXXX

\n
", "archetype": "high-ticket" }, { "id": "cro-url-prepopulate", "title": "Dynamic URL Parameter Passing to CRM", "priority": "HIGH", "tags": [ "CRO", "Integration" ], "summary": "Pass dynamic city and service variables from SSG templates into CRM iframe src query parameters.", "details": "Enables GHL or CRM to auto-fill the target municipality and service into custom fields without user typing.", "code_snippet": "const ghlUrl = `https://api.leadconnectorhq.com/widget/survey/ID?city=${city}&service=${service}`;", "archetype": "high-ticket" }, { "id": "cro-cta-copy-parity", "title": "Value-Driven CTA Copy & Lead Magnet Parity", "priority": "HIGH", "tags": [ "CRO", "Copy" ], "summary": "Maintain 100% copy parity across buttons, headings, and surveys (e.g. 'Get a Free Property Assessment').", "details": "Ban dead action verbs ('Submit', 'Send'). Never invent mismatched terms (e.g. 'Feasibility Quiz' vs 'Estimate') that create funnel doubt.", "code_snippet": "\n\n\n", "archetype": "high-ticket" } ] }, { "id": "mobile-ux", "name": "Mobile-First UX & Sticky Action Architecture", "icon": "smartphone", "color": "emerald", "description": "Handheld control room optimization capturing over 70% of inbound local search traffic.", "items": [ { "id": "mob-sticky-bar", "title": "Persistent Mobile Sticky Dual-Action Bar (< 768px)", "priority": "CRITICAL", "tags": [ "Mobile", "CRO" ], "summary": "Lock a persistent high-contrast dual-action bar at the bottom of the viewport on screens under 768px.", "details": "Provides 50% Click-to-Call dialing and 50% Jump-to-Survey trigger, putting conversion targets right at thumb level.", "code_snippet": "", "archetype": "universal" }, { "id": "mob-safe-area", "title": "iOS Safe Area Inset Support (env(safe-area-inset-bottom))", "priority": "CRITICAL", "tags": [ "Mobile", "CSS" ], "summary": "Apply env(safe-area-inset-bottom) to bottom padding on all sticky elements.", "details": "Without this rule, sticky action buttons collide directly with the physical iOS swipe bar, causing missed taps and frustration.", "code_snippet": "padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));", "archetype": "universal" }, { "id": "mob-footer-padding", "title": "Footer Clearance Padding (pb-28)", "priority": "HIGH", "tags": [ "Mobile", "CSS" ], "summary": "Ensure