v4: Real product image generation + conversion PDP output

Image Generation:
- Downloads actual product images from justvitamins.co.uk
- Sends real photo as reference to Gemini (image-to-image)
- Generates 5 ecommerce-grade variations maintaining product consistency:
  Hero (clean studio), Lifestyle (kitchen scene), Scale (hand reference),
  Detail (ingredients close-up), Banner (wide hero)
- Uses Nano Banana Pro for hero/lifestyle/banner, Nano Banana for fast shots

PDP Output:
- Demo A now renders as a real ecommerce product detail page
- Gallery: original + AI-generated images with clickable thumbnails
- Above the fold: H1, value props, price block, trust bar, CTAs
- Key Benefits: Feature → Benefit → Proof format, 5 icon cards
- Stats bar, Why This Formula, 5★ review, FAQ accordion
- Meta SEO (Google preview), Ad Hooks (5 platform-targeted), Email sequences

Prompts:
- Conversion-optimised based on Cialdini/Kahneman principles
- EFSA health claim compliance baked into every prompt
- Feature → Benefit → Proof bullet structure
- Price anchoring, social proof, urgency psychology

templates/index.html

@@ -47,8 +47,8 @@
 <!-- ═══ DEMO A — 12 Assets ═══ -->
 <section class="demo" id="demo-a">
   <span class="badge red">⚡ DEMO A — LIVE</span>
-  <h2>One Product → 12 Assets in Seconds</h2>
-  <p class="sub">Paste a real Just Vitamins product URL. Gemini scrapes it, then generates a full marketing pack.</p>
+  <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">
@@ -56,23 +56,17 @@
         <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 the Whole Pack</button>
+      <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. AI Generate</span><span class="step-status" id="a-s2">Waiting</span></div>
-      <div class="step" id="a-step-images"><span class="step-label">3. Image Gen</span><span class="step-status" id="a-s3">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 class="output-meta" id="demoA-meta"></div>
-    <div class="asset-grid" id="demoA-assets"></div>
-    <div id="demoA-images" class="img-section hidden">
-      <h3>🎨 AI-Generated Product Images</h3>
-      <p class="sub-sm">Generated with Nano Banana / Nano Banana Pro — unique images that don't exist anywhere else.</p>
-      <div class="img-grid" id="demoA-img-grid"></div>
-    </div>
+    <div id="demoA-pdp"></div>
   </div>
 </section>