<!doctype html>
<html lang="pl">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>InStock Trade — B2B sneaker wholesale</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Archivo+Black&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,800;1,9..144,400;1,9..144,600&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="shared/styles.css" />
</head>
<body>
<template id="__bundler_thumbnail">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
    <rect width="200" height="200" fill="#16110d"/>
    <text x="100" y="92" text-anchor="middle" fill="#f1ede4" font-family="Arial Black, sans-serif" font-size="56" font-weight="900" letter-spacing="-2">IS</text>
    <rect x="40" y="106" width="120" height="3" fill="#f1ede4"/>
    <text x="40" y="130" fill="#f1ede4" font-family="monospace" font-size="14" letter-spacing="3">TRADE</text>
    <text x="160" y="130" text-anchor="end" fill="#f1ede4" font-family="monospace" font-size="18">→</text>
  </svg>
</template>
<div id="root"></div>

<script src="https://unpkg.com/react@18.3.1/umd/react.development.js" integrity="sha384-hD6/rw4ppMLGNu3tX5cjIb+uRZ7UkRJ6BPkLpg4hAu/6onKUg4lLsHAs9EBPT82L" crossorigin="anonymous"></script>
<script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js" integrity="sha384-u6aeetuaXnQ38mYT8rp6sbXaQe3NL9t+IBXmnYxwkUI2Hw4bsp2Wvmx4yRQF1uAm" crossorigin="anonymous"></script>
<script src="https://unpkg.com/@babel/standalone@7.29.0/babel.min.js" integrity="sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y" crossorigin="anonymous"></script>

<script type="text/babel" src="shared/images.jsx"></script>
<script type="text/babel" src="shared/stock-snapshot.jsx"></script>
<script type="text/babel" src="shared/data.jsx"></script>
<script type="text/babel" src="variants/stock-page.jsx"></script>
<script type="text/babel" src="variants/variant-a.jsx"></script>
<script type="text/babel">
  const { createRoot } = ReactDOM;
  createRoot(document.getElementById('root')).render(<VariantA />);
</script>
</body>
</html>
