<!doctype html>
<html lang="pl">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>InStock Trade — Hurtownia sneakers · B2B</title>
<meta name="description" content="Hurtownia sneakers obsługująca sklepy i resellerów w Polsce i Europie. Codzienna aktualizacja ofert, autoryzowani dystrybutorzy, kontakt przez Discord, WhatsApp i e-mail." />
<meta name="theme-color" content="#16110d" />

<!-- Favicon -->
<link rel="icon" href="favicon.svg" type="image/svg+xml" />
<link rel="apple-touch-icon" href="favicon.svg" />

<!-- Open Graph (Facebook, WhatsApp, Discord, LinkedIn) -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="InStock Trade" />
<meta property="og:title" content="InStock Trade — Hurtownia sneakers · B2B" />
<meta property="og:description" content="Hurtownia sneakers obsługująca sklepy i resellerów w Polsce i Europie. Codzienna aktualizacja ofert." />
<meta property="og:image" content="og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:locale" content="pl_PL" />

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="InStock Trade — Hurtownia sneakers" />
<meta name="twitter:description" content="Hurtownia sneakers obsługująca sklepy i resellerów w Polsce i Europie." />
<meta name="twitter:image" content="og.png" />
<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>
