Omair Saleh
ebe1dd5c14
CRITICAL: - Fix broken mailto: CTAs on /offer and /proposal (empty href!) - Fix 97.4% channel dependency claim → actual 85% (verified from DB) - Fix 37.3% repeat rate → 57.6% cohort return rate (verified) - Fix revenue model payback math (was 2.6mo, actual 3.5mo at 100/mo) - Fix cost-of-waiting claim with verifiable math CONVERSION: - Hero rewrite: 'Lost 84% of new customers' → client problem, not tech brag - Nav: remove duplicate Proposal link, single 'The Proposal' → /offer - Footer CTA: primary action is now 'See the Full Proposal' - All CTAs now include properly formatted mailto with subject+body - Replace unverified competitor claim with specific named competitors DATA INTEGRITY: - 15/23 claims verified SOURCE-LINKED from PostgreSQL (728K orders) - 4 claims corrected (97.4%→85%, 37.3%→57.6%, payback, cost-of-waiting) - Revenue calculator uses cohort-verified return rate - Board summary updated with correct figures
154 lines
7.8 KiB
HTML
154 lines
7.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>JustVitamin × QuikCue — AI Content Engine</title>
|
||
<meta name="description" content="Live AI-powered content engine for Just Vitamins. Real demos, real data, real results.">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="/static/css/style.css">
|
||
</head>
|
||
<body>
|
||
|
||
<nav>
|
||
<div class="nav-inner">
|
||
<a href="/" class="logo">JustVitamins <span class="x">×</span> QuikCue</a>
|
||
<div class="nav-links">
|
||
<a href="/dashboard" target="_blank">📊 Dashboard</a>
|
||
<a href="#demo-a">Demos</a>
|
||
<a href="/offer" target="_blank">📋 The Proposal</a>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<main class="page">
|
||
|
||
<!-- ═══ HERO ═══ -->
|
||
<section class="hero" id="top">
|
||
<div class="eyebrow"><span class="pill">● LIVE</span> Built for Just Vitamins — Powered by Gemini</div>
|
||
<h1>You've lost 84% of new customers since 2020.<br><span class="gr">This engine gets them back.</span></h1>
|
||
<p class="sub">We analysed your 728,018 orders. The product isn't the problem — <strong>discovery is.</strong> Below is a working AI content engine that scrapes your products live, generates conversion-optimised PDPs, images, and marketing assets. Try it. Then <a href="/offer" style="color:var(--accent)">see the proposal</a>.</p>
|
||
<div class="btn-row">
|
||
<a href="#demo-a" class="btn cta">⚡ See It Work — Live Demo</a>
|
||
<a href="/offer" class="btn ghost">📋 See the Proposal</a>
|
||
<a href="/dashboard" target="_blank" class="btn outline">📊 Your Data Dashboard</a>
|
||
</div>
|
||
<div class="stats">
|
||
<div class="stat"><span class="val">£19.4M</span><span class="lbl">Lifetime Revenue</span></div>
|
||
<div class="stat"><span class="val">728K</span><span class="lbl">Orders Processed</span></div>
|
||
<div class="stat"><span class="val">230K</span><span class="lbl">Unique Customers</span></div>
|
||
<div class="stat"><span class="val">20 yrs</span><span class="lbl">Trading History</span></div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ═══ DEMO A — 12 Assets ═══ -->
|
||
<section class="demo" id="demo-a">
|
||
<span class="badge red">⚡ DEMO A — LIVE</span>
|
||
<h2>One Product URL → Full Conversion PDP</h2>
|
||
<p class="sub">Paste a real Just Vitamins product URL. We scrape the actual product images, then Gemini generates a complete conversion-optimised PDP with real product photography variations — not invented images.</p>
|
||
|
||
<div class="input-card">
|
||
<div class="input-row">
|
||
<div class="input-group">
|
||
<label>PRODUCT URL</label>
|
||
<input type="url" id="demoA-url" placeholder="https://www.justvitamins.co.uk/..." value="https://www.justvitamins.co.uk/Bone-Health/Super-Strength-Vitamin-D3-4000iu-K2-MK-7-100mcg.aspx">
|
||
</div>
|
||
<button class="btn-gen red" id="demoA-btn" onclick="runDemoA()">🔴 Generate Full PDP</button>
|
||
</div>
|
||
<div class="step-bar" id="demoA-steps">
|
||
<div class="step" id="a-step-scrape"><span class="step-label">1. Scrape</span><span class="step-status" id="a-s1">Waiting</span></div>
|
||
<div class="step" id="a-step-ai"><span class="step-label">2. PDP Copy</span><span class="step-status" id="a-s2">Waiting</span></div>
|
||
<div class="step" id="a-step-images"><span class="step-label">3. Product Photos</span><span class="step-status" id="a-s3">Waiting</span></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="demoA-output" class="output hidden">
|
||
<div id="demoA-pdp"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ═══ DEMO B — Competitor X-Ray ═══ -->
|
||
<section class="demo" id="demo-b">
|
||
<span class="badge blue">🔍 DEMO B — LIVE</span>
|
||
<h2>Competitor X-Ray → Instant Offer Upgrade</h2>
|
||
<p class="sub">Paste any competitor product URL. We scrape it, reverse-engineer their strategy, and build a better JV version.</p>
|
||
|
||
<div class="input-card">
|
||
<div class="input-row">
|
||
<div class="input-group">
|
||
<label>COMPETITOR PRODUCT URL</label>
|
||
<input type="url" id="demoB-url" placeholder="https://www.competitor.com/product..." value="https://www.vitabiotics.com/products/ultra-vitamin-d-1000iu">
|
||
</div>
|
||
<button class="btn-gen blue" id="demoB-btn" onclick="runDemoB()">🔍 X-Ray This Competitor</button>
|
||
</div>
|
||
<div class="step-bar" id="demoB-steps">
|
||
<div class="step"><span class="step-label">1. Scrape Competitor</span><span class="step-status" id="b-s1">Waiting</span></div>
|
||
<div class="step"><span class="step-label">2. AI Analysis</span><span class="step-status" id="b-s2">Waiting</span></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="demoB-output" class="output hidden">
|
||
<div class="split">
|
||
<div class="split-left" id="demoB-left"></div>
|
||
<div class="split-right" id="demoB-right"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ═══ DEMO C — PDP Surgeon ═══ -->
|
||
<section class="demo" id="demo-c">
|
||
<span class="badge purple">🎨 DEMO C — LIVE</span>
|
||
<h2>PDP Surgeon: AI Rewrites in Any Voice</h2>
|
||
<p class="sub">Scrape a real product, then toggle between 4 conversion styles — each rewritten live by Gemini with annotations.</p>
|
||
|
||
<div class="input-card">
|
||
<div class="input-row">
|
||
<div class="input-group">
|
||
<label>JUST VITAMINS PRODUCT URL</label>
|
||
<input type="url" id="demoC-url" placeholder="https://www.justvitamins.co.uk/..." value="https://www.justvitamins.co.uk/Bone-Health/Super-Strength-Vitamin-D3-4000iu-K2-MK-7-100mcg.aspx">
|
||
</div>
|
||
<button class="btn-gen purple" id="demoC-btn" onclick="runDemoC()">🎨 Scrape & Rewrite</button>
|
||
</div>
|
||
<div class="toggle-group" id="demoC-toggles">
|
||
<button class="toggle active" data-style="balanced" onclick="switchDemoC('balanced',this)">✓ Balanced</button>
|
||
<button class="toggle" data-style="premium" onclick="switchDemoC('premium',this)">💎 Premium</button>
|
||
<button class="toggle" data-style="dr" onclick="switchDemoC('dr',this)">🎯 Direct Response</button>
|
||
<button class="toggle" data-style="medical" onclick="switchDemoC('medical',this)">🏥 Medical-Safe</button>
|
||
</div>
|
||
<div class="step-bar">
|
||
<div class="step"><span class="step-label">1. Scrape</span><span class="step-status" id="c-s1">Waiting</span></div>
|
||
<div class="step"><span class="step-label">2. AI Rewrite</span><span class="step-status" id="c-s2">Waiting</span></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="demoC-output" class="output hidden">
|
||
<div class="split">
|
||
<div class="split-left" id="demoC-left"></div>
|
||
<div class="split-right" id="demoC-right"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ═══ CTA ═══ -->
|
||
<section class="cta-section" id="cta">
|
||
<h2>This isn't a mockup.<br>It's <span class="gr">running right now.</span></h2>
|
||
<p class="sub" style="text-align:center;margin:0 auto 2rem">Every demo above hits a real API, scrapes real pages, and generates real content. Your data dashboard runs against 728,018 validated orders.</p>
|
||
<div style="display:flex;flex-direction:column;align-items:center;gap:.75rem">
|
||
<a href="/offer" class="btn cta lg">📋 See the Full Proposal</a>
|
||
<a href="mailto:omair@quikcue.com?subject=JustVitamin%20AI%20Engine%20%E2%80%94%20Let's%20Talk&body=Hi%20Omair%2C%0A%0AI've%20seen%20the%20demos.%20Let's%20schedule%20a%20call.%0A%0AThanks" class="btn outline">🚀 Let's Talk — 15 min call</a>
|
||
<span class="note">Built by Omair @ <a href="https://quikcue.com">QuikCue</a> · Powered by Gemini 2.5 Flash</span>
|
||
</div>
|
||
</section>
|
||
|
||
<footer>
|
||
<p>© 2026 <a href="https://quikcue.com">QuikCue</a> — Built for Just Vitamins</p>
|
||
<p>Repo: <a href="https://git.quikcue.com/omair/justvitamin" target="_blank">git.quikcue.com/omair/justvitamin</a></p>
|
||
</footer>
|
||
|
||
</main>
|
||
|
||
<script src="/static/js/app.js"></script>
|
||
</body>
|
||
</html>
|