client/index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="shortcut icon" href="./favicon_io/favicon.ico" type="image/x-icon" />
  <title>Bitbox - Where Projects Find Solutions Together</title>

  <!-- Updated Socket.IO script for production URL -->
  <script defer src="https://bitbox-uxbo.onrender.com/socket.io/socket.io.js"></script>

  <!-- Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />
  <!-- Importing EXO 2 font from Google font    -->
  <link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@400;700&display=swap" rel="stylesheet" />
  <!-- VISITOR CDN -->
  <link rel="stylesheet" href="visi.css">
</head>

<body>
  <div id="root"></div>
  <script type="module" src="/src/main.jsx"></script>
</body>

<!-- Bootstrap Script -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
  integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>

<!-- Font Awesome Script -->
<script src="https://kit.fontawesome.com/1eb8db9042.js" crossorigin="anonymous"></script>

<!-- Google Translate -->
<div class="gtranslate_wrapper"></div>

<!-- Google Translate Script -->
<script>
  window.gtranslateSettings = {
    "default_language": "en",
    "detect_browser_language": true,
    "wrapper_selector": ".gtranslate_wrapper"
  }
</script>

</script>

<!-- Google Translate Script -->
<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>

<!-- VISITOR SCRIPT -->
<script src="visi.js"></script>

</html>