web/index.html

<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="robots" content="noindex"><title>DressMe · Partner integration demo</title><link rel="stylesheet" href="./style.css"><script type="module" src="./app.mjs"></script></head>
<body><header><a href="https://studio.v3lox.com/">VELOX</a><nav aria-label="Developer navigation"><a href="./demo" aria-current="page">Live demo</a><a href="./admin">Dashboard & SDKs</a><a href="https://github.com/Velox-XR/trifit-partner-api-example">GitHub ↗</a></nav></header>
<main><p class="eyebrow">Your experience. Powered by DressMe.</p><h1>See the integration.<br><em>Try your next look.</em></h1><p class="lead">A shopper photo. A product image. A real AI outfit preview.</p>
<div class="notice" id="mode" role="status">Checking demo availability…</div>
<div class="layout"><section><form id="try-on"><div class="inputs"><label><span>01 / Your photo</span><input type="file" name="personal" accept="image/png,image/jpeg,image/webp" required><small>A clear photo you have permission to use.</small></label><label><span>02 / Product image</span><input type="file" name="product" accept="image/png,image/jpeg,image/webp" required><small>One garment from your own or an authorised catalogue.</small></label></div><p class="hint">PNG, JPEG or WebP · up to 5 MiB each. Avoid sensitive images.</p><label class="consent"><input type="checkbox" name="consent" required><span>I have permission to use both images and understand that they will be sent to Velox for AI processing.</span></label><button id="submit" disabled>Join the demo queue ↗</button></form><p id="status" role="status" aria-live="polite"></p><p id="receipt"></p><div id="result" hidden><img alt="Your DressMe AI outfit preview" referrerpolicy="no-referrer"><p>AI previews are not measurements or guarantees of fit, sizing, colour or garment detail.</p></div></section>
<aside><h2>A shared queue.<br>Real generation.</h2><p>Requests wait their turn. The demo starts no more than one new DressMe request every <strong id="gap">10 seconds</strong>, with one generation active at a time.</p><p>This is a minimum start interval—not a promised wait or generation time. Other visitors and processing time affect your wait.</p><p>No fixed lifetime request count is imposed by this example. Access, upstream quotas and service availability still apply.</p><hr><h2>Build your own integration.</h2><p>Apply for a unique partner API key. After approval, Velox creates your integration and emails configuration files for your specific access.</p><a href="https://studio.v3lox.com/#contact">Apply for Partner API access ↗</a><p class="hint">Mention Partner API / DressMe. Keep the configuration on your backend; never share it with visitors.</p></aside></div>
<footer>This demo uses the JavaScript SDK and source available on <a href="https://github.com/Velox-XR/trifit-partner-api-example">GitHub</a>. <a href="./admin">Download the SDK integration ZIP</a> and build your own. Browser-session access expires after 48 hours; that is not a promise of media deletion. See the <a href="https://studio.v3lox.com/legal/privacy">Velox privacy policy</a> for privacy enquiries.</footer></main></body></html>