diff --git a/website/static/assets/gifs/buy.gif b/website/static/assets/gifs/buy.gif
new file mode 100644
index 00000000..fc01dc79
Binary files /dev/null and b/website/static/assets/gifs/buy.gif differ
diff --git a/website/static/assets/gifs/delist.gif b/website/static/assets/gifs/delist.gif
new file mode 100644
index 00000000..b0016577
Binary files /dev/null and b/website/static/assets/gifs/delist.gif differ
diff --git a/website/static/assets/gifs/list.gif b/website/static/assets/gifs/list.gif
new file mode 100644
index 00000000..daa3d26c
Binary files /dev/null and b/website/static/assets/gifs/list.gif differ
diff --git a/website/static/assets/gifs/search.gif b/website/static/assets/gifs/search.gif
new file mode 100644
index 00000000..52694915
Binary files /dev/null and b/website/static/assets/gifs/search.gif differ
diff --git a/website/static/assets/gifs/upload.gif b/website/static/assets/gifs/upload.gif
new file mode 100644
index 00000000..f99c4c59
Binary files /dev/null and b/website/static/assets/gifs/upload.gif differ
diff --git a/website/static/assets/js/custom.js b/website/static/assets/js/custom.js
new file mode 100644
index 00000000..84799e95
--- /dev/null
+++ b/website/static/assets/js/custom.js
@@ -0,0 +1,9 @@
+document.addEventListener("DOMContentLoaded", function() {
+    var navLinks = document.querySelectorAll("nav a");
+
+    navLinks.forEach(function(link) {
+        if (link.href.startsWith("http") && !link.href.includes(window.location.hostname)) {
+            link.setAttribute("target", "_blank");
+        }
+    });
+});
\ No newline at end of file
diff --git a/website/static/assets/js/mathjax.js b/website/static/assets/js/mathjax.js
new file mode 100644
index 00000000..06dbf38b
--- /dev/null
+++ b/website/static/assets/js/mathjax.js
@@ -0,0 +1,16 @@
+window.MathJax = {
+  tex: {
+    inlineMath: [["\\(", "\\)"]],
+    displayMath: [["\\[", "\\]"]],
+    processEscapes: true,
+    processEnvironments: true
+  },
+  options: {
+    ignoreHtmlClass: ".*|",
+    processHtmlClass: "arithmatex"
+  }
+};
+
+document$.subscribe(() => {
+  MathJax.typesetPromise()
+})
diff --git a/website/static/assets/logo.svg b/website/static/assets/logo.svg
new file mode 100644
index 00000000..4c0985ed
--- /dev/null
+++ b/website/static/assets/logo.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1224 432" style="enable-background:new 0 0 1224 432;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g id="Layer_1_1_">
+</g>
+<g id="Layer_2_1_">
+	<g>
+		<g>
+			<g>
+				<g>
+					<path class="st0" d="M1004,246.5c-13.2-13.3-19.9-36.2-19.9-68.5s6.5-55.2,19.7-68.6s38.1-20.2,74.7-20.2l117.5-0.1l-45.8-57.7
+						l-73.9,0.1c-59.1,0.1-102.1,11.9-128.9,35.6c-12.3,10.6-21.6,24.4-28.2,40.7c7.4,20,11.1,43.5,11.1,70.3s-3.7,50.2-11,70.3
+						c6.7,16.3,16,30,28.3,40.7c26.9,23.5,69.9,35.3,129,35.2l68.4-0.1l45.3-57.8l-111.6,0.1C1042.2,266.5,1017.3,259.8,1004,246.5z
+						"/>
+					<path class="st0" d="M686.2,31.8l-52.1,0.1h-14.5c-13.8,0.2-25.7,6.6-35.7,19.4L528,122.4l-56-71
+						c-10.3-12.9-22.2-19.3-35.8-19.3h-43.9c-7.5,0-11.2,3.1-11.2,9.4c0,3.1,1.4,6.5,4.3,10l97.1,122.8L379.7,305.8
+						c-2.9,3.7-4.3,7-4.3,10c0.8,6.1,4.6,9.2,11.4,9.2h43.5c13.6,0,25.5-6.4,35.5-19.2l62.2-79.5l62.4,79.4
+						c10.1,12.8,21.9,19.2,35.6,19.2l66-0.1L573.6,174.3L686.2,31.8z"/>
+					<path class="st0" d="M877.8,289.1c12.3-10.8,21.6-24.5,28.2-40.8c2.6-6.4,4.9-13.1,6.6-20.3c3.6-14.9,5.4-31.5,5.4-49.9
+						s-1.9-35.1-5.5-49.9c-1.8-7.2-4.1-14-6.7-20.3c-6.7-16.3-16-30-28.3-40.8c-26.9-23.6-69.9-35.4-129-35.3h-46.7l-45.7,57.9
+						l90.2-0.1c36.6,0,61.6,6.6,74.8,20s19.9,36.3,19.9,68.6s-6.5,55.2-19.7,68.5c-13.2,13.4-38.1,20.1-74.7,20.1l-84.4,0.1
+						l45.5,57.7h41.2C808,324.6,850.9,312.7,877.8,289.1z"/>
+					<polygon class="st0" points="648.3,248.7 648.1,100.2 589.7,174.5 					"/>
+					<path class="st0" d="M1105.2,368.4l22.2-22.7c0.4-0.4,0.5-1.1,0.3-1.6c-0.2-0.6-0.8-0.9-1.4-0.9h-7.9c-0.4,0-0.8,0.2-1.1,0.5
+						l-28.4,29.6v-28.6c0-0.8-0.7-1.5-1.5-1.5h-6.1c-0.8,0-1.5,0.7-1.5,1.5l0.1,54.1c0,0.8,0.7,1.5,1.5,1.5h6.1
+						c0.8,0,1.5-0.7,1.5-1.5v-13.9l9.9-10l19.7,24.8c0.3,0.4,0.7,0.6,1.2,0.6h7.6c0.6,0,1.1-0.3,1.3-0.8c0.2-0.5,0.2-1.1-0.2-1.6
+						L1105.2,368.4z"/>
+					<path class="st0" d="M1054.2,377.7c1.4-0.4,2.7-0.9,3.9-1.5c1.9-0.9,3.6-2.1,5.1-3.6c1.4-1.4,2.6-3.2,3.4-5.1
+						c0.8-2,1.2-4.2,1.2-6.6c0-2.6-0.5-5.1-1.5-7.2c-1-2.2-2.5-4.1-4.3-5.6s-4.1-2.7-6.6-3.6c-2.5-0.8-5.4-1.2-8.5-1.2h-23.2
+						c-0.8,0-1.5,0.7-1.5,1.5l0.1,54.1c0,0.8,0.7,1.5,1.5,1.5h6.1c0.8,0,1.5-0.7,1.5-1.5v-19.5h13.2l15.2,20.4
+						c0.3,0.4,0.7,0.6,1.2,0.6h7.5c0.6,0,1.1-0.3,1.3-0.8c0.3-0.5,0.2-1.1-0.1-1.6L1054.2,377.7z M1046.3,370.9h-15.1v-19h15.2
+						c4,0,7.2,0.8,9.3,2.5c2.1,1.6,3.1,3.8,3.1,6.8c0,1.5-0.3,2.9-0.9,4.1c-0.6,1.2-1.4,2.2-2.5,3c-1.1,0.8-2.4,1.5-3.9,2
+						C1049.9,370.7,1048.1,370.9,1046.3,370.9z"/>
+					<path class="st0" d="M1006.2,351.1c-2.5-2.7-5.6-4.8-9.2-6.4c-3.6-1.6-7.5-2.4-11.8-2.4s-8.3,0.8-11.9,2.4
+						c-3.6,1.6-6.7,3.8-9.2,6.5s-4.5,5.9-5.9,9.4s-2.1,7.3-2.1,11.2c0,3.9,0.7,7.7,2.1,11.2c1.4,3.5,3.4,6.7,5.9,9.4
+						c2.6,2.7,5.6,4.8,9.2,6.4c3.6,1.6,7.5,2.4,11.8,2.4s8.3-0.8,11.9-2.4c3.6-1.6,6.7-3.8,9.2-6.5s4.5-5.9,5.9-9.4
+						s2.1-7.3,2.1-11.3c0-3.9-0.7-7.7-2.1-11.2C1010.7,357,1008.7,353.8,1006.2,351.1z M1003.4,380c-1,2.5-2.3,4.7-4.1,6.6
+						c-1.7,1.8-3.8,3.3-6.2,4.4s-5,1.6-7.9,1.6s-5.5-0.5-7.9-1.6s-4.5-2.6-6.3-4.5s-3.2-4.1-4.1-6.6c-1-2.5-1.5-5.3-1.5-8.2
+						c0-2.9,0.5-5.6,1.5-8.1s2.3-4.7,4.1-6.6c1.7-1.8,3.8-3.3,6.2-4.4s5.1-1.6,7.9-1.6c2.9,0,5.5,0.5,7.9,1.6s4.5,2.6,6.3,4.4
+						s3.1,4.1,4.1,6.6c1,2.6,1.5,5.3,1.5,8.2C1004.8,374.8,1004.3,377.5,1003.4,380z"/>
+					<path class="st0" d="M951.7,343.4L951.7,343.4h-6.4c-0.6,0-1.2,0.4-1.4,1l-14,40.8l-13.5-40.9c-0.2-0.6-0.8-1-1.4-1h-5
+						c-0.6,0-1.2,0.4-1.4,1l-13.4,40.9l-14-40.8c-0.2-0.6-0.8-1-1.4-1h-6.6c-0.5,0-0.9,0.2-1.2,0.6s-0.3,0.9-0.2,1.4l19.4,54.4
+						c0.2,0.6,0.8,1,1.4,1h5.1c0.6,0,1.2-0.4,1.4-1l13.4-39.7l13.3,39.7c0.2,0.6,0.8,1,1.4,1h5.2c0.6,0,1.2-0.4,1.4-1l19.2-54.3
+						c0.1-0.2,0.2-0.4,0.2-0.7C953.1,344,952.5,343.4,951.7,343.4z"/>
+					<path class="st0" d="M865.7,343.5h-42.4c-0.8,0-1.5,0.7-1.5,1.5v5.6c0,0.8,0.7,1.5,1.5,1.5h16.6L840,399c0,0.8,0.7,1.5,1.5,1.5
+						h6.1c0.8,0,1.5-0.7,1.5-1.5l-0.1-46.9h16.6c0.8,0,1.5-0.7,1.5-1.5V345C867.2,344.1,866.5,343.5,865.7,343.5z"/>
+					<path class="st0" d="M814.9,392H783v-15.9h28c0.8,0,1.5-0.7,1.5-1.5V369c0-0.8-0.7-1.5-1.5-1.5h-28V352h31.5
+						c0.8,0,1.5-0.7,1.5-1.5v-5.6c0-0.8-0.7-1.5-1.5-1.5h-39.1c-0.8,0-1.5,0.7-1.5,1.5L774,399c0,0.8,0.7,1.5,1.5,1.5H815
+						c0.8,0,1.5-0.7,1.5-1.5v-5.6C816.4,392.7,815.8,392,814.9,392z"/>
+					<path class="st0" d="M760.1,343.6h-5.9c-0.8,0-1.5,0.7-1.5,1.5v39l-31.4-39.9c-0.3-0.4-0.7-0.6-1.2-0.6h-5.7
+						c-0.8,0-1.5,0.7-1.5,1.5l0.1,54.1c0,0.8,0.7,1.5,1.5,1.5h5.9c0.8,0,1.5-0.7,1.5-1.5v-40l32.3,40.9c0.3,0.4,0.7,0.6,1.2,0.6h4.9
+						c0.8,0,1.5-0.7,1.5-1.5l-0.1-54.1C761.6,344.2,761,343.6,760.1,343.6z"/>
+				</g>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g id="Shape_1_3_">
+					<g>
+						<path class="st0" d="M321.1,163.9C287.4-31.3,32.6,6.5,28,163.9c14.7,7.6,23.9,12.3,23.9,12.3s-7.8,4.7-24.1,15.1
+							c29.5,191.3,280,163.5,293.3-0.3c-15.9-9.8-24.6-14.9-24.6-14.9S303.9,172.5,321.1,163.9z M195.7,232l-23.9-41.1L147.5,232
+							l-18.4-1.3l34.6-58.3l-31.2-50.3l18.8-1.7l22.2,37.3l22.2-35.6l17.5,0.4l-29,49.5l32,59.5L195.7,232z"/>
+					</g>
+				</g>
+			</g>
+			<g id="Shape_1_2_">
+				<g>
+					<path class="st0" d="M309.2,156.2c-45.6-173.4-255-126.5-269.3,0c29,16.3,35.6,20.2,35.6,20.2s-11.2,7.2-35.7,22.7
+						c31.2,166.7,257,134.7,269.4-0.2c-22.8-14.3-36.2-22.6-36.2-22.6S303.7,159.2,309.2,156.2z M195.7,232.2l-23.9-41.1l-24.3,41.1
+						l-18.4-1.3l34.6-58.3l-31.2-50.3l18.8-1.7l22.2,37.3l22.2-35.6l17.5,0.4l-29,49.5l32,59.5L195.7,232.2z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/website/static/assets/style/components/banner.css b/website/static/assets/style/components/banner.css
new file mode 100644
index 00000000..fb657033
--- /dev/null
+++ b/website/static/assets/style/components/banner.css
@@ -0,0 +1,22 @@
+.md-banner {
+    background-color: var(--doc-support-warning-1);
+    text-align: center;
+    color: var(--doc-text-on-color);
+}
+
+.md-banner a {
+    color: var(--doc-text-on-color);
+    font-weight: 700;
+    text-decoration: underline;
+}
+
+.md-banner a:focus,
+.md-banner a:hover {
+    color: var(--doc-text-brand);
+}
+
+.md-banner__inner {
+    font-size: 14px;
+    line-height: 20px;
+    margin: 10px auto;
+}
diff --git a/website/static/assets/style/components/content.css b/website/static/assets/style/components/content.css
new file mode 100644
index 00000000..9e30dc4e
--- /dev/null
+++ b/website/static/assets/style/components/content.css
@@ -0,0 +1,230 @@
+.md-content .md-content__inner {
+    margin-left: 0;
+    margin-right: 0;
+}
+
+.section-head {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+    margin-bottom: 40px;
+}
+
+.section-head h1 {
+    color: var(--doc-text-primary);
+    font-size: 32px;
+    font-weight: 700;
+    line-height: 1.25;
+    margin-bottom: 0;
+}
+
+.section-head p {
+    color: var(--doc-text-primary);
+    font-size: 16px;
+    line-height: 1.5;
+    margin: 0;
+}
+
+.section-head .left {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    align-items: flex-start;
+    flex: 1;
+    min-width: 0;
+}
+
+.section-head .image {
+    width: 400px;
+    aspect-ratio: 659/323;
+}
+
+.version-tag {
+    padding: 2px 4px;
+    border-radius: 4px;
+    background: var(--doc-layer-inverse);
+    color: var(--doc-text-on-color);
+    font-size: 12px;
+    line-height: 16px;
+    width: max-content;
+}
+
+.section-body {
+    padding-top: 40px;
+    border-top: 1px solid var(--doc-border-3);
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+    padding-bottom: 60px;
+}
+
+.section-body a {
+    border: 1px solid var(--doc-border-3);
+    background: var(--doc-layer-2);
+    padding: 16px;
+    border-radius: 8px;
+    transition: all 0.15s;
+    flex: 32%;
+    width: 32%;
+}
+
+.section-body > a:active,
+.section-body > a:hover {
+    background: var(--doc-layer-4);
+    text-decoration: none;
+}
+
+.section-body a div {
+    color: var(--doc-text-primary);
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 24px;
+    margin-bottom: 4px;
+}
+
+.section-body div + p {
+    color: var(--doc-text-secondary);
+    font-weight: 400;
+    line-height: 20px;
+    font-size: 14px;
+    margin: 0;
+}
+
+.home-hero img {
+    margin-bottom: 48px;
+    width: 100%;
+    aspect-ratio: 840/240;
+    object-fit: cover;
+    border-radius: 12px;
+    background: var(--doc-layer-4);
+}
+
+.md-main__inner {
+    margin-top: 0;
+    flex: 1;
+}
+
+.md-content {
+    min-height: 100%;
+}
+
+.md-content__inner {
+    padding-top: 38px;
+    padding-bottom: 40px;
+}
+
+.md-content__inner:before {
+    height: 2px;
+}
+
+.md-sidebar {
+    width: 200px;
+    padding: 52px 0;
+}
+
+.md-main {
+    display: flex;
+    flex-direction: column;
+}
+
+.doc-announce {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.doc-announce > a {
+    border-radius: 8px;
+    border: 1px solid var(--doc-border-3);
+    background: var(--doc-layer-2);
+    padding: 16px 32px;
+    transition: all .15s;
+    display: flex;
+    gap: 20px;
+    align-items: center;
+}
+
+.doc-announce > a > div {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+
+.announce-title {
+    color: var(--doc-text-primary);
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 20px;
+}
+
+.announce-desc {
+    color: var(--doc-text-secondary);
+    font-size: 12px;
+    line-height: 16px;
+}
+
+.announce-date {
+    font-size: 12px;
+    line-height: 16px;
+    color: var(--doc-text-secondary);
+}
+
+.doc-announce > a:hover {
+    background: var(--doc-layer-4);
+    text-decoration: none;
+}
+
+.doc-announce-info > span {
+    margin-right: 20px;
+}
+
+.doc-announce-info .announce-date {
+    font-size: 14px;
+}
+
+@media (max-width: 767px) {
+    .doc-announce > a {
+        flex-direction: column;
+        align-items: flex-start;
+        padding: 16px;
+    }
+
+    .section-body a {
+        flex: 100%;
+        width: 100%;
+    }
+
+    .section-body {
+        padding-top: 24px;
+    }
+
+    .section-head {
+        flex-direction: column;
+    }
+
+    .section-head .image {
+        max-width: 100%;
+    }
+}
+
+@media screen and (min-width: 76.25em) {
+    [dir=ltr] .md-sidebar--primary:not([hidden]) ~ .md-content > .md-content__inner {
+        margin-left: 40px;
+    }
+
+    [dir=ltr] .md-sidebar--secondary:not([hidden]) ~ .md-content > .md-content__inner,
+    [dir=rtl] .md-sidebar--primary:not([hidden]) ~ .md-content > .md-content__inner {
+        margin-right: 40px;
+    }
+
+    .md-sidebar--primary:not([hidden]) ~ .md-content {
+        border-left: 1px solid var(--doc-border-3);
+    }
+
+    .md-sidebar--primary[hidden] + .md-sidebar--secondary[hidden] ~ .md-content {
+        max-width: 840px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+}