/* Conversion audit variant for the Copilot landing. Keeps the original v2-mascot.jsx untouched while testing the approved office-hours restructuring: pain-first hero, early-access CTA, proof, situation-based audience, conservative trust, and staged preorder flow. */ // Live Paddle: Interview Co-Pilot early access ($15 one-time) const PADDLE_CLIENT_TOKEN = 'live_719ff94a561fc390c1a5ed09de2'; const PADDLE_PRICE_ID = 'pri_01ks09s06q07fqyrbhybawjnh8'; const PADDLE_SCRIPT_SRC = 'https://cdn.paddle.com/paddle/v2/paddle.js'; // Optional: hosted pay page on an approved domain (see copilot-pay.html) const PADDLE_CHECKOUT_URL = ''; const V2_CONVERSION_QUALIFICATION_OPTIONS = ["Weekly", "Monthly", "A few times per quarter", "Rarely"]; const V2_CONVERSION_ONBOARDING_CALL_URL = "[ONBOARDING_CALL_URL]"; const V2_CONVERSION_PREORDER_INITIAL = 17; const V2_CONVERSION_PREORDER_TOTAL = 30; const V2_CONVERSION_PRIMARY_CTA = "Get early access"; const V2_CHECKOUT_PLAN = "Pre-order"; // Must not be named `znTrack` — Babel hoists top-level vars onto window and // would overwrite analytics.js's window.znTrack, causing infinite recursion. const callZnTrack = (eventName, properties) => { if (typeof window !== 'undefined' && typeof window.znTrack === 'function') { window.znTrack(eventName, properties || {}); } }; const META_PAYMENT_PARAMS = { value: 15, currency: 'USD', content_name: 'Zernote Interview Co-Pilot founding access', }; const GOOGLE_PAYMENT_CONVERSION_SEND_TO = 'AW-18177397973/cmQKCJi8wLgcENWp1NtD'; const GOOGLE_PAYMENT_CONVERSION_KEY = 'zn_google_payment_conversion_tracked'; const getMetaEventOptions = () => { if (typeof window === 'undefined') return undefined; const testEventCode = window.__META_TEST_EVENT_CODE || new URLSearchParams(window.location.search).get('test_event_code'); return testEventCode ? { test_event_code: testEventCode } : undefined; }; const trackMetaEvent = (eventName, params = {}, method = 'track') => { if (typeof window !== 'undefined' && typeof window.fbq === 'function') { const options = getMetaEventOptions(); if (options) { window.fbq(method, eventName, params, options); if (typeof window.__trackMetaTestFallback === 'function') { window.__trackMetaTestFallback(eventName, params); } } else { window.fbq(method, eventName, params); } } }; const trackGoogleAdsEvent = (eventName, params = {}) => { if (typeof window !== 'undefined' && typeof window.gtag === 'function') { window.gtag('event', eventName, params); } }; const trackGooglePaymentConversion = (eventData) => { if (typeof window === 'undefined') return; try { if (window.sessionStorage.getItem(GOOGLE_PAYMENT_CONVERSION_KEY)) return; } catch (e) { // sessionStorage can be unavailable in strict browser privacy modes. } const checkoutData = eventData && eventData.data ? eventData.data : {}; const value = Number(checkoutData.totals && checkoutData.totals.total); const currency = checkoutData.currency_code || META_PAYMENT_PARAMS.currency; const params = { send_to: GOOGLE_PAYMENT_CONVERSION_SEND_TO, value: Number.isFinite(value) ? value : META_PAYMENT_PARAMS.value, currency, transaction_id: checkoutData.transaction_id || '', }; trackGoogleAdsEvent('conversion', params); try { window.sessionStorage.setItem(GOOGLE_PAYMENT_CONVERSION_KEY, '1'); } catch (e) { // Ignore storage failures; tracking should not block the checkout flow. } }; const loadPaddleScript = (() => { let promise = null; return () => { if (typeof window === 'undefined') { return Promise.reject(new Error('window is not available')); } if (window.Paddle) { return Promise.resolve(window.Paddle); } if (promise) { return promise; } promise = new Promise((resolve, reject) => { const existing = document.querySelector(`script[src="${PADDLE_SCRIPT_SRC}"]`); if (existing) { existing.addEventListener('load', () => resolve(window.Paddle), { once: true }); existing.addEventListener('error', () => reject(new Error('Failed to load Paddle.js')), { once: true }); return; } const script = document.createElement('script'); script.src = PADDLE_SCRIPT_SRC; script.async = true; script.onload = () => resolve(window.Paddle); script.onerror = () => reject(new Error('Failed to load Paddle.js')); document.head.appendChild(script); }); return promise; }; })(); const V2ConversionTopBar = ({ onCtaClick }) => (
zernote
); const V2ConversionFooter = () => ( ); const V2ConversionStyles = () => ( ); const V2Conversion = () => { const t = useTweak(); const [modalStep, setModalStep] = React.useState(null); const [email, setEmail] = React.useState(''); const [qualification, setQualification] = React.useState(''); const [payLoading, setPayLoading] = React.useState(false); const [payError, setPayError] = React.useState(''); const [preorderCount, setPreorderCount] = React.useState(V2_CONVERSION_PREORDER_INITIAL); const paddleReadyRef = React.useRef(false); const paymentCompletedRef = React.useRef(false); const emailSubmittedRef = React.useRef(false); const checkoutOpenedRef = React.useRef(false); const mascotMap = { questioning: "ds/logos/mascot-questioning.png", tongue: "ds/logos/mascot-tongue.png", love: "ds/logos/mascot-love.png", }; const heroMascotSrc = mascotMap[t.heroMascot] || mascotMap.questioning; const markPreorderComplete = () => { setPreorderCount((count) => Math.min(V2_CONVERSION_PREORDER_TOTAL, count + 1)); }; React.useEffect(() => { if (typeof window === 'undefined') return; const params = new URLSearchParams(window.location.search); if (params.get('paid') === '1') { markPreorderComplete(); setModalStep('success'); } }, []); const openLeadModal = (e) => { if (e) e.preventDefault(); setPayError(''); trackMetaEvent('LeadStart', { content_name: 'Zernote Interview Co-Pilot early access modal', }, 'trackCustom'); callZnTrack('email_gate_open', {}); setModalStep('email'); }; const closeLeadModal = () => { if ( modalStep && !emailSubmittedRef.current && (modalStep === 'email' || modalStep === 'qualification') ) { callZnTrack('email_gate_closed', {}); } setModalStep(null); }; const submitLandingForm = async (fields) => { try { await fetch('/try/api/forms', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ landing: 'copilot-conversion', ...fields, }) }); } catch (e) { console.error('Lead form submission failed:', e); } }; const submitEmail = async (e) => { e.preventDefault(); if (!email || !email.includes('@')) return; console.log('saveEmail:', email); await submitLandingForm({ email, where: 'Early access email step', }); trackMetaEvent('Lead', { content_name: 'Zernote Interview Co-Pilot email lead', }); if (typeof window.znSetUserId === 'function') window.znSetUserId(); emailSubmittedRef.current = true; callZnTrack('email_submitted', {}); setModalStep('qualification'); }; const submitQualification = async () => { console.log('qualification:', qualification); await submitLandingForm({ email, qualification, where: 'Qualification step', }); trackMetaEvent('QualificationComplete', { content_name: 'Zernote Interview Co-Pilot qualification', answer: qualification, }, 'trackCustom'); callZnTrack('pre_checkout_view', { plan: V2_CHECKOUT_PLAN }); setModalStep('checkout'); }; const ensurePaddle = async () => { const Paddle = await loadPaddleScript(); if (!Paddle) { throw new Error('Paddle.js is unavailable'); } if (!paddleReadyRef.current) { Paddle.Initialize({ token: PADDLE_CLIENT_TOKEN, eventCallback: (data) => { console.log(data); if (data.name === 'checkout.completed') { paymentCompletedRef.current = true; markPreorderComplete(); trackMetaEvent('Purchase', META_PAYMENT_PARAMS); trackGooglePaymentConversion(data); const checkoutData = data.data || {}; const amount = Number(checkoutData.totals && checkoutData.totals.total); callZnTrack('purchase_completed', { plan: V2_CHECKOUT_PLAN, amount: Number.isFinite(amount) ? amount : META_PAYMENT_PARAMS.value, currency: checkoutData.currency_code || META_PAYMENT_PARAMS.currency, paddle_txn: checkoutData.transaction_id || '', }); setModalStep('success'); } if (data.name === 'checkout.closed' && !paymentCompletedRef.current) { if (checkoutOpenedRef.current) { callZnTrack('checkout_abandoned', {}); } setModalStep('checkout'); } }, }); paddleReadyRef.current = true; } return Paddle; }; const openPaddle = async () => { setPayError(''); paymentCompletedRef.current = false; if (PADDLE_CHECKOUT_URL) { const url = new URL(PADDLE_CHECKOUT_URL); if (email) url.searchParams.set('email', email); url.searchParams.set('return', window.location.href); const pWin = window.open(url.toString(), '_blank'); const checkClose = setInterval(() => { if (pWin && pWin.closed) { clearInterval(checkClose); setModalStep('checkout'); } }, 500); return; } setPayLoading(true); try { const Paddle = await ensurePaddle(); const checkout = { items: [{ priceId: PADDLE_PRICE_ID, quantity: 1 }], customer: email ? { email } : undefined, customData: { product: 'copilot_preorder', landing: 'copilot-conversion', email, qualification, }, settings: { successUrl: window.location.href.split('#')[0] + '?paid=1', }, }; trackMetaEvent('InitiateCheckout', META_PAYMENT_PARAMS); callZnTrack('checkout_started', { plan: V2_CHECKOUT_PLAN, amount: META_PAYMENT_PARAMS.value, currency: META_PAYMENT_PARAMS.currency, }); checkoutOpenedRef.current = true; Paddle.Checkout.open(checkout); } catch (e) { console.error('Paddle checkout failed:', e); setPayError('Could not open checkout. Please try again or email us at hello@zernote.com.'); } finally { setPayLoading(false); } }; return (
For live customer and UX interviews

Running interviews alone? Zernote catches missed follow-ups while you listen.

Zernote tracks your guide, spots thin answers, and suggests probes during the live call, before the follow-up window closes.

Founding access is $15 after qualification. Full refund if we don’t ship on time.

Zernote mascot
Marina just answered Q1. Crossed it off.
Probe: how did she decide who to trust?
Emotion block is at 45%.
What researchers told us
“It would replace the second person we don’t have anyway.”
Senior UX Researcher · fintech, pre-sale call

The moment Zernote helps is during the call, not after it.

Post-call notes are too late for the question you forgot to ask. Zernote sits beside your call, tracks what has been covered, and surfaces the next useful probe while the conversation is still alive.

Built for people running interviews without a second person.

If you are responsible for the conversation and the guide at the same time, this is for you: UX researchers, junior researchers, solo consultants, small studios, PMs, founders, and product designers doing discovery.

Three jobs. That’s it.

Responsible AI for live research calls.

Use Zernote in sessions where participants know tools may assist. It stays beside the call and supports your interview flow.

Founding access, launch in Q3 2026

Reserve founding access.

); }; const V2ConversionPricingCard = ({ onPreorder, preorderCount }) =>

Founding access

$15 $30 one time
; const V2ConversionPreorderProgress = ({ count }) => { const safeCount = Math.max(0, Math.min(V2_CONVERSION_PREORDER_TOTAL, count)); const remaining = Math.max(0, V2_CONVERSION_PREORDER_TOTAL - safeCount); const progress = `${Math.round((safeCount / V2_CONVERSION_PREORDER_TOTAL) * 100)}%`; return (
{remaining} founding spots left. {safeCount}/{V2_CONVERSION_PREORDER_TOTAL} reserved
); }; const V2ConversionPreorderModal = ({ step, email, setEmail, qualification, setQualification, payLoading, payError, onClose, onEmailContinue, onQualificationContinue, onCheckout, preorderCount }) => { const dialogRef = React.useRef(null); React.useEffect(() => { if (step && dialogRef.current) { dialogRef.current.focus(); } }, [step]); if (!step) return null; const closeOnBackdropClick = (e) => { if (e.target === e.currentTarget) { onClose(); } }; const closeOnEscape = (e) => { if (e.key === 'Escape') { onClose(); } }; return (
{step === "email" && (

Get early access

Join early access for people running interviews without a second researcher. We’ll send the live copilot demo and invite the best-fit users into the first pilot.

We’ll email you about Zernote early access. Unsubscribe anytime. Privacy terms will be shared before live interview use.

)} {step === "qualification" && (
{ e.preventDefault(); onQualificationContinue(); }}>

How often do you run interviews without a second person?

{V2_CONVERSION_QUALIFICATION_OPTIONS.map((option) => ( ))}
)} {step === "checkout" && (

Reserve founding access for $15.

Your answer helps us prioritize the first pilot cohort. If you want to back the product, preorder now and lock the founding price. If we do not ship on time, you get a full refund.

What you get

  • Lifetime founding price, half the planned launch price.
  • First access when the live interview copilot opens in Q3 2026.
  • Direct input into the first pilot workflow.
  • Full refund if we don’t ship on time.
$15$30one time
{payError ?

{payError}

: null}
)} {step === "listed" && (
You’re on the list

Thanks, you’re following along.

We’ll email you at launch and whenever there’s something worth sharing. Changed your mind? You can back Zernote as a founding researcher anytime.

)} {step === "success" && (
Founding researcher

You’re in. Welcome aboard.

Your pre-order is confirmed and a receipt is on its way to your inbox. Early access opens in Q3 2026, and we’ll send you the data handling terms before you use Zernote in a live interview.

{V2_CONVERSION_ONBOARDING_CALL_URL && !V2_CONVERSION_ONBOARDING_CALL_URL.startsWith('[') ? ( Book a 15-min onboarding call ) : null}
)}
); }; const MascotFeature = ({ mascot, num, title, body }) =>
{num}

{title}

{body}

; const TrustRow = ({ icon, title, body }) =>

{title}

{body}

; window.V2Conversion = V2Conversion; window.V2 = V2Conversion;