Bernt
6989a98d75
- Arkitektur: docs/auth/passwordless-architecture.md - Backend: iom/quixzoom-auth-service/ (FastAPI + Redis) - Webb: quixzoom-market-pages/se/login/ (QR-kod + polling) - App: iom/quixzoom-app/src/features/auth/ (push + deep links) Flöde: QR-kod → app-godkännande → webb-inloggad
170 lines
7.2 KiB
HTML
170 lines
7.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="sv">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Landvex - Marknadsintelligens</title>
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
</head>
|
|
<body>
|
|
<header class="header">
|
|
<div class="container">
|
|
<h1>🏢 Landvex</h1>
|
|
<p>AI-driven marknadsintelligens för din produkt</p>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="container">
|
|
<section class="hero">
|
|
<h2>Få en professionell marknadsrapport inom 72 timmar</h2>
|
|
<p>Fyll i formuläret nedan för att få en komplett marknadsanalys med konkurrensanalys, trenddata och strategiska rekommendationer.</p>
|
|
</section>
|
|
|
|
<form id="orderForm" class="order-form">
|
|
<div class="form-section">
|
|
<h3>Produktinformation</h3>
|
|
|
|
<div class="form-group">
|
|
<label for="productName">Produktnamn *</label>
|
|
<input type="text" id="productName" name="productName" required placeholder="t.ex. Omega-3 Kapslar">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="productType">Produkttyp *</label>
|
|
<select id="productType" name="productType" required>
|
|
<option value="">Välj produkttyp</option>
|
|
<option value="kosttillskott">Kosttillskott</option>
|
|
<option value="tech">Teknik/Elektronik</option>
|
|
<option value="fastighet">Fastighet</option>
|
|
<option value="mode">Mode/Kläder</option>
|
|
<option value="livsmedel">Livsmedel</option>
|
|
<option value="skonhet">Skönhet</option>
|
|
<option value="halsa">Hälsa/Vård</option>
|
|
<option value="ovrigt">Övrigt</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="ingredients">Ingredienser/Teknik</label>
|
|
<textarea id="ingredients" name="ingredients" rows="3" placeholder="t.ex. Fiskolja, Vitamin D, Vitamin E"></textarea>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="usage">Användningsområde</label>
|
|
<textarea id="usage" name="usage" rows="3" placeholder="t.ex. Dagligt kosttillskott för hjärthälsa"></textarea>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="format">Format/Storlek</label>
|
|
<input type="text" id="format" name="format" placeholder="t.ex. 60 kapslar, 500ml">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="priceLevel">Prisnivå</label>
|
|
<select id="priceLevel" name="priceLevel">
|
|
<option value="">Välj prisnivå</option>
|
|
<option value="budget">Budget</option>
|
|
<option value="mellan">Mellan</option>
|
|
<option value="premium">Premium</option>
|
|
<option value="lyx">Lyx</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="certifications">Certifieringar</label>
|
|
<input type="text" id="certifications" name="certifications" placeholder="t.ex. KRAV, EU-ekologiskt, GMP">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-section">
|
|
<h3>Målgrupp & Marknader</h3>
|
|
|
|
<div class="form-group">
|
|
<label>Målgrupp</label>
|
|
<div class="checkbox-group">
|
|
<label><input type="checkbox" name="targetGroups" value="ungdomar"> Ungdomar (13-25)</label>
|
|
<label><input type="checkbox" name="targetGroups" value="vuxna"> Vuxna (25-45)</label>
|
|
<label><input type="checkbox" name="targetGroups" value="medelalder"> Medelålder (45-65)</label>
|
|
<label><input type="checkbox" name="targetGroups" value="aldre"> Äldre (65+)</label>
|
|
<label><input type="checkbox" name="targetGroups" value="halsomedvetna"> Hälso-medvetna</label>
|
|
<label><input type="checkbox" name="targetGroups" value="aktiva"> Aktiva/Tränande</label>
|
|
<label><input type="checkbox" name="targetGroups" value="familjer"> Familjer</label>
|
|
<label><input type="checkbox" name="targetGroups" value="premium"> Premium-konsumenter</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>Nuvarande marknader</label>
|
|
<div class="checkbox-group">
|
|
<label><input type="checkbox" name="currentMarkets" value="SE"> Sverige</label>
|
|
<label><input type="checkbox" name="currentMarkets" value="NO"> Norge</label>
|
|
<label><input type="checkbox" name="currentMarkets" value="DK"> Danmark</label>
|
|
<label><input type="checkbox" name="currentMarkets" value="FI"> Finland</label>
|
|
<label><input type="checkbox" name="currentMarkets" value="DE"> Tyskland</label>
|
|
<label><input type="checkbox" name="currentMarkets" value="UK"> Storbritannien</label>
|
|
<label><input type="checkbox" name="currentMarkets" value="US"> USA</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>Målmarknader (välj de du vill analysera)</label>
|
|
<div class="checkbox-group">
|
|
<label><input type="checkbox" name="targetMarkets" value="SE" checked> Sverige</label>
|
|
<label><input type="checkbox" name="targetMarkets" value="NO"> Norge</label>
|
|
<label><input type="checkbox" name="targetMarkets" value="DK"> Danmark</label>
|
|
<label><input type="checkbox" name="targetMarkets" value="FI"> Finland</label>
|
|
<label><input type="checkbox" name="targetMarkets" value="DE"> Tyskland</label>
|
|
<label><input type="checkbox" name="targetMarkets" value="NL"> Nederländerna</label>
|
|
<label><input type="checkbox" name="targetMarkets" value="UK"> Storbritannien</label>
|
|
<label><input type="checkbox" name="targetMarkets" value="PL"> Polen</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-section">
|
|
<h3>Leverans</h3>
|
|
|
|
<div class="form-group">
|
|
<label for="email">E-postadress *</label>
|
|
<input type="email" id="email" name="email" required placeholder="din@email.com">
|
|
<small>Rapporten skickas till denna adress när den är klar.</small>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="priority">Prioritet</label>
|
|
<select id="priority" name="priority">
|
|
<option value="normal">Normal (72h)</option>
|
|
<option value="high">Hög (48h)</option>
|
|
<option value="urgent">Brådskande (24h)</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-actions">
|
|
<button type="submit" class="btn btn-primary">Beställ rapport</button>
|
|
<button type="button" class="btn btn-secondary" onclick="trackOrder()">Spåra beställning</button>
|
|
</div>
|
|
</form>
|
|
|
|
<div id="result" class="result hidden">
|
|
<div class="success-message">
|
|
<h3>✅ Beställning mottagen!</h3>
|
|
<p>Din beställning har registrerats och bearbetas.</p>
|
|
<div id="orderDetails"></div>
|
|
<p><a href="#" id="trackLink" class="btn btn-secondary">Spåra din beställning</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="error" class="error hidden"></div>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<p>Landvex AI - Data-driven marknadsintelligens</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="/js/main.js"></script>
|
|
</body>
|
|
</html>
|