first commit

2026-01-10 04:57:43 +00:00
parent 16a76a2cd6
commit 232968de1e
131 changed files with 43262 additions and 0 deletions
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="TurboTrades - Premium CS2 & Rust Skin Marketplace" />
+    <meta name="theme-color" content="#0f1923" />
+
+    <!-- Preconnect to fonts -->
+    <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=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@600;700;800&display=swap" rel="stylesheet">
+
+    <title>TurboTrades - CS2 & Rust Marketplace</title>
+
+    <style>
+      /* Prevent FOUC */
+      body {
+        margin: 0;
+        padding: 0;
+        background-color: #0f1923;
+        color: #ffffff;
+        font-family: 'Inter', system-ui, sans-serif;
+      }
+
+      #app {
+        min-height: 100vh;
+      }
+
+      /* Loading screen */
+      .app-loading {
+        position: fixed;
+        inset: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: linear-gradient(135deg, #0f1923 0%, #151d28 50%, #1a2332 100%);
+        z-index: 9999;
+      }
+
+      .loader {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 1.5rem;
+      }
+
+      .loader-spinner {
+        width: 50px;
+        height: 50px;
+        border: 3px solid rgba(245, 135, 0, 0.1);
+        border-top-color: #f58700;
+        border-radius: 50%;
+        animation: spin 1s linear infinite;
+      }
+
+      .loader-text {
+        color: #f58700;
+        font-weight: 600;
+        font-size: 1.125rem;
+        letter-spacing: 0.05em;
+        text-transform: uppercase;
+      }
+
+      @keyframes spin {
+        to { transform: rotate(360deg); }
+      }
+
+      /* Scrollbar styling */
+      ::-webkit-scrollbar {
+        width: 10px;
+        height: 10px;
+      }
+
+      ::-webkit-scrollbar-track {
+        background: #0f1923;
+      }
+
+      ::-webkit-scrollbar-thumb {
+        background: #1f2a3c;
+        border-radius: 5px;
+      }
+
+      ::-webkit-scrollbar-thumb:hover {
+        background: #37434f;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app">
+      <div class="app-loading">
+        <div class="loader">
+          <div class="loader-spinner"></div>
+          <div class="loader-text">Loading TurboTrades</div>
+        </div>
+      </div>
+    </div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>