overlay-market · TomasCImach · Sep 30, 2024 · Sep 30, 2024 · Sep 30, 2024 · Sep 30, 2024
diff --git a/.gitignore b/.gitignore
@@ -22,3 +22,5 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+repopack-output.txt
diff --git a/index.html b/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/overlay-logo.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>Overaly Protocol</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,12 +10,21 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@radix-ui/react-aspect-ratio": "^1.1.0",
+    "@radix-ui/themes": "^3.1.4",
+    "@stitches/react": "^1.2.8",
+    "overlay-sdk": "https://github.com/overlay-market/overlay-sdk/releases/download/v0.1.6-alpha/overlay-sdk-dist.tar.gz",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-markdown": "^9.0.1",
+    "react-router-dom": "^7.1.0",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
+    "@types/react-slick": "^0.23.13",
     "@typescript-eslint/eslint-plugin": "^7.2.0",
     "@typescript-eslint/parser": "^7.2.0",
     "@vitejs/plugin-react": "^4.2.1",

diff --git a/public/AccessDenied.html b/public/AccessDenied.html
@@ -0,0 +1 @@
+<html lang=en><title>Overlay</title><style data-styled=active data-styled-version=5.3.3>.ftItpb{box-sizing:border-box;margin:0;min-width:0;height:100vh}.blzcfD{display:flex}.iQFrSA{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.doZgwo{border:1px solid #71ceff;border-radius:8px;box-shadow:0 0 12px #5b60a4;padding:16px 16px 24px;background:#1b2131;margin:auto;max-width:400px}.kkmkRg{background-color:#202431;height:100%;min-height:100vh;width:100vw}</style><style data-emotion=css>.css-1hj2b1d{box-sizing:border-box;margin:0;min-width:0;font-family:Inter,sans-serif;font-size:20px;font-weight:700;color:#f2f2f2;text-align:center}</style><style data-emotion=css>.css-7epyd3{box-sizing:border-box;margin:0;min-width:0;font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#f2f2f2;text-align:center;margin-top:12px}</style><style data-emotion=css>.css-o9mwvj{box-sizing:border-box;margin:0;min-width:0;font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#12b4ff}</style><div id=root><div class="App__AppWrapper-sc-ctinqo-0 kkmkRg"><div class="blzcfD iQFrSA sc-crHmcD sc-fotOHu sc-hBUSln ftItpb"height=100vh><div class="blzcfD iQFrSA sc-crHmcD sc-fotOHu sc-hBUSln dIEWdW doZgwo sc-bkkeKt"><div class="pMYFq sc-bdvvtL css-1hj2b1d">Service Not Available In Your Region</div><div class="pMYFq sc-bdvvtL css-7epyd3">For compliance reasons, service is not available in your region.</div><div class="pMYFq sc-bdvvtL css-7epyd3">Use of Tor, VPN, proxies or other means to circumvent this restriction is a violation of our<a class="iLznir sc-iCfMLu"href=https://overlay.market/#/tos rel="noopener noreferrer"target=_blank><div class="pMYFq sc-bdvvtL css-o9mwvj">Terms of Service.</div></a></div></div></div></div></div>
diff --git a/public/_redirects b/public/_redirects
@@ -0,0 +1 @@
+/*    /index.html   200
diff --git a/public/btcd-market.png b/public/btcd-market.png
diff --git a/public/cs-skins-market.png b/public/cs-skins-market.png
diff --git a/public/ev-market.png b/public/ev-market.png
diff --git a/public/overlay-logo.svg b/public/overlay-logo.svg
diff --git a/public/vite.svg b/public/vite.svg
diff --git a/src/App.css b/src/App.css
@@ -1,8 +1,30 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
 #root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
 }
 
 .logo {

diff --git a/src/App.tsx b/src/App.tsx
@@ -1,34 +1,34 @@
-import { useState } from 'react'
-import reactLogo from './assets/react.svg'
-import viteLogo from '/vite.svg'
+import React, { useEffect } from 'react'
+import { Navigate, Route, Routes, useNavigate } from "react-router-dom";
 import './App.css'
+import Header from './sections/Header'
+import Footer from './sections/Footer'
+import Landing from './pages/Landing';
+import TermsOfService from './pages/TermsOfService';
+import { AccessDenied } from './pages/AccessDenied';
 
-function App() {
-  const [count, setCount] = useState(0)
+const App: React.FC = () => {
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    const hash = window.location.hash;
+    if (hash.startsWith('#/')) {
+      const path = hash.replace('#/', ''); // Replace '#/' with ''
+      navigate(path); // Redirect to the updated path
+    }
+  }, [navigate]);
 
   return (
-    <>
-      <div>
-        <a href="https://vitejs.dev" target="_blank">
-          <img src={viteLogo} className="logo" alt="Vite logo" />
-        </a>
-        <a href="https://react.dev" target="_blank">
-          <img src={reactLogo} className="logo react" alt="React logo" />
-        </a>
-      </div>
-      <h1>Vite + React</h1>
-      <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>
-          count is {count}
-        </button>
-        <p>
-          Edit <code>src/App.tsx</code> and save to test HMR
-        </p>
-      </div>
-      <p className="read-the-docs">
-        Click on the Vite and React logos to learn more
-      </p>
-    </>
+    <div style={{ width: '100%', overflowX: 'hidden', position: 'relative' }}>
+      <Header />
+      <Routes>
+        <Route path="/" element={<Landing />} />
+        <Route path="/tos" element={<TermsOfService />} />
+        <Route path="/accessDenied" element={<AccessDenied />} />
+        <Route path="/*" element={<Navigate to="/" />} />
+      </Routes>
+      <Footer />
+    </div>
   )
 }
 

diff --git a/src/assets/OverlayLogo.tsx b/src/assets/OverlayLogo.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+
+const OverlayLogo: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="208" height="30" viewBox="0 0 208 30" fill="none" {...props}>
+    <g clipPath="url(#clip0_848_3)">
+      <path d="M68.831 14.9197C68.831 16.8653 68.4425 18.5747 67.6607 20.0481C66.8788 21.5214 65.766 22.65 64.3127 23.4339C62.8593 24.2178 61.1661 24.6051 59.2283 24.6051C56.2497 24.6051 53.9185 23.7409 52.2254 22.0125C50.537 20.2842 49.688 17.9184 49.688 14.915C49.688 11.9117 50.5322 9.58359 52.2158 7.90719C53.9042 6.23079 56.2449 5.39023 59.2523 5.39023C62.2597 5.39023 64.6053 6.24023 66.2936 7.93552C67.982 9.63081 68.831 11.9589 68.831 14.9197ZM64.7827 14.9197C64.7827 12.9033 64.2983 11.3261 63.3294 10.1833C62.3605 9.04053 61.003 8.46441 59.2523 8.46441C57.5016 8.46441 56.1058 9.03108 55.1369 10.1691C54.168 11.3072 53.6835 12.8892 53.6835 14.9197C53.6835 16.9503 54.1776 18.5842 55.1704 19.7648C56.1633 20.9453 57.5112 21.5356 59.2283 21.5356C60.9455 21.5356 62.3749 20.9595 63.339 19.812C64.3031 18.6645 64.7827 17.0353 64.7827 14.9197Z" fill="white"/>
+      <path d="M84.7221 24.3359H80.6978L73.6948 5.66412H77.839L81.7386 17.6586C81.9785 18.4378 82.3142 19.6089 82.7315 21.1814L83.0145 20.0434L83.7004 17.6586L87.5856 5.66412H91.6867L84.7221 24.3359Z" fill="white"/>
+      <path d="M98.6846 24.3359V5.66412H113.583V8.68164H102.651V13.3661H112.762V16.3836H102.651V21.3137H114.134V24.3312H98.6846V24.3359Z" fill="white"/>
+      <path d="M135.048 24.3359L130.649 17.2384H125.992V24.3359H122.025V5.66412H131.498C133.757 5.66412 135.503 6.14107 136.731 7.09969C137.959 8.0583 138.573 9.43248 138.573 11.2222C138.573 12.5303 138.194 13.6589 137.441 14.6033C136.688 15.5525 135.671 16.1758 134.386 16.4781L139.513 24.3265H135.048V24.3359ZM134.577 11.3875C134.577 9.59776 133.412 8.70053 131.081 8.70053H125.996V14.2067H131.191C132.304 14.2067 133.148 13.9611 133.719 13.4653C134.29 12.9694 134.582 12.28 134.582 11.3875H134.577Z" fill="white"/>
+      <path d="M146.88 24.3359V5.66412H150.847V21.3137H161.025V24.3312H146.88V24.3359Z" fill="white"/>
+      <path d="M182.073 24.3359L180.389 19.5759H173.165L171.482 24.3359H167.515L174.432 5.66412H179.113L186.001 24.3359H182.073ZM176.772 8.5447L176.691 8.83748C176.6 9.15387 176.494 9.51748 176.37 9.92359C176.245 10.3297 175.473 12.5681 174.058 16.6339H179.507L177.636 11.2647L177.055 9.46081L176.772 8.5447Z" fill="white"/>
+      <path d="M200.328 16.6764V24.3359H196.371V16.6764L189.623 5.66885H193.781L198.324 13.5597L202.919 5.66885H207.077L200.328 16.6764Z" fill="white"/>
+      <path d="M37.6629 15.6422C36.6317 14.4239 34.9433 13.9753 33.4276 14.4947C33.1542 6.81635 26.746 0.677429 18.8845 0.677429C11.8239 0.677429 5.93856 5.62635 4.60992 12.195C3.51151 12.5114 2.48025 12.9317 1.54013 13.4369C0.652764 13.9186 0.105957 14.3578 0.105957 14.3578C1.13722 15.5761 2.8256 16.0247 4.34131 15.5053C4.61471 23.1789 11.0229 29.3226 18.8845 29.3226C25.945 29.3226 31.8303 24.3737 33.159 17.805C34.2574 17.4886 35.2887 17.0684 36.2288 16.5631C37.1161 16.0814 37.6629 15.6422 37.6629 15.6422ZM27.4031 22.6973C25.2974 24.9734 22.2612 26.4042 18.8845 26.4042C15.5077 26.4042 12.4715 24.9734 10.3658 22.6973C8.49992 20.6809 7.36314 18.0034 7.36314 15.0614C7.36314 15.0425 7.36314 15.0236 7.36314 15.0047C7.36314 15.0047 7.36314 15 7.36314 14.9953C7.36314 14.9858 7.36314 14.9764 7.36314 14.967C7.36314 14.882 7.36314 14.797 7.36793 14.712C8.59585 14.5278 9.88133 14.4853 11.2052 14.5892C13.4691 14.7686 15.8482 15.3778 18.2753 16.4025L19.4984 13.5975C16.7596 12.4406 14.0591 11.7511 11.4594 11.548C10.2555 11.4536 9.07551 11.4583 7.92433 11.5717C8.45675 9.94248 9.3585 8.47858 10.5241 7.26497C10.5241 7.26497 10.5289 7.26497 10.5337 7.26497C12.6345 5.08801 15.5988 3.73272 18.8892 3.73272C22.1797 3.73272 25.1487 5.08801 27.2448 7.26969C27.2448 7.26969 27.2496 7.26969 27.2544 7.26969C29.1922 9.28137 30.3866 11.9919 30.4106 14.9764C30.4106 14.9858 30.4106 14.9953 30.4106 15.0047C30.4106 15.0047 30.4106 15.0095 30.4106 15.0142C30.4106 15.0331 30.4106 15.052 30.4106 15.0708C30.4106 15.1464 30.4106 15.222 30.4106 15.2975C29.1826 15.4817 27.8924 15.5242 26.5733 15.4203C24.3094 15.2408 21.9303 14.6317 19.5032 13.6069L18.2801 16.412C21.0189 17.5689 23.7194 18.2584 26.3191 18.4614C27.5374 18.5559 28.7318 18.5464 29.8925 18.4331C29.3889 20.0386 28.5303 21.4931 27.4079 22.7067L27.4031 22.6973Z" fill="white"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_848_3">
+        <rect width="206.971" height="28.6452" fill="white" transform="translate(0.105957 0.677429)"/>
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default OverlayLogo;
-Original file line number
+Diff line change
@@ Expand Up / @@ -22,3 +22,5 @@ dist-ssr @@
     *.njsproj
     *.sln
     *.sw?
+    repopack-output.txt
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<html lang=en><title>Overlay</title><style data-styled=active data-styled-version=5.3.3>.ftItpb{box-sizing:border-box;margin:0;min-width:0;height:100vh}.blzcfD{display:flex}.iQFrSA{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.doZgwo{border:1px solid #71ceff;border-radius:8px;box-shadow:0 0 12px #5b60a4;padding:16px 16px 24px;background:#1b2131;margin:auto;max-width:400px}.kkmkRg{background-color:#202431;height:100%;min-height:100vh;width:100vw}</style><style data-emotion=css>.css-1hj2b1d{box-sizing:border-box;margin:0;min-width:0;font-family:Inter,sans-serif;font-size:20px;font-weight:700;color:#f2f2f2;text-align:center}</style><style data-emotion=css>.css-7epyd3{box-sizing:border-box;margin:0;min-width:0;font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#f2f2f2;text-align:center;margin-top:12px}</style><style data-emotion=css>.css-o9mwvj{box-sizing:border-box;margin:0;min-width:0;font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#12b4ff}</style><div id=root><div class="App__AppWrapper-sc-ctinqo-0 kkmkRg"><div class="blzcfD iQFrSA sc-crHmcD sc-fotOHu sc-hBUSln ftItpb"height=100vh><div class="blzcfD iQFrSA sc-crHmcD sc-fotOHu sc-hBUSln dIEWdW doZgwo sc-bkkeKt"><div class="pMYFq sc-bdvvtL css-1hj2b1d">Service Not Available In Your Region</div><div class="pMYFq sc-bdvvtL css-7epyd3">For compliance reasons, service is not available in your region.</div><div class="pMYFq sc-bdvvtL css-7epyd3">Use of Tor, VPN, proxies or other means to circumvent this restriction is a violation of our<a class="iLznir sc-iCfMLu"href=https://overlay.market/#/tos rel="noopener noreferrer"target=_blank><div class="pMYFq sc-bdvvtL css-o9mwvj">Terms of Service.</div></a></div></div></div></div></div>