chore: del useless files

author: 简律纯 <i@jyunko.cn> 2023-11-03 21:28:04 +0800
committer: 简律纯 <i@jyunko.cn> 2023-11-03 21:28:04 +0800
commit: c71c4be506023df2bc3bb7b24ac25d2aef12f649 (patch)
tree: f76f4d17895a83eff485aed21a3a1460da7a27f5 /site/public/images/docs
parent: 9029588590bea8b10451575c5142dcde77ecd1b5 (diff)
download: HydroRoll-c71c4be506023df2bc3bb7b24ac25d2aef12f649.tar.gz
HydroRoll-c71c4be506023df2bc3bb7b24ac25d2aef12f649.zip
69 files changed, 1376 insertions, 0 deletions
diff --git a/site/public/images/docs/AI/_repo-hero-logo-light.svg b/site/public/images/docs/AI/_repo-hero-logo-light.svg
new file mode 100644
index 0000000..ed2b023
--- /dev/null
+++ b/site/public/images/docs/AI/_repo-hero-logo-light.svg
@@ -0,0 +1,21 @@
+<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="84" height="84" rx="42" fill="white"/>
+<path d="M41.8878 27.9263C34.1892 27.9263 27.9258 34.1897 27.9258 41.8883C27.9258 49.5869 34.1892 55.8503 41.8878 55.8503C49.5864 55.8503 55.8498 49.5869 55.8498 41.8883C55.8498 34.1897 49.5864 27.9263 41.8878 27.9263ZM41.8878 49.1137C37.8968 49.1137 34.6624 45.8793 34.6624 41.8883C34.6624 37.8973 37.8968 34.6629 41.8878 34.6629C45.8788 34.6629 49.1132 37.8973 49.1132 41.8883C49.1132 45.8793 45.8788 49.1137 41.8878 49.1137Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M43.0581 25.6329V20.4199C54.3889 21.0257 63.3901 30.4065 63.3901 41.8881C63.3901 53.3697 54.3889 62.7479 43.0581 63.3563V58.1433C51.5029 57.5401 58.1901 50.4837 58.1901 41.8881C58.1901 33.2925 51.5029 26.2361 43.0581 25.6329ZM29.5745 52.5481C27.3359 49.9637 25.8929 46.6721 25.6355 43.0581H20.4199C20.6903 48.1151 22.7131 52.7041 25.8825 56.2375L29.5719 52.5481H29.5745ZM40.7182 63.3563V58.1433C37.1016 57.8859 33.81 56.4455 31.2256 54.2043L27.5362 57.8937C31.0722 61.0657 35.6612 63.0859 40.7156 63.3563H40.7182Z" fill="url(#paint0_linear_967_9048)"/>
+<rect x="0.5" y="0.5" width="83" height="83" rx="41.5" stroke="url(#paint1_radial_967_9048)" stroke-opacity="0.15"/>
+<rect x="0.5" y="0.5" width="83" height="83" rx="41.5" stroke="url(#paint2_linear_967_9048)" stroke-opacity="0.5"/>
+<defs>
+<linearGradient id="paint0_linear_967_9048" x1="43.9007" y1="23.4388" x2="22.7679" y2="44.5716" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0096FF"/>
+<stop offset="1" stop-color="#FF1E56"/>
+</linearGradient>
+<radialGradient id="paint1_radial_967_9048" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(42) rotate(90) scale(108)">
+<stop/>
+<stop offset="1"/>
+</radialGradient>
+<linearGradient id="paint2_linear_967_9048" x1="0" y1="0" x2="18.375" y2="34.125" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/public/images/docs/AI/jared-signature-dark.svg b/site/public/images/docs/AI/jared-signature-dark.svg
new file mode 100644
index 0000000..eec1dbe
--- /dev/null
+++ b/site/public/images/docs/AI/jared-signature-dark.svg
@@ -0,0 +1,21 @@
+<svg width="360" height="200" viewBox="60 -100 800 600" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#glow)" >
+  <path stroke-width="3" stroke-linecap="round" fill-rule="evenodd" clip-rule="evenodd" d="M413.345 0.835073C388.969 5.67207 353.221 31.7291 321.876 67.5071C284.01 110.729 257.017 159.743 241.034 211.309C233.439 236.288 230.91 254.413 230.91 283.862C230.91 318.124 233.891 336.239 242.355 353.398C251.411 371.76 262.821 376.881 277.22 369.044C290.63 361.745 300.117 343.075 304.778 314.809C308.802 290.409 309.381 279.284 309.396 226.023C309.411 172.445 309.37 171.928 305.312 173.485C303.334 174.244 303.049 177.209 301.915 208.809C299.285 282.076 298.185 297.85 294.383 316.809C289.86 339.36 281.3 353.772 270.16 357.591C265.163 359.304 261.864 357.608 257.603 351.138C250.331 340.096 246.526 322.692 245.354 295.116C243.381 248.667 253.06 208.371 278.456 157.309C304.648 104.646 345.178 55.6871 383.41 30.5271C400.484 19.2901 411.821 14.8091 423.175 14.8091C429.692 14.8091 430.31 15.0091 433.42 18.1191C438.415 23.1141 439.425 27.9471 439.31 46.3091C439.197 64.6011 437.474 74.4191 430.958 93.9081C421.738 121.483 403.851 152.208 381.547 178.781C377.636 183.44 368.799 193.115 361.909 200.281C355.018 207.446 346.85 216.485 343.756 220.367C340.663 224.248 335.783 229.536 332.913 232.117C330.042 234.697 327.952 236.809 328.268 236.809C328.584 236.809 333.372 235.052 338.908 232.905C352.416 227.667 360.453 222.244 372.4 210.307C411.616 171.122 441.745 119.829 450.927 76.6191C454.064 61.8531 455.357 44.6971 454.12 34.2371C451.908 15.5261 445.68 5.70007 433.212 1.25307C429.046 -0.232927 419.716 -0.428927 413.345 0.835073ZM505.752 48.3331C493.988 54.7221 458.125 125.631 439.823 178.687C434.647 193.691 432.887 200.699 431.944 210.055L431.162 217.801L423.286 227.499C409.759 244.155 380.317 272.809 376.729 272.809C372.567 272.809 385.931 229.244 393.904 216.819C398.018 210.408 401.162 208.451 407.132 208.587C411.34 208.683 411.809 208.491 411.007 207.002C409.386 203.996 405.316 200.786 401.875 199.799C393.876 197.505 383.998 204.404 377.454 216.856C372.874 225.573 365.652 247.354 362.957 260.58C359.141 279.306 360.779 287.943 368.418 289.377C374.269 290.474 378.531 289.215 386.188 284.125C394.932 278.314 419.069 254.974 431.39 240.417C440.291 229.9 440.405 229.809 444.779 229.809C447.325 229.809 451.057 228.877 453.603 227.605C459.49 224.665 471.803 213.08 480.335 202.453C484.145 197.708 487.418 193.984 487.61 194.175C487.801 194.367 487.05 198.419 485.94 203.179C480.919 224.713 480.5 227.525 480.455 239.965C480.41 252.619 480.41 252.62 483.481 256.465C489.948 264.561 499.114 266.046 509.764 260.724C514.201 258.507 518.835 254.71 526.24 247.224C531.906 241.496 536.8 236.809 537.115 236.809C537.43 236.809 537.973 238.334 538.323 240.197C539.717 247.628 548.255 251.985 557.332 249.897C564.41 248.269 577.067 239.437 589.778 227.257C595.775 221.511 600.846 216.809 601.046 216.809C601.246 216.809 601.413 219.622 601.416 223.059C601.424 231.301 604.182 235.984 610.438 238.373C618.704 241.53 627.936 238.608 641.287 228.61L648.046 223.548L651.228 226.567C656.742 231.798 660.558 233.161 670.91 233.599C682.261 234.079 690.421 232.253 710.91 224.648C735.98 215.342 750.902 206.799 754.796 199.523C755.636 197.952 758.657 195.853 762.779 193.976C769.309 191.002 777.771 188.337 778.468 189.034C778.665 189.23 777.5 193.197 775.881 197.85C766.151 225.806 780.105 239.898 822.913 245.347C833.787 246.731 841.496 246.946 864.824 246.515C880.546 246.224 896.785 245.478 900.91 244.856C931.623 240.228 941.65 238.762 950.41 237.616L960.41 236.309L936.41 235.733C904.437 234.966 855.089 233.012 835.91 231.753C811.418 230.145 798.06 226.725 791.003 220.253C787.752 217.272 787.427 216.499 787.593 212.134C787.693 209.48 789.156 203.584 790.843 199.03C794.255 189.821 794.579 186.347 792.494 181.355C788.507 171.813 774.961 172.019 754.152 181.937C747.448 185.133 745.395 186.667 743.238 190.091C740.011 195.215 739.366 195.729 729.91 200.697C720.464 205.66 705.449 211.651 691.939 215.849C679.401 219.744 666.302 220.379 662.855 217.259C661.785 216.291 660.91 214.959 660.91 214.3C660.91 213.64 664.173 210.222 668.16 206.705C681.321 195.095 686.612 188.667 694.792 174.351C700.687 164.033 701.374 159.533 697.596 155.983C692.864 151.538 685.21 153.646 674.197 162.426C659.587 174.075 649.659 188.948 646.491 203.928C645.531 208.47 623.39 224.782 618.16 224.801C615.009 224.812 615.18 221.043 618.976 206.883C620.857 199.866 621.791 194.465 621.396 192.883C620.334 188.625 617.99 186.809 613.555 186.809C609.648 186.809 608.961 187.368 593.46 203.145C573.329 223.635 558.651 235.809 554.077 235.809C551.539 235.809 553.269 224.302 557.779 211.189C560.051 204.584 561.91 197.746 561.91 195.994C561.91 189.822 554.792 186.556 550.065 190.559C548.929 191.522 545.511 196.743 542.469 202.162C535.153 215.196 529.612 222.832 520.196 232.854C509.354 244.394 503.572 248.809 499.299 248.809C496.583 248.809 495.623 248.272 494.695 246.237C493.088 242.709 494.831 229.497 499.513 209.719C502.201 198.366 503.194 191.88 503.286 185.085C503.404 176.3 503.28 175.73 500.687 173.135C497.255 169.698 492.675 169.555 487.55 172.723C485.491 173.995 479.387 180.497 473.985 187.173C463.938 199.586 457.625 206.264 459.679 202.303C460.251 201.2 462.807 196.765 465.359 192.449C479.759 168.092 497.065 128.26 510.604 88.3091C518.551 64.8611 520.314 56.7111 518.419 52.1761C516.228 46.9311 511.162 45.3941 505.752 48.3331ZM156.587 58.6131C155.689 59.6061 148.375 71.4181 140.334 84.8631C113.196 130.241 98.8962 149.891 79.1192 168.982C66.0792 181.57 65.1312 182.972 67.3622 186.376C71.2302 192.279 81.1062 187.686 95.4102 173.332C109.238 159.456 124.459 138.81 141.871 110.309C151.578 94.4201 152.236 93.7561 151.273 100.809C149.165 116.256 150.8 198.99 153.461 211.527C153.893 213.561 153.085 213.999 143.671 216.836C102.501 229.242 91.0842 234.21 62.0742 252.347C26.5362 274.563 6.66321 294.302 1.25121 312.757C-1.02779 320.526 -0.11479 332.444 3.34921 340.163C13.4142 362.587 36.3432 382.18 62.9102 391.058C75.2802 395.191 81.7822 396.239 94.9102 396.215C121.847 396.166 140.427 389.563 154.911 374.893C165.767 363.899 173.815 345.324 175.996 326.232C177.804 310.404 176.116 280.828 170.921 237.309C165.646 193.117 165.408 189.058 165.448 143.809C165.477 109.481 165.846 97.1271 167.198 85.2191C169.533 64.6401 169.465 62.2731 166.455 59.2641C163.529 56.3371 158.922 56.0331 156.587 58.6131ZM489.068 100.496C479.009 120.422 463.238 156.364 457.862 171.615C449.053 196.601 469.615 154.582 484.483 117.212C492.968 95.8851 494.84 89.0631 489.068 100.496ZM147.91 218.506C145.435 219.946 136.66 225.253 128.41 230.298C120.16 235.344 107.251 242.907 99.7222 247.104C49.5822 275.059 26.1852 293.569 16.6712 312.809C11.1442 323.986 15.6082 337.944 29.4002 352.605C43.4562 367.547 60.4042 376.854 80.8962 380.886C89.7312 382.624 110.389 381.522 119.907 378.805C139.327 373.261 151.189 361.508 158.165 340.896L161.41 331.309L161.309 305.309C161.222 282.966 160.765 275.512 158.06 252.309C153.991 217.41 153.769 215.802 153.031 215.848C152.69 215.869 150.385 217.065 147.91 218.506ZM221.619 231.433C219.808 233.244 221.025 236.817 223.97 238.34L227.031 239.923L226.72 235.616C226.472 232.167 226.003 231.251 224.369 231.017C223.246 230.856 222.009 231.044 221.619 231.433Z" fill="url(#paint0_linear_3_1553)"></path>
+ </g>
+ <defs>
+    <filter id="glow" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" width="2000" height="750">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
+      <feColorMatrix in="SourceAlpha" type="matrix" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"></feColorMatrix>
+      <feOffset dy="4" />
+      <feGaussianBlur stdDeviation="35" />
+      <feComposite in2="hardAlpha" operator="out" />
+      <feColorMatrix type="matrix" values="0 0 0 0 0.941176 0 0 0 0 0.14902 0 0 0 0 0.384314 0 0 0 1 0" />
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_926_5906" />
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_926_5906" result="shape" />
+    </filter>
+    <linearGradient id="paint0_linear_3_1553" x1="480.205" y1="0" x2="480.205" y2="396.215" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#0096FF"></stop>
+      <stop offset="1" stop-color="#FF1E56"></stop>
+    </linearGradient>
+  </defs>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/AI/jared-signature-light.svg b/site/public/images/docs/AI/jared-signature-light.svg
new file mode 100644
index 0000000..fb64f21
--- /dev/null
+++ b/site/public/images/docs/AI/jared-signature-light.svg
@@ -0,0 +1,12 @@
+<svg width="961" height="397" viewBox="0 0 961 397" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M413.345 0.835073C388.969 5.67207 353.221 31.7291 321.876 67.5071C284.01 110.729 257.017 158.743 241.034 211.309C233.439 236.288 230.91 254.413 230.91 283.862C230.91 318.124 233.891 336.239 242.355 353.398C251.411 371.76 262.821 376.881 277.22 369.044C290.63 361.745 300.117 343.075 304.778 314.809C308.802 290.409 309.381 279.284 309.396 226.023C309.411 172.445 309.37 171.928 305.312 173.485C303.334 174.244 303.049 177.209 301.915 208.809C299.285 282.076 298.185 297.85 294.383 316.809C289.86 339.36 281.3 353.772 270.16 357.591C265.163 359.304 261.864 357.608 257.603 351.138C250.331 340.096 246.526 322.692 245.354 295.116C243.381 248.667 253.06 208.371 278.456 157.309C304.648 104.646 345.178 55.6871 383.41 30.5271C400.484 19.2901 411.821 14.8091 423.175 14.8091C429.692 14.8091 430.31 15.0091 433.42 18.1191C438.415 23.1141 439.425 27.9471 439.31 46.3091C439.197 64.6011 437.474 74.4191 430.958 93.9081C421.738 121.483 403.851 152.208 381.547 178.781C377.636 183.44 368.799 193.115 361.909 200.281C355.018 207.446 346.85 216.485 343.756 220.367C340.663 224.248 335.783 229.536 332.913 232.117C330.042 234.697 327.952 236.809 328.268 236.809C328.584 236.809 333.372 235.052 338.908 232.905C352.416 227.667 360.453 222.244 372.4 210.307C411.616 171.122 441.745 119.829 450.927 76.6191C454.064 61.8531 455.357 44.6971 454.12 34.2371C451.908 15.5261 445.68 5.70007 433.212 1.25307C429.046 -0.232927 419.716 -0.428927 413.345 0.835073ZM505.752 48.3331C493.988 54.7221 458.125 125.631 439.823 178.687C434.647 193.691 432.887 200.699 431.944 210.055L431.162 217.801L423.286 227.499C409.759 244.155 380.317 272.809 376.729 272.809C372.567 272.809 385.931 229.244 393.904 216.819C398.018 210.408 401.162 208.451 407.132 208.587C411.34 208.683 411.809 208.491 411.007 207.002C409.386 203.996 405.316 200.786 401.875 199.799C393.876 197.505 383.998 204.404 377.454 216.856C372.874 225.573 365.652 247.354 362.957 260.58C359.141 279.306 360.779 287.943 368.418 289.377C374.269 290.474 378.531 289.215 386.188 284.125C394.932 278.314 419.069 254.974 431.39 240.417C440.291 229.9 440.405 229.809 444.779 229.809C447.325 229.809 451.057 228.877 453.603 227.605C459.49 224.665 471.803 213.08 480.335 202.453C484.145 197.708 487.418 193.984 487.61 194.175C487.801 194.367 487.05 198.419 485.94 203.179C480.919 224.713 480.5 227.525 480.455 239.965C480.41 252.619 480.41 252.62 483.481 256.465C489.948 264.561 499.114 266.046 509.764 260.724C514.201 258.507 518.835 254.71 526.24 247.224C531.906 241.496 536.8 236.809 537.115 236.809C537.43 236.809 537.973 238.334 538.323 240.197C539.717 247.628 548.255 251.985 557.332 249.897C564.41 248.269 577.067 239.437 589.778 227.257C595.775 221.511 600.846 216.809 601.046 216.809C601.246 216.809 601.413 219.622 601.416 223.059C601.424 231.301 604.182 235.984 610.438 238.373C618.704 241.53 627.936 238.608 641.287 228.61L648.046 223.548L651.228 226.567C656.742 231.798 660.558 233.161 670.91 233.599C682.261 234.079 690.421 232.253 710.91 224.648C735.98 215.342 750.902 206.799 754.796 199.523C755.636 197.952 758.657 195.853 762.779 193.976C769.309 191.002 777.771 188.337 778.468 189.034C778.665 189.23 777.5 193.197 775.881 197.85C766.151 225.806 780.105 239.898 822.913 245.347C833.787 246.731 841.496 246.946 864.824 246.515C880.546 246.224 896.785 245.478 900.91 244.856C931.623 240.228 941.65 238.762 950.41 237.616L960.41 236.309L936.41 235.733C904.437 234.966 855.089 233.012 835.91 231.753C811.418 230.145 798.06 226.725 791.003 220.253C787.752 217.272 787.427 216.499 787.593 212.134C787.693 209.48 789.156 203.584 790.843 199.03C794.255 189.821 794.579 186.347 792.494 181.355C788.507 171.813 774.961 172.019 754.152 181.937C747.448 185.133 745.395 186.667 743.238 190.091C740.011 195.215 739.366 195.729 729.91 200.697C720.464 205.66 705.449 211.651 691.939 215.849C679.401 219.744 666.302 220.379 662.855 217.259C661.785 216.291 660.91 214.959 660.91 214.3C660.91 213.64 664.173 210.222 668.16 206.705C681.321 195.095 686.612 188.667 694.792 174.351C700.687 164.033 701.374 159.533 697.596 155.983C692.864 151.538 685.21 153.646 674.197 162.426C659.587 174.075 649.659 188.948 646.491 203.928C645.531 208.47 623.39 224.782 618.16 224.801C615.009 224.812 615.18 221.043 618.976 206.883C620.857 199.866 621.791 194.465 621.396 192.883C620.334 188.625 617.99 186.809 613.555 186.809C609.648 186.809 608.961 187.368 593.46 203.145C573.329 223.635 558.651 235.809 554.077 235.809C551.539 235.809 553.269 224.302 557.779 211.189C560.051 204.584 561.91 197.746 561.91 195.994C561.91 189.822 554.792 186.556 550.065 190.559C548.929 191.522 545.511 196.743 542.469 202.162C535.153 215.196 529.612 222.832 520.196 232.854C509.354 244.394 503.572 248.809 499.299 248.809C496.583 248.809 495.623 248.272 494.695 246.237C493.088 242.709 494.831 229.497 499.513 209.719C502.201 198.366 503.194 191.88 503.286 185.085C503.404 176.3 503.28 175.73 500.687 173.135C497.255 169.698 492.675 169.555 487.55 172.723C485.491 173.995 479.387 180.497 473.985 187.173C463.938 199.586 457.625 206.264 459.679 202.303C460.251 201.2 462.807 196.765 465.359 192.449C479.759 168.092 497.065 128.26 510.604 88.3091C518.551 64.8611 520.314 56.7111 518.419 52.1761C516.228 46.9311 511.162 45.3941 505.752 48.3331ZM156.587 58.6131C155.689 59.6061 148.375 71.4181 140.334 84.8631C113.196 130.241 98.8962 149.891 79.1192 168.982C66.0792 181.57 65.1312 182.972 67.3622 186.376C71.2302 192.279 81.1062 187.686 95.4102 173.332C109.238 159.456 124.459 138.81 141.871 110.309C151.578 94.4201 152.236 93.7561 151.273 100.809C149.165 116.256 150.8 198.99 153.461 211.527C153.893 213.561 153.085 213.999 143.671 216.836C102.501 229.242 91.0842 234.21 62.0742 252.347C26.5362 274.563 6.66321 294.302 1.25121 312.757C-1.02779 320.526 -0.11479 332.444 3.34921 340.163C13.4142 362.587 36.3432 382.18 62.9102 391.058C75.2802 395.191 81.7822 396.239 94.9102 396.215C121.847 396.166 140.427 389.563 154.911 374.893C165.767 363.899 173.815 345.324 175.996 326.232C177.804 310.404 176.116 280.828 170.921 237.309C165.646 193.117 165.408 189.058 165.448 143.809C165.477 109.481 165.846 97.1271 167.198 85.2191C169.533 64.6401 169.465 62.2731 166.455 59.2641C163.529 56.3371 158.922 56.0331 156.587 58.6131ZM489.068 100.496C479.009 120.422 463.238 156.364 457.862 171.615C449.053 196.601 469.615 154.582 484.483 117.212C492.968 95.8851 494.84 89.0631 489.068 100.496ZM147.91 218.506C145.435 219.946 136.66 225.253 128.41 230.298C120.16 235.344 107.251 242.907 99.7222 247.104C49.5822 275.059 26.1852 293.569 16.6712 312.809C11.1442 323.986 15.6082 337.944 29.4002 352.605C43.4562 367.547 60.4042 376.854 80.8962 380.886C89.7312 382.624 110.389 381.522 119.907 378.805C139.327 373.261 151.189 361.508 158.165 340.896L161.41 331.309L161.309 305.309C161.222 282.966 160.765 275.512 158.06 252.309C153.991 217.41 153.769 215.802 153.031 215.848C152.69 215.869 150.385 217.065 147.91 218.506ZM221.619 231.433C219.808 233.244 221.025 236.817 223.97 238.34L227.031 239.923L226.72 235.616C226.472 232.167 226.003 231.251 224.369 231.017C223.246 230.856 222.009 231.044 221.619 231.433Z"
+    fill="url(#paint0_linear_3_1553)" />
+  <defs>
+    <linearGradient id="paint0_linear_3_1553" x1="480.205" y1="0" x2="480.205" y2="396.215"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#0096FF" />
+      <stop offset="1" stop-color="#FF1E56" />
+    </linearGradient>
+  </defs>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/AI/repo-hero-circles-dark.svg b/site/public/images/docs/AI/repo-hero-circles-dark.svg
new file mode 100644
index 0000000..6533be5
--- /dev/null
+++ b/site/public/images/docs/AI/repo-hero-circles-dark.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" width="614" height="614">
+  <defs xmlns="http://www.w3.org/2000/svg">
+		<radialGradient id="radial" gradientUnits="userSpaceOnUse">
+			<stop offset="0" stop-color="#fff"></stop>
+			<stop offset="60%" stop-color="#fff" stop-opacity="0"></stop>
+		</radialGradient>
+	</defs>
+	<circle cx="50" cy="50" r="25" stroke-width=".2" style="fill:none; stroke:rgba(255,255,255,.1);">
+		<animate attributeName="opacity" values="1;0.1;0.1;1" dur="3s" begin="0.2s" repeatCount="indefinite"></animate>
+	</circle>
+  <circle cx="50" cy="50" r="25" stroke-width=".2" style="fill:url(#radial); fill-opacity:.1;">
+		<animate attributeName="opacity" values="1;0.5;0.5;1" dur="3s" repeatCount="indefinite"></animate>
+	</circle><circle cx="50" cy="50" r="45" stroke-width=".2" style="fill:none; stroke:rgba(255,255,255,.1);">
+		<animate attributeName="opacity" values="1;0.1;0.1;1" dur="3s" begin="0.4s" repeatCount="indefinite"></animate>
+	</circle>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/AI/repo-hero-circles-light.svg b/site/public/images/docs/AI/repo-hero-circles-light.svg
new file mode 100644
index 0000000..48c16ee
--- /dev/null
+++ b/site/public/images/docs/AI/repo-hero-circles-light.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" width="614" height="614">
+	<circle
+    cx="50" cy="50" r="25" stroke-width=".2"
+		style="fill:none; stroke:rgba(0,0,0,.1);">
+		<animate attributeName="opacity" values="1;0.1;0.1;1" dur="3s" begin="0.2s" repeatCount="indefinite" />
+	</circle>
+  <circle
+    cx="50" cy="50" r="45" stroke-width=".2"
+		style="fill:none; stroke:rgba(0,0,0,.1);">
+		<animate attributeName="opacity" values="1;0.1;0.1;1" dur="3s" begin="0.4s" repeatCount="indefinite" />
+	</circle>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/AI/repo-hero-logo-dark.svg b/site/public/images/docs/AI/repo-hero-logo-dark.svg
new file mode 100644
index 0000000..971931f
--- /dev/null
+++ b/site/public/images/docs/AI/repo-hero-logo-dark.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 193.2 193.2" style="enable-background:new 0 0 193.2 193.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M96.6,0C43.25,0,0,43.25,0,96.6s43.25,96.6,96.6,96.6c53.35,0,96.6-43.25,96.6-96.6S149.95,0,96.6,0z
+	 M43.21,112.8c-1.44,0.57-3.07-0.13-3.64-1.56c-0.28-0.69-0.26-1.44,0-2.08c2.24-5.61,1.78-11.23,1.36-16.84l-0.85-8.42
+	c-0.21-2.81-0.3-5.61-0.23-8.42c0.16-5.61,1.17-11.23,1.14-16.84c-0.02-5.61-0.29-11.23-1.43-16.84c-0.29-1.44,0.64-2.84,2.08-3.13
+	c1.44-0.29,2.84,0.64,3.13,2.08c0.07,0.35,0.07,0.72,0,1.05c-1.13,5.61-1.41,11.23-1.42,16.84c-0.03,5.61,0.98,11.23,1.14,16.84
+	c0.08,2.81-0.02,5.61-0.23,8.42l-0.85,8.42c-0.41,5.61-0.88,11.23,1.36,16.84C45.35,110.6,44.65,112.23,43.21,112.8z M53.19,137.35
+	c0.04,1.07-0.8,1.98-1.87,2.02c-1.07,0.04-1.98-0.8-2.02-1.87c0-0.05,0-0.1,0-0.14c0.25-6.89,1.81-13.79,1.27-20.68
+	c-0.36-6.89-1.94-13.79-1.83-20.68c-0.08-6.89,1.96-13.79,1.84-20.68c0.05-3.45-0.2-6.89-0.55-10.34
+	c-0.32-3.45-0.57-6.89-0.74-10.34c-0.05-1.07,0.78-1.99,1.85-2.04c1.07-0.05,1.99,0.78,2.04,1.85c0,0.06,0,0.13,0,0.19
+	c-0.16,3.45-0.42,6.89-0.74,10.34c-0.35,3.45-0.59,6.89-0.55,10.34c-0.11,6.89,1.92,13.79,1.84,20.68
+	c0.11,6.89-1.47,13.79-1.83,20.68C51.38,123.57,52.94,130.46,53.19,137.35z M60.94,168.46c-1.44,0.34-2.88-0.54-3.22-1.98
+	c-0.1-0.42-0.09-0.85,0-1.24c1.23-5.14,1.54-10.29,1.63-15.43c0.09-5.14-0.6-10.29-1.03-15.43c-1.05-10.29,0.54-20.58,1.09-30.86
+	c0.79-10.29-1.71-20.57-0.66-30.86c1.37-10.29,1.28-20.58-1.03-30.86c-0.32-1.44,0.58-2.86,2.02-3.19s2.86,0.58,3.19,2.02
+	c0.09,0.39,0.08,0.8,0,1.17c-2.3,10.29-2.4,20.58-1.03,30.86c1.06,10.29-1.44,20.57-0.66,30.86c0.55,10.29,2.14,20.58,1.09,30.86
+	c-0.44,5.14-1.12,10.29-1.03,15.43c0.09,5.14,0.4,10.29,1.63,15.43C63.26,166.67,62.37,168.12,60.94,168.46z M71.74,103.51
+	c-0.45,8.15-1.96,16.29-1.79,24.44c0,4.07,0.4,8.15,0.72,12.22c0.31,4.07,0.5,8.15,0.66,12.22c0.04,1.07-0.8,1.98-1.87,2.02
+	c-1.07,0.04-1.98-0.8-2.02-1.87c0-0.05,0-0.1,0-0.15c0.16-4.07,0.35-8.15,0.66-12.22c0.32-4.07,0.72-8.15,0.72-12.22
+	c0.18-8.15-1.34-16.29-1.79-24.44c-0.2-4.07-0.23-8.15,0.27-12.22c0.46-4.07,1.27-8.15,1.48-12.22c0.74-8.15-1.65-16.29-1.34-24.44
+	c0.04-1.07,0.95-1.91,2.02-1.87c1.02,0.04,1.83,0.87,1.87,1.87c0.31,8.15-2.08,16.29-1.34,24.44c0.22,4.07,1.02,8.15,1.48,12.22
+	C71.97,95.36,71.94,99.44,71.74,103.51z M79.08,168.46c-1.44,0.34-2.88-0.54-3.22-1.98c-0.1-0.42-0.09-0.85,0-1.24
+	c1.23-5.14,1.54-10.29,1.63-15.43c0.09-5.14-0.59-10.29-1.03-15.43c-1.05-10.29,0.54-20.58,1.09-30.86
+	c0.79-10.29-1.71-20.57-0.66-30.86c1.37-10.29,1.28-20.58-1.03-30.86c-0.32-1.44,0.58-2.86,2.02-3.19c1.44-0.32,2.86,0.58,3.19,2.02
+	c0.09,0.39,0.08,0.8,0,1.17c-2.3,10.29-2.4,20.58-1.03,30.86c1.06,10.29-1.44,20.57-0.66,30.86c0.55,10.29,2.14,20.58,1.09,30.86
+	c-0.44,5.14-1.12,10.29-1.03,15.43c0.09,5.14,0.4,10.29,1.63,15.43C81.4,166.67,80.52,168.12,79.08,168.46z M89.88,103.51
+	c-0.45,8.15-1.96,16.29-1.78,24.44c0,4.07,0.4,8.15,0.72,12.22c0.31,4.07,0.5,8.15,0.66,12.22c0.04,1.07-0.8,1.98-1.87,2.02
+	c-1.07,0.04-1.98-0.8-2.02-1.87c0-0.05,0-0.1,0-0.15c0.16-4.07,0.35-8.15,0.66-12.22c0.32-4.07,0.72-8.15,0.72-12.22
+	c0.18-8.15-1.34-16.29-1.79-24.44c-0.2-4.07-0.23-8.15,0.27-12.22c0.46-4.07,1.27-8.15,1.48-12.22c0.74-8.15-1.65-16.29-1.34-24.44
+	c0.04-1.07,0.95-1.91,2.02-1.87c1.02,0.04,1.83,0.87,1.87,1.87c0.31,8.15-2.08,16.29-1.34,24.44c0.22,4.07,1.02,8.15,1.48,12.22
+	C90.11,95.36,90.08,99.44,89.88,103.51z M97.22,168.46c-1.44,0.34-2.88-0.54-3.22-1.98c-0.1-0.42-0.09-0.85,0-1.24
+	c1.23-5.14,1.54-10.29,1.63-15.43c0.09-5.14-0.59-10.29-1.03-15.43c-1.05-10.29,0.54-20.58,1.09-30.86
+	c0.79-10.29-1.71-20.57-0.66-30.86C96.4,62.36,96.3,52.07,94,41.78c-0.32-1.44,0.58-2.86,2.02-3.19c1.44-0.32,2.86,0.58,3.19,2.02
+	c0.09,0.39,0.08,0.8,0,1.17c-2.3,10.29-2.4,20.58-1.03,30.86c1.06,10.29-1.44,20.57-0.66,30.86c0.55,10.29,2.14,20.58,1.09,30.86
+	c-0.44,5.14-1.12,10.29-1.03,15.43c0.09,5.14,0.4,10.29,1.63,15.43C99.55,166.67,98.66,168.12,97.22,168.46z M108.03,103.51
+	c-0.45,8.15-1.96,16.29-1.79,24.44c0,4.07,0.4,8.15,0.72,12.22c0.31,4.07,0.5,8.15,0.66,12.22c0.04,1.07-0.8,1.98-1.87,2.02
+	c-1.07,0.04-1.98-0.8-2.02-1.87c0-0.05,0-0.1,0-0.15c0.16-4.07,0.35-8.15,0.66-12.22c0.32-4.07,0.72-8.15,0.72-12.22
+	c0.18-8.15-1.34-16.29-1.79-24.44c-0.2-4.07-0.23-8.15,0.27-12.22c0.46-4.07,1.27-8.15,1.48-12.22c0.74-8.15-1.65-16.29-1.34-24.44
+	c0.04-1.07,0.95-1.91,2.02-1.87c1.02,0.04,1.83,0.87,1.87,1.87c0.31,8.15-2.08,16.29-1.34,24.44c0.22,4.07,1.02,8.15,1.48,12.22
+	C108.25,95.36,108.23,99.44,108.03,103.51z M115.36,168.46c-1.44,0.34-2.88-0.54-3.22-1.98c-0.1-0.42-0.09-0.85,0-1.24
+	c1.23-5.14,1.54-10.29,1.63-15.43c0.09-5.14-0.6-10.29-1.03-15.43c-1.05-10.29,0.54-20.58,1.09-30.86
+	c0.79-10.29-1.71-20.57-0.66-30.86c1.37-10.29,1.28-20.58-1.03-30.86c-0.32-1.44,0.58-2.86,2.02-3.19s2.86,0.58,3.19,2.02
+	c0.09,0.39,0.08,0.8,0,1.17c-2.3,10.29-2.4,20.58-1.03,30.86c1.06,10.29-1.44,20.57-0.66,30.86c0.55,10.29,2.14,20.58,1.09,30.86
+	c-0.44,5.14-1.12,10.29-1.03,15.43c0.09,5.14,0.4,10.29,1.63,15.43C117.69,166.67,116.8,168.12,115.36,168.46z M126.17,103.51
+	c-0.45,8.15-1.96,16.29-1.79,24.44c0,4.07,0.4,8.15,0.72,12.22c0.31,4.07,0.5,8.15,0.66,12.22c0.04,1.07-0.8,1.98-1.87,2.02
+	c-1.07,0.04-1.98-0.8-2.02-1.87c0-0.05,0-0.1,0-0.15c0.16-4.07,0.35-8.15,0.66-12.22c0.32-4.07,0.72-8.15,0.72-12.22
+	c0.18-8.15-1.34-16.29-1.78-24.44c-0.2-4.07-0.23-8.15,0.27-12.22c0.46-4.07,1.27-8.15,1.48-12.22c0.74-8.15-1.65-16.29-1.34-24.44
+	c0.04-1.07,0.95-1.91,2.02-1.87c1.02,0.04,1.83,0.87,1.87,1.87c0.31,8.15-2.08,16.29-1.34,24.44c0.22,4.07,1.02,8.15,1.48,12.22
+	C126.4,95.36,126.37,99.44,126.17,103.51z M133.51,168.46c-1.44,0.34-2.88-0.54-3.22-1.98c-0.1-0.42-0.09-0.85,0-1.24
+	c1.23-5.14,1.54-10.29,1.63-15.43c0.09-5.14-0.6-10.29-1.03-15.43c-1.05-10.29,0.54-20.58,1.09-30.86
+	c0.79-10.29-1.71-20.57-0.66-30.86c1.37-10.29,1.28-20.58-1.03-30.86c-0.32-1.44,0.58-2.86,2.02-3.19c1.44-0.32,2.86,0.58,3.19,2.02
+	c0.09,0.39,0.08,0.8,0,1.17c-2.3,10.29-2.4,20.58-1.03,30.86c1.06,10.29-1.44,20.57-0.66,30.86c0.55,10.29,2.14,20.58,1.09,30.86
+	c-0.44,5.14-1.12,10.29-1.03,15.43c0.09,5.14,0.4,10.29,1.63,15.43C135.83,166.67,134.94,168.12,133.51,168.46z M143.9,137.35
+	c0.04,1.07-0.8,1.98-1.87,2.02c-1.07,0.04-1.98-0.8-2.02-1.87c0-0.05,0-0.1,0-0.14c0.25-6.89,1.81-13.79,1.27-20.68
+	c-0.36-6.89-1.94-13.79-1.83-20.68c-0.08-6.89,1.95-13.79,1.84-20.68c0.05-3.45-0.2-6.89-0.55-10.34
+	c-0.32-3.45-0.57-6.89-0.74-10.34c-0.05-1.07,0.78-1.99,1.85-2.04c1.07-0.05,1.99,0.78,2.04,1.85c0,0.06,0,0.13,0,0.19
+	c-0.16,3.45-0.42,6.89-0.74,10.34c-0.35,3.45-0.59,6.89-0.55,10.34c-0.11,6.89,1.92,13.79,1.84,20.68
+	c0.11,6.89-1.47,13.79-1.83,20.68C142.09,123.57,143.65,130.46,143.9,137.35z M152.07,112.8c-1.44,0.57-3.07-0.13-3.64-1.56
+	c-0.28-0.69-0.26-1.44,0-2.08c2.24-5.61,1.78-11.23,1.36-16.84l-0.85-8.42c-0.21-2.81-0.3-5.61-0.23-8.42
+	c0.16-5.61,1.17-11.23,1.14-16.84c-0.02-5.61-0.29-11.23-1.42-16.84c-0.29-1.44,0.64-2.84,2.08-3.13c1.44-0.29,2.84,0.64,3.13,2.08
+	c0.07,0.35,0.07,0.72,0,1.05c-1.13,5.61-1.41,11.23-1.42,16.84c-0.03,5.61,0.98,11.23,1.14,16.84c0.08,2.81-0.02,5.61-0.23,8.42
+	l-0.85,8.42c-0.41,5.61-0.88,11.23,1.36,16.84C154.2,110.6,153.51,112.23,152.07,112.8z"/>
+</svg>
diff --git a/site/public/images/docs/AI/repo-hero-logo-light.svg b/site/public/images/docs/AI/repo-hero-logo-light.svg
new file mode 100644
index 0000000..2f9aa1f
--- /dev/null
+++ b/site/public/images/docs/AI/repo-hero-logo-light.svg
@@ -0,0 +1,32 @@
+<svg width="104" height="104" viewBox="0 0 104 104" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_17)">
+<path d="M26.0192 7C42.0962 -2.28203 61.9038 -2.28203 77.9808 7C94.0577 16.282 103.962 33.4359 103.962 52C103.962 70.5641 94.0577 87.718 77.9808 97C61.9038 106.282 42.0962 106.282 26.0192 97C9.94229 87.718 0.038475 70.5641 0.038475 52C0.038475 33.4359 9.94229 16.282 26.0192 7Z" fill="black" fill-opacity="0.64"/>
+<path d="M26.0192 7C42.0962 -2.28203 61.9038 -2.28203 77.9808 7C94.0577 16.282 103.962 33.4359 103.962 52C103.962 70.5641 94.0577 87.718 77.9808 97C61.9038 106.282 42.0962 106.282 26.0192 97C9.94229 87.718 0.038475 70.5641 0.038475 52C0.038475 33.4359 9.94229 16.282 26.0192 7Z" fill="url(#paint0_linear_1_17)" fill-opacity="0.15"/>
+<path d="M26.0192 7C42.0962 -2.28203 61.9038 -2.28203 77.9808 7C94.0577 16.282 103.962 33.4359 103.962 52C103.962 70.5641 94.0577 87.718 77.9808 97C61.9038 106.282 42.0962 106.282 26.0192 97C9.94229 87.718 0.038475 70.5641 0.038475 52C0.038475 33.4359 9.94229 16.282 26.0192 7Z" fill="black" fill-opacity="0.5"/>
+<path d="M0.538475 52C0.538475 33.6146 10.347 16.6257 26.2692 7.43301C42.1915 -1.7597 61.8085 -1.7597 77.7308 7.43301C93.653 16.6257 103.462 33.6146 103.462 52C103.462 70.3854 93.653 87.3743 77.7308 96.567C61.8085 105.76 42.1915 105.76 26.2692 96.567C10.347 87.3743 0.538475 70.3854 0.538475 52Z" stroke="url(#paint1_radial_1_17)" stroke-opacity="0.15"/>
+<path d="M0.538475 52C0.538475 33.6146 10.347 16.6257 26.2692 7.43301C42.1915 -1.7597 61.8085 -1.7597 77.7308 7.43301C93.653 16.6257 103.462 33.6146 103.462 52C103.462 70.3854 93.653 87.3743 77.7308 96.567C61.8085 105.76 42.1915 105.76 26.2692 96.567C10.347 87.3743 0.538475 70.3854 0.538475 52Z" stroke="url(#paint2_linear_1_17)" stroke-opacity="0.5"/>
+<path d="M51.8878 37.9262C44.1892 37.9262 37.9258 44.1896 37.9258 51.8882C37.9258 59.5868 44.1892 65.8502 51.8878 65.8502C59.5864 65.8502 65.8498 59.5868 65.8498 51.8882C65.8498 44.1896 59.5864 37.9262 51.8878 37.9262ZM51.8878 59.1136C47.8968 59.1136 44.6624 55.8792 44.6624 51.8882C44.6624 47.8972 47.8968 44.6628 51.8878 44.6628C55.8788 44.6628 59.1132 47.8972 59.1132 51.8882C59.1132 55.8792 55.8788 59.1136 51.8878 59.1136Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M53.0581 35.633V30.42C64.3889 31.0258 73.3901 40.4066 73.3901 51.8882C73.3901 63.3698 64.3889 72.748 53.0581 73.3564V68.1434C61.5029 67.5402 68.1901 60.4838 68.1901 51.8882C68.1901 43.2926 61.5029 36.2362 53.0581 35.633ZM39.5745 62.5482C37.3359 59.9638 35.8929 56.6722 35.6355 53.0582H30.4199C30.6903 58.1152 32.7131 62.7042 35.8825 66.2376L39.5719 62.5482H39.5745ZM50.7182 73.3564V68.1434C47.1016 67.886 43.81 66.4456 41.2256 64.2044L37.5362 67.8938C41.0722 71.0658 45.6612 73.086 50.7156 73.3564H50.7182Z" fill="url(#paint3_linear_1_17)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1_17" x1="52" y1="-8" x2="52" y2="112" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3286F1"/>
+<stop offset="1" stop-color="#C43AC4"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1_17" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(52 -7.99999) rotate(90) scale(154.286 154.286)">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+<linearGradient id="paint2_linear_1_17" x1="-8" y1="-8" x2="18.25" y2="40.75" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1_17" x1="53.9007" y1="33.4389" x2="32.7679" y2="54.5717" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0096FF"/>
+<stop offset="1" stop-color="#FF1E56"/>
+</linearGradient>
+<clipPath id="clip0_1_17">
+<rect width="104" height="104" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/site/public/images/docs/TRPG/instruments-dark.png b/site/public/images/docs/TRPG/instruments-dark.png
new file mode 100644
index 0000000..7a32205
--- /dev/null
+++ b/site/public/images/docs/TRPG/instruments-dark.png
diff --git a/site/public/images/docs/TRPG/instruments-light.png b/site/public/images/docs/TRPG/instruments-light.png
new file mode 100644
index 0000000..bc090f2
--- /dev/null
+++ b/site/public/images/docs/TRPG/instruments-light.png
diff --git a/site/public/images/docs/TRPG/tobias-signature-dark.svg b/site/public/images/docs/TRPG/tobias-signature-dark.svg
new file mode 100644
index 0000000..0afa6de
--- /dev/null
+++ b/site/public/images/docs/TRPG/tobias-signature-dark.svg
@@ -0,0 +1,26 @@
+<svg width="209" height="127" viewBox="0 0 209 127" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<g filter="url(#filter0_d_926_5906)">
+		<path
+			d="M22.9771 89.5707C20.645 95.7965 18.9078 102.411 18.4563 91.4144C17.8265 76.0722 17.4184 61.1119 20.2563 46.0462C22.0915 36.3037 26.8921 13.0283 37.6279 14.0314C40.9661 14.3433 42.1027 21.1726 42.7347 24.0884C45.6389 37.4874 47.2986 51.7384 47.8415 65.6573C48.4554 81.3975 43.9602 88.9204 37.3348 100.577C29.8561 113.736 35.7162 93.7886 37.7953 89.1237C41.7555 80.2378 48.1052 68.2353 56.2971 66.0485C60.2404 64.9958 56.6722 91.0326 61.3202 89.1237C63.3135 88.305 67.4526 85.0674 69.5246 86.6653C71.3045 88.038 71.1513 93.8844 73.3756 91.3027C85.4888 77.2434 103.059 71.8017 118.667 72.4738C126.81 72.8244 135.048 72.1284 143.239 72.362C159.259 72.8189 175.129 75.86 191 78.508"
+			stroke="url(#paint0_linear_926_5906)" stroke-width="3" stroke-linecap="round" />
+	</g>
+	<defs>
+		<filter id="filter0_d_926_5906" x="0.5" y="0.499756" width="208" height="126.001" filterUnits="userSpaceOnUse"
+			color-interpolation-filters="sRGB">
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+				result="hardAlpha" />
+			<feOffset dy="4" />
+			<feGaussianBlur stdDeviation="8" />
+			<feComposite in2="hardAlpha" operator="out" />
+			<feColorMatrix type="matrix" values="0 0 0 0 0.941176 0 0 0 0 0.14902 0 0 0 0 0.384314 0 0 0 1 0" />
+			<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_926_5906" />
+			<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_926_5906" result="shape" />
+		</filter>
+		<linearGradient id="paint0_linear_926_5906" x1="104.5" y1="21.185" x2="104.431" y2="98.9426"
+			gradientUnits="userSpaceOnUse">
+			<stop stop-color="#0096FF" />
+			<stop offset="1" stop-color="#FF1E56" />
+		</linearGradient>
+	</defs>
+</svg>
diff --git a/site/public/images/docs/TRPG/tobias-signature-light.svg b/site/public/images/docs/TRPG/tobias-signature-light.svg
new file mode 100644
index 0000000..016f81c
--- /dev/null
+++ b/site/public/images/docs/TRPG/tobias-signature-light.svg
@@ -0,0 +1,26 @@
+<svg width="209" height="127" viewBox="0 0 209 127" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<!-- <g filter="url(#filter0_d_926_5906)"> -->
+	<path
+		d="M22.9771 89.5707C20.645 95.7965 18.9078 102.411 18.4563 91.4144C17.8265 76.0722 17.4184 61.1119 20.2563 46.0462C22.0915 36.3037 26.8921 13.0283 37.6279 14.0314C40.9661 14.3433 42.1027 21.1726 42.7347 24.0884C45.6389 37.4874 47.2986 51.7384 47.8415 65.6573C48.4554 81.3975 43.9602 88.9204 37.3348 100.577C29.8561 113.736 35.7162 93.7886 37.7953 89.1237C41.7555 80.2378 48.1052 68.2353 56.2971 66.0485C60.2404 64.9958 56.6722 91.0326 61.3202 89.1237C63.3135 88.305 67.4526 85.0674 69.5246 86.6653C71.3045 88.038 71.1513 93.8844 73.3756 91.3027C85.4888 77.2434 103.059 71.8017 118.667 72.4738C126.81 72.8244 135.048 72.1284 143.239 72.362C159.259 72.8189 175.129 75.86 191 78.508"
+		stroke="url(#paint0_linear_926_5906)" stroke-width="3" stroke-linecap="round" />
+	<!-- </g> -->
+	<defs>
+		<!-- <filter id="filter0_d_926_5906" x="0.5" y="0.499756" width="208" height="126.001" filterUnits="userSpaceOnUse"
+			color-interpolation-filters="sRGB">
+			<feFlood flood-opacity="0" result="BackgroundImageFix" />
+			<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+				result="hardAlpha" />
+			<feOffset dy="4" />
+			<feGaussianBlur stdDeviation="8" />
+			<feComposite in2="hardAlpha" operator="out" />
+			<feColorMatrix type="matrix" values="0 0 0 0 0.941176 0 0 0 0 0.14902 0 0 0 0 0.384314 0 0 0 1 0" />
+			<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_926_5906" />
+			<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_926_5906" result="shape" />
+		</filter> -->
+		<linearGradient id="paint0_linear_926_5906" x1="104.5" y1="21.185" x2="104.431" y2="98.9426"
+			gradientUnits="userSpaceOnUse">
+			<stop stop-color="#0096FF" />
+			<stop offset="1" stop-color="#FF1E56" />
+		</linearGradient>
+	</defs>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/TRPG/turbo-benchmark-icon-dark.svg b/site/public/images/docs/TRPG/turbo-benchmark-icon-dark.svg
new file mode 100644
index 0000000..1feb88e
--- /dev/null
+++ b/site/public/images/docs/TRPG/turbo-benchmark-icon-dark.svg
@@ -0,0 +1,15 @@
+<svg width="104" height="103" viewBox="0 0 104 103" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M40.0497 37.699C38.888 37.699 37.9463 38.6407 37.9463 39.8024V63.1976C37.9463 64.3593 38.888 65.301 40.0497 65.301H63.4449C64.6066 65.301 65.5484 64.3593 65.5484 63.1976V39.8024C65.5484 38.6407 64.6066 37.699 63.4449 37.699H40.0497ZM23.1741 21C22.1099 21 21.2473 21.8626 21.2473 22.9267V80.0733C21.2473 81.1374 22.1099 82 23.1741 82H80.3206C81.3847 82 82.2473 81.1374 82.2473 80.0733V22.9267C82.2473 21.8626 81.3847 21 80.3206 21H23.1741Z"
+    fill="white" />
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M0.308105 52.4562V89.6126C0.308105 92.1056 1.00373 94.4361 2.21148 96.4206L15.6078 83.0243V52.4562H0.308105ZM6.41669 100.701L19.6993 87.4181C19.7918 87.4239 19.8851 87.4269 19.9792 87.4269H49.2473V102.727H13.4221C10.846 102.727 8.44334 101.984 6.41669 100.701ZM55.2473 102.727H89.9207C97.1634 102.727 103.035 96.8553 103.035 89.6126V13.114C103.035 5.87136 97.1634 0 89.9207 0H52.7643V15.2997H83.3637C85.7779 15.2997 87.735 17.2568 87.735 19.6711V83.0556C87.735 85.4698 85.7779 87.4269 83.3637 87.4269H55.2473V102.727Z"
+    fill="url(#paint0_linear_1924_5452)" />
+  <defs>
+    <linearGradient id="paint0_linear_1924_5452" x1="56.7222" y1="7.22297" x2="6.16287" y2="57.4394"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#0096FF" />
+      <stop offset="1" stop-color="#FF1E56" />
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/site/public/images/docs/TRPG/turbo-benchmark-icon-light.svg b/site/public/images/docs/TRPG/turbo-benchmark-icon-light.svg
new file mode 100644
index 0000000..935f66e
--- /dev/null
+++ b/site/public/images/docs/TRPG/turbo-benchmark-icon-light.svg
@@ -0,0 +1,15 @@
+<svg width="104" height="103" viewBox="0 0 104 103" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M40.0497 37.699C38.888 37.699 37.9463 38.6407 37.9463 39.8024V63.1976C37.9463 64.3593 38.888 65.301 40.0497 65.301H63.4449C64.6066 65.301 65.5484 64.3593 65.5484 63.1976V39.8024C65.5484 38.6407 64.6066 37.699 63.4449 37.699H40.0497ZM23.1741 21C22.1099 21 21.2473 21.8626 21.2473 22.9267V80.0733C21.2473 81.1374 22.1099 82 23.1741 82H80.3206C81.3847 82 82.2473 81.1374 82.2473 80.0733V22.9267C82.2473 21.8626 81.3847 21 80.3206 21H23.1741Z"
+    fill="black" />
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M0.308105 52.4562V89.6126C0.308105 92.1056 1.00373 94.4361 2.21148 96.4206L15.6078 83.0243V52.4562H0.308105ZM6.41669 100.701L19.6993 87.4181C19.7918 87.4239 19.8851 87.4269 19.9792 87.4269H49.2473V102.727H13.4221C10.846 102.727 8.44334 101.984 6.41669 100.701ZM55.2473 102.727H89.9207C97.1634 102.727 103.035 96.8553 103.035 89.6126V13.114C103.035 5.87136 97.1634 0 89.9207 0H52.7643V15.2997H83.3637C85.7779 15.2997 87.735 17.2568 87.735 19.6711V83.0556C87.735 85.4698 85.7779 87.4269 83.3637 87.4269H55.2473V102.727Z"
+    fill="url(#paint0_linear_1924_5450)" />
+  <defs>
+    <linearGradient id="paint0_linear_1924_5450" x1="56.7222" y1="7.22297" x2="6.16287" y2="57.4394"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#0096FF" />
+      <stop offset="1" stop-color="#FF1E56" />
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/site/public/images/docs/TRPG/turbo-engine-first-run.png b/site/public/images/docs/TRPG/turbo-engine-first-run.png
new file mode 100644
index 0000000..d49cf90
--- /dev/null
+++ b/site/public/images/docs/TRPG/turbo-engine-first-run.png
diff --git a/site/public/images/docs/TRPG/turbo-engine-second-run.png b/site/public/images/docs/TRPG/turbo-engine-second-run.png
new file mode 100644
index 0000000..df250c4
--- /dev/null
+++ b/site/public/images/docs/TRPG/turbo-engine-second-run.png
diff --git a/site/public/images/docs/TRPG/turbopack-hero-hexagons-dark.svg b/site/public/images/docs/TRPG/turbopack-hero-hexagons-dark.svg
new file mode 100644
index 0000000..4b897b6
--- /dev/null
+++ b/site/public/images/docs/TRPG/turbopack-hero-hexagons-dark.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 614 614" width="614" height="614">
+  <path opacity="0.1"
+    d="M433.286 169H179.714C173.797 169 169 173.797 169 179.714V433.286C169 439.203 173.797 444 179.714 444H433.286C439.203 444 444 439.203 444 433.286V179.714C444 173.797 439.203 169 433.286 169Z"
+    style="fill:none; stroke:rgba(255,255,255,.1);">
+    <animate attributeName="opacity" values="1;0.1;0.1;1" dur="3s" begin="0.2s" repeatCount="indefinite" />
+  </path>
+  <path opacity="0.1"
+    d="M433.286 169H179.714C173.797 169 169 173.797 169 179.714V433.286C169 439.203 173.797 444 179.714 444H433.286C439.203 444 444 439.203 444 433.286V179.714C444 173.797 439.203 169 433.286 169Z"
+    fill="url(#paint0_radial_10_97)" fill-opacity="0.1">
+    <animate attributeName="opacity" values="1;0.5;0.5;1" dur="3s" repeatCount="indefinite" />
+  </path>
+  <path
+    d="M557.587 44H55.413C49.1098 44 44 49.1098 44 55.413V557.587C44 563.89 49.1098 569 55.413 569H557.587C563.89 569 569 563.89 569 557.587V55.413C569 49.1098 563.89 44 557.587 44Z"
+    style="fill:none; stroke:rgba(255,255,255,.1);">
+    <animate attributeName="opacity" values="1;0.1;0.1;1" dur="3s" begin="0.4s" repeatCount="indefinite" />
+  </path>
+  <defs>
+    <radialGradient id="paint0_radial_10_97" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+      gradientTransform="translate(310.518 306.5) rotate(90.186) scale(137.501 133.483)">
+      <stop stop-color="white" />
+      <stop offset="1" stop-color="white" stop-opacity="0" />
+    </radialGradient>
+  </defs>
+</svg>
diff --git a/site/public/images/docs/TRPG/turbopack-hero-hexagons-light.svg b/site/public/images/docs/TRPG/turbopack-hero-hexagons-light.svg
new file mode 100644
index 0000000..ae5effe
--- /dev/null
+++ b/site/public/images/docs/TRPG/turbopack-hero-hexagons-light.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 614 614" width="614" height="614">
+  <path opacity="0.1"
+    d="M433.286 169H179.714C173.797 169 169 173.797 169 179.714V433.286C169 439.203 173.797 444 179.714 444H433.286C439.203 444 444 439.203 444 433.286V179.714C444 173.797 439.203 169 433.286 169Z"
+    style="fill:none; stroke:rgba(0,0,0,0.1);">
+    <animate attributeName="opacity" values="1;0.1;0.1;1" dur="3s" begin="0.2s" repeatCount="indefinite" />
+  </path>
+  <path
+    d="M557.587 44H55.413C49.1098 44 44 49.1098 44 55.413V557.587C44 563.89 49.1098 569 55.413 569H557.587C563.89 569 569 563.89 569 557.587V55.413C569 49.1098 563.89 44 557.587 44Z"
+    style="fill:none; stroke:rgba(0,0,0,0.05);">
+    <animate attributeName="opacity" values="1;0.1;0.1;1" dur="3s" begin="0.4s" repeatCount="indefinite" />
+  </path>
+</svg>
diff --git a/site/public/images/docs/TRPG/turbopack-hero-logo-dark.svg b/site/public/images/docs/TRPG/turbopack-hero-logo-dark.svg
new file mode 100644
index 0000000..544c730
--- /dev/null
+++ b/site/public/images/docs/TRPG/turbopack-hero-logo-dark.svg
@@ -0,0 +1,45 @@
+<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M7.8934 19.8934C7.8934 13.266 13.266 7.8934 19.8934 7.8934L99.6802 7.8934C106.308 7.8934 111.68 13.266 111.68 19.8934V99.6802C111.68 106.308 106.308 111.68 99.6802 111.68H19.8934C13.266 111.68 7.8934 106.308 7.8934 99.6802V19.8934Z"
+    fill="black" fill-opacity="0.64" />
+  <path
+    d="M7.8934 19.8934C7.8934 13.266 13.266 7.8934 19.8934 7.8934L99.6802 7.8934C106.308 7.8934 111.68 13.266 111.68 19.8934V99.6802C111.68 106.308 106.308 111.68 99.6802 111.68H19.8934C13.266 111.68 7.8934 106.308 7.8934 99.6802V19.8934Z"
+    fill="url(#paint0_linear_2_50)" fill-opacity="0.15" />
+  <path
+    d="M7.8934 19.8934C7.8934 13.266 13.266 7.8934 19.8934 7.8934L99.6802 7.8934C106.308 7.8934 111.68 13.266 111.68 19.8934V99.6802C111.68 106.308 106.308 111.68 99.6802 111.68H19.8934C13.266 111.68 7.8934 106.308 7.8934 99.6802V19.8934Z"
+    fill="black" fill-opacity="0.5" />
+  <path
+    d="M19.8934 8.3934L99.6802 8.39341C106.031 8.3934 111.18 13.5421 111.18 19.8934L111.18 99.6802C111.18 106.031 106.031 111.18 99.6802 111.18L19.8934 111.18C13.5421 111.18 8.3934 106.031 8.3934 99.6802L8.3934 19.8934C8.3934 13.5421 13.5421 8.3934 19.8934 8.3934Z"
+    stroke="url(#paint1_radial_2_50)" stroke-opacity="0.15" />
+  <path
+    d="M19.8934 8.3934L99.6802 8.39341C106.031 8.3934 111.18 13.5421 111.18 19.8934L111.18 99.6802C111.18 106.031 106.031 111.18 99.6802 111.18L19.8934 111.18C13.5421 111.18 8.3934 106.031 8.3934 99.6802L8.3934 19.8934C8.3934 13.5421 13.5421 8.3934 19.8934 8.3934Z"
+    stroke="url(#paint2_linear_2_50)" stroke-opacity="0.5" />
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M52.5484 51.5484C51.9961 51.5484 51.5484 51.9961 51.5484 52.5484V66.4516C51.5484 67.0039 51.9961 67.4516 52.5484 67.4516H66.4516C67.0039 67.4516 67.4516 67.0039 67.4516 66.4516V52.5484C67.4516 51.9961 67.0039 51.5484 66.4516 51.5484H52.5484ZM45.916 45C45.4101 45 45 45.4101 45 45.916V73.084C45 73.5899 45.4101 74 45.916 74H73.084C73.5899 74 74 73.5899 74 73.084V45.916C74 45.4101 73.5899 45 73.084 45H45.916Z"
+    fill="white" />
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M36 77V60H43V74C43 74.1502 43.0166 74.2966 43.048 74.4373L37.0678 80.4175C36.3946 79.4478 36 78.27 36 77ZM38.4651 81.8486C39.4565 82.5727 40.6783 83 42 83H59V76H45C44.7924 76 44.5923 75.9684 44.404 75.9097L38.4651 81.8486ZM61 76V83H77C80.3137 83 83 80.3137 83 77V42C83 38.6863 80.3137 36 77 36H60V43H74C75.1046 43 76 43.8954 76 45V74C76 75.1046 75.1046 76 74 76H61Z"
+    fill="url(#paint3_linear_2_50)" />
+  <defs>
+    <linearGradient id="paint0_linear_2_50" x1="7.8934" y1="7.8934" x2="111.68" y2="111.68"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#3286F1" />
+      <stop offset="1" stop-color="#C43AC4" />
+    </linearGradient>
+    <radialGradient id="paint1_radial_2_50" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+      gradientTransform="translate(7.89339 7.89341) rotate(45) scale(188.713)">
+      <stop stop-color="white" />
+      <stop offset="1" stop-color="white" />
+    </radialGradient>
+    <linearGradient id="paint2_linear_2_50" x1="-44" y1="59.7868" x2="20.8667" y2="79.2468"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="white" />
+      <stop offset="1" stop-color="white" stop-opacity="0" />
+    </linearGradient>
+    <linearGradient id="paint3_linear_2_50" x1="61.8108" y1="39.3047" x2="38.6787" y2="62.28"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#0096FF" />
+      <stop offset="1" stop-color="#FF1E56" />
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/site/public/images/docs/TRPG/turbopack-hero-logo-light.svg b/site/public/images/docs/TRPG/turbopack-hero-logo-light.svg
new file mode 100644
index 0000000..9271703
--- /dev/null
+++ b/site/public/images/docs/TRPG/turbopack-hero-logo-light.svg
@@ -0,0 +1,37 @@
+<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M7.89457 19.8946C7.89457 13.2672 13.2672 7.89457 19.8946 7.89457L99.6837 7.89457C106.311 7.89457 111.684 13.2672 111.684 19.8946V99.6837C111.684 106.311 106.311 111.684 99.6837 111.684L19.8946 111.684C13.2672 111.684 7.89457 106.311 7.89457 99.6837L7.89457 19.8946Z"
+    fill="white" fill-opacity="0.64" />
+  <path
+    d="M7.89457 19.8946C7.89457 13.2672 13.2672 7.89457 19.8946 7.89457L99.6837 7.89457C106.311 7.89457 111.684 13.2672 111.684 19.8946V99.6837C111.684 106.311 106.311 111.684 99.6837 111.684L19.8946 111.684C13.2672 111.684 7.89457 106.311 7.89457 99.6837L7.89457 19.8946Z"
+    fill="white" fill-opacity="0.5" />
+  <path
+    d="M19.8946 8.64457L99.6837 8.64457C105.897 8.64457 110.934 13.6814 110.934 19.8946L110.934 99.6837C110.934 105.897 105.897 110.934 99.6837 110.934L19.8946 110.934C13.6814 110.934 8.64457 105.897 8.64457 99.6837L8.64457 19.8946C8.64457 13.6814 13.6814 8.64457 19.8946 8.64457Z"
+    stroke="url(#paint0_radial_6_91)" stroke-opacity="0.15" stroke-width="1.5" />
+  <path
+    d="M19.8946 8.64457L99.6837 8.64457C105.897 8.64457 110.934 13.6814 110.934 19.8946L110.934 99.6837C110.934 105.897 105.897 110.934 99.6837 110.934L19.8946 110.934C13.6814 110.934 8.64457 105.897 8.64457 99.6837L8.64457 19.8946C8.64457 13.6814 13.6814 8.64457 19.8946 8.64457Z"
+    stroke="url(#paint1_linear_6_91)" stroke-opacity="0.5" stroke-width="1.5" />
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M53.5484 52.5484C52.9961 52.5484 52.5484 52.9961 52.5484 53.5484V67.4516C52.5484 68.0039 52.9961 68.4516 53.5484 68.4516H67.4516C68.0039 68.4516 68.4516 68.0039 68.4516 67.4516V53.5484C68.4516 52.9961 68.0039 52.5484 67.4516 52.5484H53.5484ZM46.916 46C46.4101 46 46 46.4101 46 46.916V74.084C46 74.5899 46.4101 75 46.916 75H74.084C74.5899 75 75 74.5899 75 74.084V46.916C75 46.4101 74.5899 46 74.084 46H46.916Z"
+    fill="black" />
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M37 78V61H44V75C44 75.1502 44.0166 75.2966 44.048 75.4373L38.0678 81.4175C37.3946 80.4478 37 79.27 37 78ZM39.4651 82.8486C40.4565 83.5727 41.6783 84 43 84H60V77H46C45.7924 77 45.5923 76.9684 45.404 76.9097L39.4651 82.8486ZM62 77V84H78C81.3137 84 84 81.3137 84 78V43C84 39.6863 81.3137 37 78 37H61V44H75C76.1046 44 77 44.8954 77 46V75C77 76.1046 76.1046 77 75 77H62Z"
+    fill="url(#paint2_linear_6_91)" />
+  <defs>
+    <radialGradient id="paint0_radial_6_91" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+      gradientTransform="translate(-92.4122 -19.9896) rotate(45) scale(188.717)">
+      <stop />
+      <stop offset="1" />
+    </radialGradient>
+    <linearGradient id="paint1_linear_6_91" x1="-144.307" y1="31.905" x2="-79.4386" y2="51.3655"
+      gradientUnits="userSpaceOnUse">
+      <stop />
+      <stop offset="1" stop-opacity="0" />
+    </linearGradient>
+    <linearGradient id="paint2_linear_6_91" x1="62.8108" y1="40.3047" x2="39.6787" y2="63.28"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#0096FF" />
+      <stop offset="1" stop-color="#FF1E56" />
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/site/public/images/docs/cache-hit.png b/site/public/images/docs/cache-hit.png
new file mode 100644
index 0000000..3b8b12b
--- /dev/null
+++ b/site/public/images/docs/cache-hit.png
diff --git a/site/public/images/docs/cache-miss.png b/site/public/images/docs/cache-miss.png
new file mode 100644
index 0000000..1b12f4e
--- /dev/null
+++ b/site/public/images/docs/cache-miss.png
diff --git a/site/public/images/docs/circleci-create-environment-variables.png b/site/public/images/docs/circleci-create-environment-variables.png
new file mode 100644
index 0000000..81f51a6
--- /dev/null
+++ b/site/public/images/docs/circleci-create-environment-variables.png
diff --git a/site/public/images/docs/circleci-environment-variables.png b/site/public/images/docs/circleci-environment-variables.png
new file mode 100644
index 0000000..37d9140
--- /dev/null
+++ b/site/public/images/docs/circleci-environment-variables.png
diff --git a/site/public/images/docs/dag-diagram.svg b/site/public/images/docs/dag-diagram.svg
new file mode 100644
index 0000000..5b841b9
--- /dev/null
+++ b/site/public/images/docs/dag-diagram.svg
@@ -0,0 +1,289 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generated by Graphviz version 2.12 (Tue Jun 19 09:52:16 UTC 2007)
+     For user: (sphinx) Dmitry -->
+<!-- Title: g Pages: 1 -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="252"
+   height="346"
+   id="svg2299"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   sodipodi:docname="Tred-G.svg"
+   sodipodi:docbase="/home/sphinx"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   version="1.0">
+  <metadata
+     id="metadata2400">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs2398" />
+  <sodipodi:namedview
+     inkscape:window-height="990"
+     inkscape:window-width="1276"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     guidetolerance="10.0"
+     gridtolerance="10.0"
+     objecttolerance="10.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     borderlayer="true"
+     height="346px"
+     width="252px"
+     inkscape:zoom="1.1820988"
+     inkscape:cx="126"
+     inkscape:cy="162"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:current-layer="svg2299" />
+  <g
+     id="graph0"
+     class="graph"
+     transform="matrix(1.33333,0,0,1.33333,5.33332,341.33248)">
+    <title
+       id="title2302">g</title>
+    <polygon
+       style="fill:#ffffff;stroke:#ffffff"
+       points="-4,4 -4,-256 198,-256 198,4 -4,4 "
+       id="polygon2304" />
+<!-- a -->    <g
+       id="node1"
+       class="node">
+      <title
+         id="title2307">a</title>
+      <ellipse
+         style="fill:none;stroke:#000000"
+         cx="109"
+         cy="-234"
+         rx="27"
+         ry="18"
+         id="ellipse2309"
+         sodipodi:cx="109"
+         sodipodi:cy="-234"
+         sodipodi:rx="27"
+         sodipodi:ry="18" />
+      <text
+         x="109"
+         y="-229"
+         style="font-size:14.17500019px;text-anchor:middle;font-family:Nimbus Roman No9 L"
+         id="text2311">a</text>
+    </g>
+<!-- b -->    <g
+       id="node3"
+       class="node">
+      <title
+         id="title2314">b</title>
+      <ellipse
+         style="fill:none;stroke:#000000"
+         cx="27"
+         cy="-162"
+         rx="27"
+         ry="18"
+         id="ellipse2316"
+         sodipodi:cx="27"
+         sodipodi:cy="-162"
+         sodipodi:rx="27"
+         sodipodi:ry="18" />
+      <text
+         x="27"
+         y="-157"
+         style="font-size:14.17500019px;text-anchor:middle;font-family:Nimbus Roman No9 L"
+         id="text2318">b</text>
+    </g>
+<!-- a&#45;&gt;b -->    <g
+       id="edge2"
+       class="edge">
+      <title
+         id="title2321">a-&gt;b</title>
+      <path
+         style="fill:none;stroke:#000000"
+         d="M 92,-219 C 80,-209 64,-195 51,-183"
+         id="path2323" />
+      <polygon
+         style="fill:#000000;stroke:#000000"
+         points="52.8306,-179.951 43,-176 48.221,-185.219 52.8306,-179.951 "
+         id="polygon2325" />
+    </g>
+<!-- c -->    <g
+       id="node5"
+       class="node">
+      <title
+         id="title2328">c</title>
+      <ellipse
+         style="fill:none;stroke:#000000"
+         cx="137"
+         cy="-162"
+         rx="27"
+         ry="18"
+         id="ellipse2330"
+         sodipodi:cx="137"
+         sodipodi:cy="-162"
+         sodipodi:rx="27"
+         sodipodi:ry="18" />
+      <text
+         x="137"
+         y="-157"
+         style="font-size:14.17500019px;text-anchor:middle;font-family:Nimbus Roman No9 L"
+         id="text2332">c</text>
+    </g>
+<!-- a&#45;&gt;c -->    <g
+       id="edge4"
+       class="edge">
+      <title
+         id="title2335">a-&gt;c</title>
+      <path
+         style="fill:none;stroke:#000000"
+         d="M 116,-217 C 119,-208 123,-198 127,-189"
+         id="path2337" />
+      <polygon
+         style="fill:#000000;stroke:#000000"
+         points="130.479,-189.584 130,-179 123.774,-187.573 130.479,-189.584 "
+         id="polygon2339" />
+    </g>
+<!-- d -->    <g
+       id="node7"
+       class="node">
+      <title
+         id="title2342">d</title>
+      <ellipse
+         style="fill:none;stroke:#000000"
+         cx="82"
+         cy="-90"
+         rx="27"
+         ry="18"
+         id="ellipse2344"
+         sodipodi:cx="82"
+         sodipodi:cy="-90"
+         sodipodi:rx="27"
+         sodipodi:ry="18" />
+      <text
+         x="82"
+         y="-85"
+         style="font-size:14.17500019px;text-anchor:middle;font-family:Nimbus Roman No9 L"
+         id="text2346">d</text>
+    </g>
+<!-- a&#45;&gt;d -->    <g
+       id="edge6"
+       class="edge">
+      <title
+         id="title2349">a-&gt;d</title>
+      <path
+         style="fill:none;stroke:#000000"
+         d="M 106,-216 C 101,-191 92,-147 87,-118"
+         id="path2351" />
+      <polygon
+         style="fill:#000000;stroke:#000000"
+         points="90.3933,-117.119 85,-108 83.5292,-118.492 90.3933,-117.119 "
+         id="polygon2353" />
+    </g>
+<!-- e -->    <g
+       id="node9"
+       class="node">
+      <title
+         id="title2356">e</title>
+      <ellipse
+         style="fill:none;stroke:#000000"
+         cx="137"
+         cy="-18"
+         rx="27"
+         ry="18"
+         id="ellipse2358"
+         sodipodi:cx="137"
+         sodipodi:cy="-18"
+         sodipodi:rx="27"
+         sodipodi:ry="18" />
+      <text
+         x="137"
+         y="-13"
+         style="font-size:14.17500019px;text-anchor:middle;font-family:Nimbus Roman No9 L"
+         id="text2360">e</text>
+    </g>
+<!-- a&#45;&gt;e -->    <g
+       id="edge8"
+       class="edge">
+      <title
+         id="title2363">a-&gt;e</title>
+      <path
+         style="fill:none;stroke:#000000"
+         d="M 130,-222 C 145,-213 164,-198 173,-180 C 194,-134 170,-77 153,-44"
+         id="path2365" />
+      <polygon
+         style="fill:#000000;stroke:#000000"
+         points="155.916,-42.0418 148,-35 149.797,-45.4414 155.916,-42.0418 "
+         id="polygon2367" />
+    </g>
+<!-- b&#45;&gt;d -->    <g
+       id="edge10"
+       class="edge">
+      <title
+         id="title2370">b-&gt;d</title>
+      <path
+         style="fill:none;stroke:#000000"
+         d="M 39,-146 C 46,-137 56,-125 64,-114"
+         id="path2372" />
+      <polygon
+         style="fill:#000000;stroke:#000000"
+         points="66.8,-116.1 70,-106 61.2,-111.9 66.8,-116.1 "
+         id="polygon2374" />
+    </g>
+<!-- c&#45;&gt;d -->    <g
+       id="edge12"
+       class="edge">
+      <title
+         id="title2377">c-&gt;d</title>
+      <path
+         style="fill:none;stroke:#000000"
+         d="M 125,-146 C 118,-137 108,-125 100,-114"
+         id="path2379" />
+      <polygon
+         style="fill:#000000;stroke:#000000"
+         points="102.8,-111.9 94,-106 97.2,-116.1 102.8,-111.9 "
+         id="polygon2381" />
+    </g>
+<!-- c&#45;&gt;e -->    <g
+       id="edge14"
+       class="edge">
+      <title
+         id="title2384">c-&gt;e</title>
+      <path
+         style="fill:none;stroke:#000000"
+         d="M 137,-144 C 137,-119 137,-75 137,-46"
+         id="path2386" />
+      <polygon
+         style="fill:#000000;stroke:#000000"
+         points="140.5,-46 137,-36 133.5,-46 140.5,-46 "
+         id="polygon2388" />
+    </g>
+<!-- d&#45;&gt;e -->    <g
+       id="edge16"
+       class="edge">
+      <title
+         id="title2391">d-&gt;e</title>
+      <path
+         style="fill:none;stroke:#000000"
+         d="M 94,-74 C 101,-65 111,-53 119,-42"
+         id="path2393" />
+      <polygon
+         style="fill:#000000;stroke:#000000"
+         points="121.8,-44.1 125,-34 116.2,-39.9 121.8,-44.1 "
+         id="polygon2395" />
+    </g>
+  </g>
+</svg>
diff --git a/site/public/images/docs/github-actions-create-secret.png b/site/public/images/docs/github-actions-create-secret.png
new file mode 100644
index 0000000..f571657
--- /dev/null
+++ b/site/public/images/docs/github-actions-create-secret.png
diff --git a/site/public/images/docs/github-actions-secrets.png b/site/public/images/docs/github-actions-secrets.png
new file mode 100644
index 0000000..23d2adf
--- /dev/null
+++ b/site/public/images/docs/github-actions-secrets.png
diff --git a/site/public/images/docs/gitlab-ci-create-variable.png b/site/public/images/docs/gitlab-ci-create-variable.png
new file mode 100644
index 0000000..5c9eba4
--- /dev/null
+++ b/site/public/images/docs/gitlab-ci-create-variable.png
diff --git a/site/public/images/docs/gitlab-ci-variables.png b/site/public/images/docs/gitlab-ci-variables.png
new file mode 100644
index 0000000..f31f6c3
--- /dev/null
+++ b/site/public/images/docs/gitlab-ci-variables.png
diff --git a/site/public/images/docs/local-caching.png b/site/public/images/docs/local-caching.png
new file mode 100644
index 0000000..08c2758
--- /dev/null
+++ b/site/public/images/docs/local-caching.png
diff --git a/site/public/images/docs/no-filter.png b/site/public/images/docs/no-filter.png
new file mode 100644
index 0000000..e208be2
--- /dev/null
+++ b/site/public/images/docs/no-filter.png
diff --git a/site/public/images/docs/remote-caching.png b/site/public/images/docs/remote-caching.png
new file mode 100644
index 0000000..cf0d10e
--- /dev/null
+++ b/site/public/images/docs/remote-caching.png
diff --git a/site/public/images/docs/shared/feature-icons/arrows-expand-dark.svg b/site/public/images/docs/shared/feature-icons/arrows-expand-dark.svg
new file mode 100644
index 0000000..0442620
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/arrows-expand-dark.svg
@@ -0,0 +1,21 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="8" width="48" height="48" rx="24" fill="black"/>
+<path d="M25.3335 28.6666V25.3333M25.3335 25.3333H28.6668M25.3335 25.3333L29.5002 29.5M38.6668 28.6666V25.3333M38.6668 25.3333H35.3335M38.6668 25.3333L34.5002 29.5M25.3335 35.3333V38.6666M25.3335 38.6666H28.6668M25.3335 38.6666L29.5002 34.5M38.6668 38.6666L34.5002 34.5M38.6668 38.6666V35.3333M38.6668 38.6666H35.3335" stroke="url(#paint0_linear_1032_4985)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_1032_4985)" stroke-opacity="0.15"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_1032_4985)" stroke-opacity="0.5"/>
+<rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="white" stroke-opacity="0.1"/>
+<defs>
+<linearGradient id="paint0_linear_1032_4985" x1="37.1283" y1="28.1929" x2="29.0502" y2="25.5006" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF1E56"/>
+<stop offset="1" stop-color="#9C51A1"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1032_4985" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+<linearGradient id="paint2_linear_1032_4985" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/public/images/docs/shared/feature-icons/arrows-expand-light.svg b/site/public/images/docs/shared/feature-icons/arrows-expand-light.svg
new file mode 100644
index 0000000..901a7ac
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/arrows-expand-light.svg
@@ -0,0 +1,21 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="8" width="48" height="48" rx="24" fill="white"/>
+<path d="M25.3335 28.6666V25.3333M25.3335 25.3333H28.6668M25.3335 25.3333L29.5002 29.5M38.6668 28.6666V25.3333M38.6668 25.3333H35.3335M38.6668 25.3333L34.5002 29.5M25.3335 35.3333V38.6666M25.3335 38.6666H28.6668M25.3335 38.6666L29.5002 34.5M38.6668 38.6666L34.5002 34.5M38.6668 38.6666V35.3333M38.6668 38.6666H35.3335" stroke="url(#paint0_linear_1032_5056)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_1032_5056)" stroke-opacity="0.15"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_1032_5056)" stroke-opacity="0.5"/>
+<rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="black" stroke-opacity="0.1"/>
+<defs>
+<linearGradient id="paint0_linear_1032_5056" x1="38.6058" y1="25.2468" x2="25.559" y2="40.3904" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF1E56"/>
+<stop offset="1" stop-color="#D67FDC"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1032_5056" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+<stop/>
+<stop offset="1"/>
+</radialGradient>
+<linearGradient id="paint2_linear_1032_5056" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/public/images/docs/shared/feature-icons/bars-dark.svg b/site/public/images/docs/shared/feature-icons/bars-dark.svg
new file mode 100644
index 0000000..8e0dc88
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/bars-dark.svg
@@ -0,0 +1,45 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_926_5854)">
+        <rect x="8" y="8" width="48" height="48" rx="24" fill="black" />
+        <g filter="url(#filter0_d_926_5854)">
+            <path fill-rule="evenodd" clip-rule="evenodd"
+                d="M37 24.5835C37.4142 24.5835 37.75 24.9193 37.75 25.3335V38.6668C37.75 39.081 37.4142 39.4168 37 39.4168C36.5858 39.4168 36.25 39.081 36.25 38.6668V25.3335C36.25 24.9193 36.5858 24.5835 37 24.5835ZM32 29.5835C32.4142 29.5835 32.75 29.9193 32.75 30.3335V38.6668C32.75 39.081 32.4142 39.4168 32 39.4168C31.5858 39.4168 31.25 39.081 31.25 38.6668V30.3335C31.25 29.9193 31.5858 29.5835 32 29.5835ZM27.75 35.3335C27.75 34.9193 27.4142 34.5835 27 34.5835C26.5858 34.5835 26.25 34.9193 26.25 35.3335V38.6668C26.25 39.081 26.5858 39.4168 27 39.4168C27.4142 39.4168 27.75 39.081 27.75 38.6668V35.3335Z"
+                fill="url(#paint0_linear_926_5854)" />
+        </g>
+    </g>
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_926_5854)"
+        stroke-opacity="0.15" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_926_5854)" stroke-opacity="0.5" />
+    <rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="white" stroke-opacity="0.1" />
+    <defs>
+        <filter id="filter0_d_926_5854" x="10.25" y="12.5835" width="43.5" height="46.8333" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                result="hardAlpha" />
+            <feOffset dy="4" />
+            <feGaussianBlur stdDeviation="8" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.941176 0 0 0 0 0.14902 0 0 0 0 0.384314 0 0 0 1 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_926_5854" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_926_5854" result="shape" />
+        </filter>
+        <linearGradient id="paint0_linear_926_5854" x1="36.4231" y1="27.7647" x2="29.1663" y2="25.8897"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FF1E56" />
+            <stop offset="1" stop-color="#9C51A1" />
+        </linearGradient>
+        <radialGradient id="paint1_radial_926_5854" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" />
+        </radialGradient>
+        <linearGradient id="paint2_linear_926_5854" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <clipPath id="clip0_926_5854">
+            <rect x="8" y="8" width="48" height="48" rx="24" fill="white" />
+        </clipPath>
+    </defs>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/shared/feature-icons/bars-light.svg b/site/public/images/docs/shared/feature-icons/bars-light.svg
new file mode 100644
index 0000000..8fcbd57
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/bars-light.svg
@@ -0,0 +1,33 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="url(#paint0_radial_934_7361)" fill-opacity="0.1" />
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="white" fill-opacity="0.8" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M37 24.5835C37.4142 24.5835 37.75 24.9193 37.75 25.3335V38.6668C37.75 39.081 37.4142 39.4168 37 39.4168C36.5858 39.4168 36.25 39.081 36.25 38.6668V25.3335C36.25 24.9193 36.5858 24.5835 37 24.5835ZM32 29.5835C32.4142 29.5835 32.75 29.9193 32.75 30.3335V38.6668C32.75 39.081 32.4142 39.4168 32 39.4168C31.5858 39.4168 31.25 39.081 31.25 38.6668V30.3335C31.25 29.9193 31.5858 29.5835 32 29.5835ZM27.75 35.3335C27.75 34.9193 27.4142 34.5835 27 34.5835C26.5858 34.5835 26.25 34.9193 26.25 35.3335V38.6668C26.25 39.081 26.5858 39.4168 27 39.4168C27.4142 39.4168 27.75 39.081 27.75 38.6668V35.3335Z"
+        fill="url(#paint1_linear_934_7361)" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="black" stroke-opacity="0.05" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_radial_934_7361)"
+        stroke-opacity="0.15" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint3_linear_934_7361)" stroke-opacity="0.5" />
+    <rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="black" stroke-opacity="0.1" />
+    <defs>
+        <radialGradient id="paint0_radial_934_7361" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(31.8345 8) rotate(89.6049) scale(24.0006 24.0098)">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </radialGradient>
+        <linearGradient id="paint1_linear_934_7361" x1="37.6974" y1="24.4872" x2="23.1026" y2="37.6208"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FF1E56" />
+            <stop offset="1" stop-color="#D67FDC" />
+        </linearGradient>
+        <radialGradient id="paint2_radial_934_7361" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+            <stop />
+            <stop offset="1" />
+        </radialGradient>
+        <linearGradient id="paint3_linear_934_7361" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+            <stop />
+            <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+    </defs>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/shared/feature-icons/beaker-dark.svg b/site/public/images/docs/shared/feature-icons/beaker-dark.svg
new file mode 100644
index 0000000..f2da388
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/beaker-dark.svg
@@ -0,0 +1,21 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="8" width="48" height="48" rx="24" fill="black"/>
+<path d="M38.1901 34.8567C37.9574 34.624 37.6611 34.4654 37.3384 34.4008L35.3493 34.0033C34.259 33.7853 33.1271 33.9369 32.1326 34.4342L31.8676 34.5658C30.8731 35.0631 29.7412 35.2147 28.6509 34.9967L27.0418 34.675C26.7728 34.6213 26.4947 34.6347 26.2321 34.7143C25.9696 34.7938 25.7308 34.9369 25.5368 35.1308M28.6668 25.3333H35.3334L34.5001 26.1667V30.4767C34.5002 30.9187 34.6759 31.3425 34.9884 31.655L39.1551 35.8217C40.2051 36.8717 39.4609 38.6667 37.9759 38.6667H26.0234C24.5384 38.6667 23.7951 36.8717 24.8451 35.8217L29.0118 31.655C29.3244 31.3425 29.5 30.9187 29.5001 30.4767V26.1667L28.6668 25.3333Z" stroke="url(#paint0_linear_1032_4990)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_1032_4990)" stroke-opacity="0.15"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_1032_4990)" stroke-opacity="0.5"/>
+<rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="white" stroke-opacity="0.1"/>
+<defs>
+<linearGradient id="paint0_linear_1032_4990" x1="37.8819" y1="28.1929" x2="28.8999" y2="24.7594" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF1E56"/>
+<stop offset="1" stop-color="#9C51A1"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1032_4990" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+<linearGradient id="paint2_linear_1032_4990" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/public/images/docs/shared/feature-icons/beaker-light.svg b/site/public/images/docs/shared/feature-icons/beaker-light.svg
new file mode 100644
index 0000000..2b7a319
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/beaker-light.svg
@@ -0,0 +1,21 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="8" width="48" height="48" rx="24" fill="white"/>
+<path d="M38.1901 34.8567C37.9574 34.624 37.6611 34.4654 37.3384 34.4008L35.3493 34.0033C34.259 33.7853 33.1271 33.9369 32.1326 34.4342L31.8676 34.5658C30.8731 35.0631 29.7412 35.2147 28.6509 34.9967L27.0418 34.675C26.7728 34.6213 26.4947 34.6347 26.2321 34.7143C25.9696 34.7938 25.7308 34.9369 25.5368 35.1308M28.6668 25.3333H35.3334L34.5001 26.1667V30.4767C34.5002 30.9187 34.6759 31.3425 34.9884 31.655L39.1551 35.8217C40.2051 36.8717 39.4609 38.6667 37.9759 38.6667H26.0234C24.5384 38.6667 23.7951 36.8717 24.8451 35.8217L29.0118 31.655C29.3244 31.3425 29.5 30.9187 29.5001 30.4767V26.1667L28.6668 25.3333Z" stroke="url(#paint0_linear_1032_5040)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_1032_5040)" stroke-opacity="0.15"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_1032_5040)" stroke-opacity="0.5"/>
+<rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="black" stroke-opacity="0.1"/>
+<defs>
+<linearGradient id="paint0_linear_1032_5040" x1="39.5765" y1="25.2468" x2="26.9068" y2="42.1141" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF1E56"/>
+<stop offset="1" stop-color="#D67FDC"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1032_5040" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+<stop/>
+<stop offset="1"/>
+</radialGradient>
+<linearGradient id="paint2_linear_1032_5040" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/public/images/docs/shared/feature-icons/cloud-dark.svg b/site/public/images/docs/shared/feature-icons/cloud-dark.svg
new file mode 100644
index 0000000..ba69983
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/cloud-dark.svg
@@ -0,0 +1,21 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="8" width="48" height="48" rx="24" fill="black"/>
+<path d="M27.8332 35.3333C27.0123 35.3343 26.22 35.0323 25.608 34.4853C24.9961 33.9383 24.6074 33.1847 24.5166 32.3689C24.4257 31.5531 24.6391 30.7325 25.1158 30.0643C25.5924 29.396 26.2989 28.9272 27.0998 28.7475C26.8681 27.6667 27.0752 26.5382 27.6755 25.6101C28.2759 24.6821 29.2203 24.0305 30.3011 23.7988C31.3818 23.567 32.5104 23.7741 33.4384 24.3745C34.3665 24.9748 35.0181 25.9192 35.2498 27H35.3332C36.3664 26.999 37.3633 27.3819 38.1301 28.0745C38.8969 28.7671 39.3791 29.7199 39.4829 30.7479C39.5868 31.776 39.3049 32.806 38.6921 33.6379C38.0792 34.4698 37.1791 35.0444 36.1665 35.25M34.4998 32.8333L31.9998 30.3333M31.9998 30.3333L29.4998 32.8333M31.9998 30.3333V40.3333" stroke="url(#paint0_linear_1032_4951)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_1032_4951)" stroke-opacity="0.15"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_1032_4951)" stroke-opacity="0.5"/>
+<rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="white" stroke-opacity="0.1"/>
+<defs>
+<linearGradient id="paint0_linear_1032_4951" x1="37.7723" y1="27.2721" x2="28.508" y2="24.4852" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF1E56"/>
+<stop offset="1" stop-color="#9C51A1"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1032_4951" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+<linearGradient id="paint2_linear_1032_4951" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/public/images/docs/shared/feature-icons/cloud-light.svg b/site/public/images/docs/shared/feature-icons/cloud-light.svg
new file mode 100644
index 0000000..e3a96ec
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/cloud-light.svg
@@ -0,0 +1,21 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="8" width="48" height="48" rx="24" fill="white"/>
+<path d="M27.8332 35.3333C27.0123 35.3343 26.22 35.0323 25.608 34.4853C24.9961 33.9383 24.6074 33.1847 24.5166 32.3689C24.4257 31.5531 24.6391 30.7325 25.1158 30.0643C25.5924 29.396 26.2989 28.9272 27.0998 28.7475C26.8681 27.6667 27.0752 26.5382 27.6755 25.6101C28.2759 24.6821 29.2203 24.0305 30.3011 23.7988C31.3818 23.567 32.5104 23.7741 33.4384 24.3745C34.3665 24.9748 35.0181 25.9192 35.2498 27H35.3332C36.3664 26.999 37.3633 27.3819 38.1301 28.0745C38.8969 28.7671 39.3791 29.7199 39.4829 30.7479C39.5868 31.776 39.3049 32.806 38.6921 33.6379C38.0792 34.4698 37.1791 35.0444 36.1665 35.25M34.4998 32.8333L31.9998 30.3333M31.9998 30.3333L29.4998 32.8333M31.9998 30.3333V40.3333" stroke="url(#paint0_linear_1032_5026)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_1032_5026)" stroke-opacity="0.15"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_1032_5026)" stroke-opacity="0.5"/>
+<rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="black" stroke-opacity="0.1"/>
+<defs>
+<linearGradient id="paint0_linear_1032_5026" x1="39.4353" y1="23.5982" x2="23.0022" y2="40.8148" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF1E56"/>
+<stop offset="1" stop-color="#D67FDC"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1032_5026" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+<stop/>
+<stop offset="1"/>
+</radialGradient>
+<linearGradient id="paint2_linear_1032_5026" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/public/images/docs/shared/feature-icons/cpu-dark.svg b/site/public/images/docs/shared/feature-icons/cpu-dark.svg
new file mode 100644
index 0000000..0daae0f
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/cpu-dark.svg
@@ -0,0 +1,21 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="8" width="48" height="48" rx="24" fill="black"/>
+<path d="M29.5 24.5V26.1667M34.5 24.5V26.1667M29.5 37.8333V39.5M34.5 37.8333V39.5M26.1667 29.5H24.5M26.1667 34.5H24.5M39.5 29.5H37.8333M39.5 34.5H37.8333M27.8333 37.8333H36.1667C36.6087 37.8333 37.0326 37.6577 37.3452 37.3452C37.6577 37.0326 37.8333 36.6087 37.8333 36.1667V27.8333C37.8333 27.3913 37.6577 26.9674 37.3452 26.6548C37.0326 26.3423 36.6087 26.1667 36.1667 26.1667H27.8333C27.3913 26.1667 26.9674 26.3423 26.6548 26.6548C26.3423 26.9674 26.1667 27.3913 26.1667 27.8333V36.1667C26.1667 36.6087 26.3423 37.0326 26.6548 37.3452C26.9674 37.6577 27.3913 37.8333 27.8333 37.8333ZM29.5 29.5H34.5V34.5H29.5V29.5Z" stroke="url(#paint0_linear_1032_4975)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_1032_4975)" stroke-opacity="0.15"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_1032_4975)" stroke-opacity="0.5"/>
+<rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="white" stroke-opacity="0.1"/>
+<defs>
+<linearGradient id="paint0_linear_1032_4975" x1="37.7692" y1="27.717" x2="28.6813" y2="24.6883" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF1E56"/>
+<stop offset="1" stop-color="#9C51A1"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1032_4975" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+<linearGradient id="paint2_linear_1032_4975" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/public/images/docs/shared/feature-icons/cpu-light.svg b/site/public/images/docs/shared/feature-icons/cpu-light.svg
new file mode 100644
index 0000000..9dc7b0f
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/cpu-light.svg
@@ -0,0 +1,21 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="8" width="48" height="48" rx="24" fill="white"/>
+<path d="M29.5 24.5V26.1667M34.5 24.5V26.1667M29.5 37.8333V39.5M34.5 37.8333V39.5M26.1667 29.5H24.5M26.1667 34.5H24.5M39.5 29.5H37.8333M39.5 34.5H37.8333M27.8333 37.8333H36.1667C36.6087 37.8333 37.0326 37.6577 37.3452 37.3452C37.6577 37.0326 37.8333 36.6087 37.8333 36.1667V27.8333C37.8333 27.3913 37.6577 26.9674 37.3452 26.6548C37.0326 26.3423 36.6087 26.1667 36.1667 26.1667H27.8333C27.3913 26.1667 26.9674 26.3423 26.6548 26.6548C26.3423 26.9674 26.1667 27.3913 26.1667 27.8333V36.1667C26.1667 36.6087 26.3423 37.0326 26.6548 37.3452C26.9674 37.6577 27.3913 37.8333 27.8333 37.8333ZM29.5 29.5H34.5V34.5H29.5V29.5Z" stroke="url(#paint0_linear_1032_5033)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_1032_5033)" stroke-opacity="0.15"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_1032_5033)" stroke-opacity="0.5"/>
+<rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="black" stroke-opacity="0.1"/>
+<defs>
+<linearGradient id="paint0_linear_1032_5033" x1="39.4314" y1="24.4026" x2="24.7537" y2="41.4393" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF1E56"/>
+<stop offset="1" stop-color="#D67FDC"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1032_5033" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+<stop/>
+<stop offset="1"/>
+</radialGradient>
+<linearGradient id="paint2_linear_1032_5033" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/public/images/docs/shared/feature-icons/ecosystem-dark.svg b/site/public/images/docs/shared/feature-icons/ecosystem-dark.svg
new file mode 100644
index 0000000..714c6be
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/ecosystem-dark.svg
@@ -0,0 +1,26 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="black" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M30.8637 39.8023C30.2362 39.1748 30.2362 38.1573 30.8637 37.5298C31.4913 36.9023 32.5087 36.9023 33.1362 37.5298C33.7638 38.1573 33.7638 39.1748 33.1362 39.8023C32.5087 40.4298 31.4913 40.4298 30.8637 39.8023ZM29.8031 36.4691C28.5897 37.6825 28.5897 39.6496 29.8031 40.863C31.0164 42.0763 32.9836 42.0763 34.1969 40.863C35.4102 39.6496 35.4102 37.6825 34.1969 36.4691C32.9836 35.2558 31.0164 35.2558 29.8031 36.4691ZM24.1977 30.8637C23.5702 31.4912 23.5702 32.5086 24.1977 33.1362C24.8252 33.7637 25.8427 33.7637 26.4702 33.1362C27.0977 32.5086 27.0977 31.4912 26.4702 30.8637C25.8427 30.2361 24.8252 30.2361 24.1977 30.8637ZM23.137 34.1968C21.9237 32.9835 21.9237 31.0163 23.137 29.803C24.3504 28.5897 26.3175 28.5897 27.5309 29.803C28.7442 31.0163 28.7442 32.9835 27.5309 34.1968C26.3175 35.4101 24.3504 35.4101 23.137 34.1968ZM37.5307 33.1362C36.9032 32.5086 36.9032 31.4912 37.5307 30.8637C38.1582 30.2361 39.1757 30.2361 39.8032 30.8637C40.4307 31.4912 40.4307 32.5086 39.8032 33.1362C39.1757 33.7637 38.1582 33.7637 37.5307 33.1362ZM36.47 29.803C35.2567 31.0163 35.2567 32.9835 36.47 34.1968C37.6834 35.4101 39.6506 35.4101 40.8639 34.1968C42.0772 32.9835 42.0772 31.0163 40.8639 29.803C39.6506 28.5897 37.6834 28.5897 36.47 29.803ZM30.8637 26.47C30.2362 25.8425 30.2362 24.8251 30.8637 24.1975C31.4913 23.57 32.5087 23.57 33.1362 24.1975C33.7638 24.8251 33.7638 25.8425 33.1362 26.47C32.5087 27.0976 31.4913 27.0976 30.8637 26.47ZM29.8031 23.1369C28.5897 24.3502 28.5897 26.3174 29.8031 27.5307C31.0164 28.744 32.9836 28.744 34.1969 27.5307C35.4102 26.3174 35.4102 24.3502 34.1969 23.1369C32.9836 21.9235 31.0164 21.9235 29.8031 23.1369Z"
+        fill="url(#paint0_linear_926_5864)" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_926_5864)"
+        stroke-opacity="0.15" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_926_5864)" stroke-opacity="0.5" />
+    <rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="white" stroke-opacity="0.1" />
+    <defs>
+        <linearGradient id="paint0_linear_926_5864" x1="39.5184" y1="37.581" x2="27.6759" y2="41.5279"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FF1E56" />
+            <stop offset="1" stop-color="#9C51A1" />
+        </linearGradient>
+        <radialGradient id="paint1_radial_926_5864" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" />
+        </radialGradient>
+        <linearGradient id="paint2_linear_926_5864" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+    </defs>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/shared/feature-icons/ecosystem-light.svg b/site/public/images/docs/shared/feature-icons/ecosystem-light.svg
new file mode 100644
index 0000000..9847914
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/ecosystem-light.svg
@@ -0,0 +1,33 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="url(#paint0_radial_934_7384)" fill-opacity="0.1" />
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="white" fill-opacity="0.8" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M30.8637 39.8023C30.2362 39.1748 30.2362 38.1573 30.8637 37.5298C31.4913 36.9023 32.5087 36.9023 33.1362 37.5298C33.7638 38.1573 33.7638 39.1748 33.1362 39.8023C32.5087 40.4298 31.4913 40.4298 30.8637 39.8023ZM29.8031 36.4691C28.5897 37.6825 28.5897 39.6496 29.8031 40.863C31.0164 42.0763 32.9836 42.0763 34.1969 40.863C35.4102 39.6496 35.4102 37.6825 34.1969 36.4691C32.9836 35.2558 31.0164 35.2558 29.8031 36.4691ZM24.1977 30.8637C23.5702 31.4912 23.5702 32.5086 24.1977 33.1362C24.8252 33.7637 25.8427 33.7637 26.4702 33.1362C27.0977 32.5086 27.0977 31.4912 26.4702 30.8637C25.8427 30.2361 24.8252 30.2361 24.1977 30.8637ZM23.137 34.1968C21.9237 32.9835 21.9237 31.0163 23.137 29.803C24.3504 28.5897 26.3175 28.5897 27.5309 29.803C28.7442 31.0163 28.7442 32.9835 27.5309 34.1968C26.3175 35.4101 24.3504 35.4101 23.137 34.1968ZM37.5307 33.1362C36.9032 32.5086 36.9032 31.4912 37.5307 30.8637C38.1582 30.2361 39.1757 30.2361 39.8032 30.8637C40.4307 31.4912 40.4307 32.5086 39.8032 33.1362C39.1757 33.7637 38.1582 33.7637 37.5307 33.1362ZM36.47 29.803C35.2567 31.0163 35.2567 32.9835 36.47 34.1968C37.6834 35.4101 39.6506 35.4101 40.8639 34.1968C42.0772 32.9835 42.0772 31.0163 40.8639 29.803C39.6506 28.5897 37.6834 28.5897 36.47 29.803ZM30.8637 26.47C30.2362 25.8425 30.2362 24.8251 30.8637 24.1975C31.4913 23.57 32.5087 23.57 33.1362 24.1975C33.7638 24.8251 33.7638 25.8425 33.1362 26.47C32.5087 27.0976 31.4913 27.0976 30.8637 26.47ZM29.8031 23.1369C28.5897 24.3502 28.5897 26.3174 29.8031 27.5307C31.0164 28.744 32.9836 28.744 34.1969 27.5307C35.4102 26.3174 35.4102 24.3502 34.1969 23.1369C32.9836 21.9235 31.0164 21.9235 29.8031 23.1369Z"
+        fill="url(#paint1_linear_934_7384)" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="black" stroke-opacity="0.05" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_radial_934_7384)"
+        stroke-opacity="0.15" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint3_linear_934_7384)" stroke-opacity="0.5" />
+    <rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="black" stroke-opacity="0.1" />
+    <defs>
+        <radialGradient id="paint0_radial_934_7384" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(31.8345 8) rotate(89.6049) scale(24.0006 24.0098)">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </radialGradient>
+        <linearGradient id="paint1_linear_934_7384" x1="41.6844" y1="41.8998" x2="22.5584" y2="19.6991"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FF1E56" />
+            <stop offset="1" stop-color="#D67FDC" />
+        </linearGradient>
+        <radialGradient id="paint2_radial_934_7384" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+            <stop />
+            <stop offset="1" />
+        </radialGradient>
+        <linearGradient id="paint3_linear_934_7384" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+            <stop />
+            <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+    </defs>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/shared/feature-icons/fingerprint-dark.svg b/site/public/images/docs/shared/feature-icons/fingerprint-dark.svg
new file mode 100644
index 0000000..b3c1cf8
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/fingerprint-dark.svg
@@ -0,0 +1,21 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="8" width="48" height="48" rx="24" fill="black"/>
+<path d="M32 31.1666C32 34.0975 31.1592 36.8325 29.7058 39.1425M26.8392 37.4425L26.8842 37.3675C28.0529 35.5108 28.671 33.3606 28.6667 31.1666C28.6667 30.2826 29.0179 29.4347 29.643 28.8096C30.2681 28.1845 31.1159 27.8333 32 27.8333C32.8841 27.8333 33.7319 28.1845 34.357 28.8096C34.9821 29.4347 35.3333 30.2826 35.3333 31.1666C35.3333 32.0141 35.275 32.8491 35.1642 33.6666M33.3992 39.37C33.9135 38.3437 34.3298 37.2712 34.6425 36.1666M37.8417 37.11C38.3792 35.2216 38.6667 33.2275 38.6667 31.1666C38.6669 29.9963 38.3591 28.8464 37.7741 27.8328C37.189 26.8191 36.3475 25.9773 35.334 25.392C34.3205 24.8067 33.1707 24.4985 32.0004 24.4985C30.83 24.4984 29.6802 24.8065 28.6667 25.3916M24.5 34.8033C25.0333 33.7041 25.3333 32.47 25.3333 31.1666C25.3333 29.9525 25.6583 28.8141 26.225 27.8333" stroke="url(#paint0_linear_1032_4940)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_1032_4940)" stroke-opacity="0.15"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_1032_4940)" stroke-opacity="0.5"/>
+<rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="white" stroke-opacity="0.1"/>
+<defs>
+<linearGradient id="paint0_linear_1032_4940" x1="37.032" y1="27.6879" x2="28.3689" y2="24.9376" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF1E56"/>
+<stop offset="1" stop-color="#9C51A1"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1032_4940" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+<linearGradient id="paint2_linear_1032_4940" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/public/images/docs/shared/feature-icons/fingerprint-light.svg b/site/public/images/docs/shared/feature-icons/fingerprint-light.svg
new file mode 100644
index 0000000..24deeec
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/fingerprint-light.svg
@@ -0,0 +1,21 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="8" width="48" height="48" rx="24" fill="white"/>
+<path d="M32 31.1666C32 34.0975 31.1592 36.8325 29.7058 39.1425M26.8392 37.4425L26.8842 37.3675C28.0529 35.5108 28.671 33.3606 28.6667 31.1666C28.6667 30.2826 29.0179 29.4347 29.643 28.8096C30.2681 28.1845 31.1159 27.8333 32 27.8333C32.8841 27.8333 33.7319 28.1845 34.357 28.8096C34.9821 29.4347 35.3333 30.2826 35.3333 31.1666C35.3333 32.0141 35.275 32.8491 35.1642 33.6666M33.3992 39.37C33.9135 38.3437 34.3298 37.2712 34.6425 36.1666M37.8417 37.11C38.3792 35.2216 38.6667 33.2275 38.6667 31.1666C38.6669 29.9963 38.3591 28.8464 37.7741 27.8328C37.189 26.8191 36.3475 25.9773 35.334 25.392C34.3205 24.8067 33.1707 24.4985 32.0004 24.4985C30.83 24.4984 29.6802 24.8065 28.6667 25.3916M24.5 34.8033C25.0333 33.7041 25.3333 32.47 25.3333 31.1666C25.3333 29.9525 25.6583 28.8141 26.225 27.8333" stroke="url(#paint0_linear_1032_5019)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_1032_5019)" stroke-opacity="0.15"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_1032_5019)" stroke-opacity="0.5"/>
+<rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="black" stroke-opacity="0.1"/>
+<defs>
+<linearGradient id="paint0_linear_1032_5019" x1="38.6018" y1="24.4019" x2="23.9619" y2="40.5893" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF1E56"/>
+<stop offset="1" stop-color="#D67FDC"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1032_5019" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+<stop/>
+<stop offset="1"/>
+</radialGradient>
+<linearGradient id="paint2_linear_1032_5019" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/public/images/docs/shared/feature-icons/lightning-dark.svg b/site/public/images/docs/shared/feature-icons/lightning-dark.svg
new file mode 100644
index 0000000..db28898
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/lightning-dark.svg
@@ -0,0 +1,26 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="black" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M33.132 22.9786C33.4374 23.1111 33.6188 23.4292 33.5776 23.7596L32.8496 29.5832H39.5C39.791 29.5832 40.0558 29.7516 40.1792 30.0151C40.3026 30.2786 40.2625 30.5898 40.0762 30.8134L31.7428 40.8134C31.5297 41.0691 31.1734 41.1538 30.868 41.0212C30.5626 40.8886 30.3812 40.5706 30.4225 40.2402L31.1504 34.4165H24.5C24.209 34.4165 23.9443 34.2482 23.8208 33.9847C23.6974 33.7211 23.7375 33.41 23.9238 33.1864L32.2572 23.1864C32.4703 22.9306 32.8266 22.846 33.132 22.9786ZM26.1013 32.9165H32C32.2151 32.9165 32.4199 33.0089 32.5623 33.1702C32.7046 33.3315 32.7709 33.5461 32.7442 33.7596L32.2282 37.8879L37.8987 31.0832H32C31.7849 31.0832 31.5801 30.9908 31.4378 30.8296C31.2954 30.6683 31.2291 30.4536 31.2558 30.2402L31.7718 26.1119L26.1013 32.9165Z"
+        fill="url(#paint0_linear_926_5875)" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_926_5875)"
+        stroke-opacity="0.15" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_926_5875)" stroke-opacity="0.5" />
+    <rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="white" stroke-opacity="0.1" />
+    <defs>
+        <linearGradient id="paint0_linear_926_5875" x1="38.3461" y1="26.8127" x2="28.1714" y2="23.7328"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FF1E56" />
+            <stop offset="1" stop-color="#9C51A1" />
+        </linearGradient>
+        <radialGradient id="paint1_radial_926_5875" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" />
+        </radialGradient>
+        <linearGradient id="paint2_linear_926_5875" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+    </defs>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/shared/feature-icons/lightning-light.svg b/site/public/images/docs/shared/feature-icons/lightning-light.svg
new file mode 100644
index 0000000..3f44af3
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/lightning-light.svg
@@ -0,0 +1,33 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="url(#paint0_radial_934_7407)" fill-opacity="0.1" />
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="white" fill-opacity="0.8" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M33.132 22.9786C33.4374 23.1111 33.6188 23.4292 33.5776 23.7596L32.8496 29.5832H39.5C39.791 29.5832 40.0558 29.7516 40.1792 30.0151C40.3026 30.2786 40.2625 30.5898 40.0762 30.8134L31.7428 40.8134C31.5297 41.0691 31.1734 41.1538 30.868 41.0212C30.5626 40.8886 30.3812 40.5706 30.4225 40.2402L31.1504 34.4165H24.5C24.209 34.4165 23.9443 34.2482 23.8208 33.9847C23.6974 33.7211 23.7375 33.41 23.9238 33.1864L32.2572 23.1864C32.4703 22.9306 32.8266 22.846 33.132 22.9786ZM26.1013 32.9165H32C32.2151 32.9165 32.4199 33.0089 32.5623 33.1702C32.7046 33.3315 32.7709 33.5461 32.7442 33.7596L32.2282 37.8879L37.8987 31.0832H32C31.7849 31.0832 31.5801 30.9908 31.4378 30.8296C31.2954 30.6683 31.2291 30.4536 31.2558 30.2402L31.7718 26.1119L26.1013 32.9165Z"
+        fill="url(#paint1_linear_934_7407)" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="black" stroke-opacity="0.05" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_radial_934_7407)"
+        stroke-opacity="0.15" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint3_linear_934_7407)" stroke-opacity="0.5" />
+    <rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="black" stroke-opacity="0.1" />
+    <defs>
+        <radialGradient id="paint0_radial_934_7407" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(31.8345 8) rotate(89.6049) scale(24.0006 24.0098)">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </radialGradient>
+        <linearGradient id="paint1_linear_934_7407" x1="40.1745" y1="22.7986" x2="22.2253" y2="41.721"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FF1E56" />
+            <stop offset="1" stop-color="#D67FDC" />
+        </linearGradient>
+        <radialGradient id="paint2_radial_934_7407" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+            <stop />
+            <stop offset="1" />
+        </radialGradient>
+        <linearGradient id="paint3_linear_934_7407" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+            <stop />
+            <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+    </defs>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/shared/feature-icons/multi-env-targets-dark.svg b/site/public/images/docs/shared/feature-icons/multi-env-targets-dark.svg
new file mode 100644
index 0000000..bbf89a0
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/multi-env-targets-dark.svg
@@ -0,0 +1,31 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="black" />
+    <g clip-path="url(#clip0_926_5893)">
+        <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M31.6644 22.9957C31.8756 22.8901 32.1241 22.8901 32.3352 22.9957L40.6686 27.1624C40.9227 27.2894 41.0832 27.5491 41.0832 27.8332C41.0832 28.1172 40.9227 28.3769 40.6686 28.504L32.3352 32.6707C32.1241 32.7762 31.8756 32.7762 31.6644 32.6707L23.3311 28.504C23.077 28.3769 22.9165 28.1172 22.9165 27.8332C22.9165 27.5491 23.077 27.2894 23.3311 27.1624L31.6644 22.9957ZM25.3436 27.8332L31.9998 31.1613L38.6561 27.8332L31.9998 24.505L25.3436 27.8332ZM22.9958 35.8311C23.1811 35.4607 23.6316 35.3105 24.0021 35.4957L32 39.4947L39.9979 35.4957C40.3684 35.3105 40.8189 35.4607 41.0042 35.8311C41.1894 36.2016 41.0392 36.6521 40.6687 36.8374L32.3354 41.004C32.1243 41.1096 31.8757 41.1096 31.6646 41.004L23.3313 36.8374C22.9608 36.6521 22.8106 36.2016 22.9958 35.8311ZM24.0021 31.3291C23.6316 31.1439 23.1811 31.294 22.9958 31.6645C22.8106 32.035 22.9608 32.4855 23.3313 32.6707L31.6646 36.8374C31.8757 36.943 32.1243 36.943 32.3354 36.8374L40.6687 32.6707C41.0392 32.4855 41.1894 32.035 41.0042 31.6645C40.8189 31.294 40.3684 31.1439 39.9979 31.3291L32 35.3281L24.0021 31.3291Z"
+            fill="url(#paint0_linear_926_5893)" />
+    </g>
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_926_5893)"
+        stroke-opacity="0.15" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_926_5893)" stroke-opacity="0.5" />
+    <rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="white" stroke-opacity="0.1" />
+    <defs>
+        <linearGradient id="paint0_linear_926_5893" x1="38.9873" y1="26.8126" x2="27.9807" y2="23.1444"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FF1E56" />
+            <stop offset="1" stop-color="#9C51A1" />
+        </linearGradient>
+        <radialGradient id="paint1_radial_926_5893" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" />
+        </radialGradient>
+        <linearGradient id="paint2_linear_926_5893" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <clipPath id="clip0_926_5893">
+            <rect width="20" height="20" fill="white" transform="translate(22 22)" />
+        </clipPath>
+    </defs>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/shared/feature-icons/multi-env-targets-light.svg b/site/public/images/docs/shared/feature-icons/multi-env-targets-light.svg
new file mode 100644
index 0000000..508273e
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/multi-env-targets-light.svg
@@ -0,0 +1,38 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="url(#paint0_radial_934_7396)" fill-opacity="0.1" />
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="white" fill-opacity="0.8" />
+    <g clip-path="url(#clip0_934_7396)">
+        <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M31.6644 22.9957C31.8756 22.8901 32.1241 22.8901 32.3352 22.9957L40.6686 27.1624C40.9227 27.2894 41.0832 27.5491 41.0832 27.8332C41.0832 28.1172 40.9227 28.3769 40.6686 28.504L32.3352 32.6707C32.1241 32.7762 31.8756 32.7762 31.6644 32.6707L23.3311 28.504C23.077 28.3769 22.9165 28.1172 22.9165 27.8332C22.9165 27.5491 23.077 27.2894 23.3311 27.1624L31.6644 22.9957ZM25.3436 27.8332L31.9998 31.1613L38.6561 27.8332L31.9998 24.505L25.3436 27.8332ZM22.9958 35.8311C23.1811 35.4607 23.6316 35.3105 24.0021 35.4957L32 39.4947L39.9979 35.4957C40.3684 35.3105 40.8189 35.4607 41.0042 35.8311C41.1894 36.2016 41.0392 36.6521 40.6687 36.8374L32.3354 41.004C32.1243 41.1096 31.8757 41.1096 31.6646 41.004L23.3313 36.8374C22.9608 36.6521 22.8106 36.2016 22.9958 35.8311ZM24.0021 31.3291C23.6316 31.1439 23.1811 31.294 22.9958 31.6645C22.8106 32.035 22.9608 32.4855 23.3313 32.6707L31.6646 36.8374C31.8757 36.943 32.1243 36.943 32.3354 36.8374L40.6687 32.6707C41.0392 32.4855 41.1894 32.035 41.0042 31.6645C40.8189 31.294 40.3684 31.1439 39.9979 31.3291L32 35.3281L24.0021 31.3291Z"
+            fill="url(#paint1_linear_934_7396)" />
+    </g>
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="black" stroke-opacity="0.05" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_radial_934_7396)"
+        stroke-opacity="0.15" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint3_linear_934_7396)" stroke-opacity="0.5" />
+    <rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="black" stroke-opacity="0.1" />
+    <defs>
+        <radialGradient id="paint0_radial_934_7396" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(31.8345 8) rotate(89.6049) scale(24.0006 24.0098)">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </radialGradient>
+        <linearGradient id="paint1_linear_934_7396" x1="41.0004" y1="22.7986" x2="23.224" y2="43.4322"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FF1E56" />
+            <stop offset="1" stop-color="#D67FDC" />
+        </linearGradient>
+        <radialGradient id="paint2_radial_934_7396" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+            <stop />
+            <stop offset="1" />
+        </radialGradient>
+        <linearGradient id="paint3_linear_934_7396" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+            <stop />
+            <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <clipPath id="clip0_934_7396">
+            <rect width="20" height="20" fill="white" transform="translate(22 22)" />
+        </clipPath>
+    </defs>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/shared/feature-icons/nextjs-dark.svg b/site/public/images/docs/shared/feature-icons/nextjs-dark.svg
new file mode 100644
index 0000000..e59b492
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/nextjs-dark.svg
@@ -0,0 +1,38 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="black" />
+    <mask id="mask0_926_5903" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="20" y="20" width="24" height="24">
+        <circle cx="32" cy="32" r="12" fill="black" />
+    </mask>
+    <g mask="url(#mask0_926_5903)">
+        <circle cx="32" cy="32" r="12" fill="black" />
+        <path
+            d="M39.9346 41.0027L29.2191 27.2H27.2002V36.7959H28.8153V29.2511L38.6667 41.9793C39.1112 41.6818 39.5347 41.3553 39.9346 41.0027Z"
+            fill="url(#paint0_linear_926_5903)" />
+        <rect x="35.3335" y="27.2" width="1.6" height="9.6" fill="url(#paint1_linear_926_5903)" />
+    </g>
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_radial_926_5903)"
+        stroke-opacity="0.15" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint3_linear_926_5903)" stroke-opacity="0.5" />
+    <rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="white" stroke-opacity="0.1" />
+    <defs>
+        <linearGradient id="paint0_linear_926_5903" x1="34.5335" y1="35.5333" x2="39.2669" y2="41.4"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint1_linear_926_5903" x1="36.1335" y1="27.2" x2="36.1067" y2="34.25"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <radialGradient id="paint2_radial_926_5903" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" />
+        </radialGradient>
+        <linearGradient id="paint3_linear_926_5903" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+    </defs>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/shared/feature-icons/nextjs-light.svg b/site/public/images/docs/shared/feature-icons/nextjs-light.svg
new file mode 100644
index 0000000..8b40550
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/nextjs-light.svg
@@ -0,0 +1,45 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="url(#paint0_radial_934_7415)" fill-opacity="0.1" />
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="white" fill-opacity="0.8" />
+    <mask id="mask0_934_7415" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="20" y="20" width="24" height="24">
+        <circle cx="32" cy="32" r="12" fill="black" />
+    </mask>
+    <g mask="url(#mask0_934_7415)">
+        <circle cx="32" cy="32" r="12" fill="black" />
+        <path
+            d="M39.9346 41.0027L29.2191 27.2H27.2002V36.7959H28.8153V29.2511L38.6667 41.9793C39.1112 41.6818 39.5347 41.3553 39.9346 41.0027Z"
+            fill="url(#paint1_linear_934_7415)" />
+        <rect x="35.3335" y="27.2" width="1.6" height="9.6" fill="url(#paint2_linear_934_7415)" />
+    </g>
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="black" stroke-opacity="0.05" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint3_radial_934_7415)"
+        stroke-opacity="0.15" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint4_linear_934_7415)" stroke-opacity="0.5" />
+    <rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="black" stroke-opacity="0.1" />
+    <defs>
+        <radialGradient id="paint0_radial_934_7415" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(31.8345 8) rotate(89.6049) scale(24.0006 24.0098)">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </radialGradient>
+        <linearGradient id="paint1_linear_934_7415" x1="34.5335" y1="35.5333" x2="39.2669" y2="41.4"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint2_linear_934_7415" x1="36.1335" y1="27.2" x2="36.1067" y2="34.25"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <radialGradient id="paint3_radial_934_7415" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+            <stop />
+            <stop offset="1" />
+        </radialGradient>
+        <linearGradient id="paint4_linear_934_7415" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+            <stop />
+            <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+    </defs>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/shared/feature-icons/piecon-dark.svg b/site/public/images/docs/shared/feature-icons/piecon-dark.svg
new file mode 100644
index 0000000..d4b6476
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/piecon-dark.svg
@@ -0,0 +1,21 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="8" width="48" height="48" rx="24" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.9168 24.5458C31.9168 24.3324 31.8259 24.1291 31.6668 23.9868C31.5077 23.8446 31.2956 23.7768 31.0835 23.8005C29.5394 23.973 28.0753 24.5781 26.8599 25.546C25.6445 26.5139 24.7271 27.8054 24.2133 29.2717C23.6994 30.738 23.6101 32.3196 23.9555 33.8344C24.3009 35.3493 25.067 36.7358 26.1656 37.8345C27.2643 38.9331 28.6508 39.6993 30.1657 40.0447C31.6806 40.39 33.2622 40.3007 34.7285 39.7869C36.1948 39.273 37.4862 38.3556 38.4541 37.1402C39.422 35.9248 40.0271 34.4608 40.1996 32.9166C40.2233 32.7045 40.1556 32.4924 40.0133 32.3333C39.871 32.1743 39.6677 32.0833 39.4543 32.0833H31.9168V24.5458ZM27.7944 26.7194C28.5672 26.1039 29.4629 25.6678 30.4168 25.4377V32.8333C30.4168 33.2476 30.7526 33.5833 31.1668 33.5833H38.5625C38.3324 34.5372 37.8962 35.4329 37.2807 36.2058C36.4888 37.2002 35.4321 37.9508 34.2324 38.3713C33.0327 38.7917 31.7386 38.8648 30.4991 38.5822C29.2597 38.2996 28.1252 37.6727 27.2263 36.7738C26.3274 35.8749 25.7005 34.7404 25.4179 33.501C25.1353 32.2615 25.2085 30.9675 25.6289 29.7677C26.0493 28.568 26.7999 27.5113 27.7944 26.7194ZM34.7508 24.2199C34.5212 24.1384 34.2663 24.1735 34.0673 24.3141C33.8683 24.4546 33.75 24.6831 33.75 24.9267V29.5C33.75 29.9142 34.0858 30.25 34.5 30.25H39.0733C39.317 30.25 39.5454 30.1317 39.6859 29.9327C39.8265 29.7337 39.8616 29.4789 39.7802 29.2493C39.3688 28.0896 38.7038 27.0364 37.8337 26.1663C36.9636 25.2963 35.9104 24.6313 34.7508 24.2199ZM35.25 28.75V26.0829C35.8075 26.3897 36.3205 26.7745 36.7731 27.227C37.2256 27.6795 37.6103 28.1926 37.9172 28.75H35.25Z" fill="url(#paint0_linear_1032_4980)"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_1032_4980)" stroke-opacity="0.15"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_1032_4980)" stroke-opacity="0.5"/>
+<rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="white" stroke-opacity="0.1"/>
+<defs>
+<linearGradient id="paint0_linear_1032_4980" x1="38.3056" y1="27.3249" x2="28.336" y2="24.0024" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF1E56"/>
+<stop offset="1" stop-color="#9C51A1"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1032_4980" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+<linearGradient id="paint2_linear_1032_4980" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/public/images/docs/shared/feature-icons/piecon-light.svg b/site/public/images/docs/shared/feature-icons/piecon-light.svg
new file mode 100644
index 0000000..86628af
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/piecon-light.svg
@@ -0,0 +1,21 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="8" width="48" height="48" rx="24" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.9168 24.5458C31.9168 24.3324 31.8259 24.1291 31.6668 23.9868C31.5077 23.8446 31.2956 23.7768 31.0835 23.8005C29.5394 23.973 28.0753 24.5781 26.8599 25.546C25.6445 26.5139 24.7271 27.8054 24.2133 29.2717C23.6994 30.738 23.6101 32.3196 23.9555 33.8344C24.3009 35.3493 25.067 36.7358 26.1656 37.8345C27.2643 38.9331 28.6508 39.6993 30.1657 40.0447C31.6806 40.39 33.2622 40.3007 34.7285 39.7869C36.1948 39.273 37.4862 38.3556 38.4541 37.1402C39.422 35.9248 40.0271 34.4608 40.1996 32.9166C40.2233 32.7045 40.1556 32.4924 40.0133 32.3333C39.871 32.1743 39.6677 32.0833 39.4543 32.0833H31.9168V24.5458ZM27.7944 26.7194C28.5672 26.1039 29.4629 25.6678 30.4168 25.4377V32.8333C30.4168 33.2476 30.7526 33.5833 31.1668 33.5833H38.5625C38.3324 34.5372 37.8962 35.4329 37.2807 36.2058C36.4888 37.2002 35.4321 37.9508 34.2324 38.3713C33.0327 38.7917 31.7386 38.8648 30.4991 38.5822C29.2597 38.2996 28.1252 37.6727 27.2263 36.7738C26.3274 35.8749 25.7005 34.7404 25.4179 33.501C25.1353 32.2615 25.2085 30.9675 25.6289 29.7677C26.0493 28.568 26.7999 27.5113 27.7944 26.7194ZM34.7508 24.2199C34.5212 24.1384 34.2663 24.1735 34.0673 24.3141C33.8683 24.4546 33.75 24.6831 33.75 24.9267V29.5C33.75 29.9142 34.0858 30.25 34.5 30.25H39.0733C39.317 30.25 39.5454 30.1317 39.6859 29.9327C39.8265 29.7337 39.8616 29.4789 39.7802 29.2493C39.3688 28.0896 38.7038 27.0364 37.8337 26.1663C36.9636 25.2963 35.9104 24.6313 34.7508 24.2199ZM35.25 28.75V26.0829C35.8075 26.3897 36.3205 26.7745 36.7731 27.227C37.2256 27.6795 37.6103 28.1926 37.9172 28.75H35.25Z" fill="url(#paint0_linear_1032_5047)"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_1032_5047)" stroke-opacity="0.15"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_1032_5047)" stroke-opacity="0.5"/>
+<rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="black" stroke-opacity="0.1"/>
+<defs>
+<linearGradient id="paint0_linear_1032_5047" x1="40.129" y1="23.689" x2="24.0273" y2="42.3785" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF1E56"/>
+<stop offset="1" stop-color="#D67FDC"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1032_5047" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+<stop/>
+<stop offset="1"/>
+</radialGradient>
+<linearGradient id="paint2_linear_1032_5047" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/public/images/docs/shared/feature-icons/refresh-dark.svg b/site/public/images/docs/shared/feature-icons/refresh-dark.svg
new file mode 100644
index 0000000..a98ba9a
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/refresh-dark.svg
@@ -0,0 +1,21 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="8" width="48" height="48" rx="24" fill="black"/>
+<path d="M25.3335 25.3334V29.5H25.8185M38.6152 31.1667C38.4309 29.7024 37.766 28.3407 36.7246 27.2948C35.6833 26.249 34.3244 25.5782 32.861 25.3876C31.3975 25.197 29.9121 25.4974 28.6377 26.2416C27.3632 26.9858 26.3717 28.1318 25.8185 29.5M25.8185 29.5H29.5002M38.6668 38.6667V34.5H38.1827M38.1827 34.5C37.6287 35.8674 36.6369 37.0126 35.3625 37.7561C34.0882 38.4996 32.6033 38.7996 31.1402 38.6091C29.6772 38.4185 28.3187 37.7482 27.2773 36.7031C26.2359 35.658 25.5705 34.2971 25.3852 32.8334M38.1827 34.5H34.5002" stroke="url(#paint0_linear_1032_4930)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_1032_4930)" stroke-opacity="0.15"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_1032_4930)" stroke-opacity="0.5"/>
+<rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="white" stroke-opacity="0.1"/>
+<defs>
+<linearGradient id="paint0_linear_1032_4930" x1="37.1283" y1="28.1917" x2="29.05" y2="25.4997" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF1E56"/>
+<stop offset="1" stop-color="#9C51A1"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1032_4930" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+<linearGradient id="paint2_linear_1032_4930" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/public/images/docs/shared/feature-icons/refresh-light.svg b/site/public/images/docs/shared/feature-icons/refresh-light.svg
new file mode 100644
index 0000000..df7f2f3
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/refresh-light.svg
@@ -0,0 +1,21 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="8" width="48" height="48" rx="24" fill="white"/>
+<path d="M25.3335 25.3334V29.5H25.8185M38.6152 31.1667C38.4309 29.7024 37.766 28.3407 36.7246 27.2948C35.6833 26.249 34.3244 25.5782 32.861 25.3876C31.3975 25.197 29.9121 25.4974 28.6377 26.2416C27.3632 26.9858 26.3717 28.1318 25.8185 29.5M25.8185 29.5H29.5002M38.6668 38.6667V34.5H38.1827M38.1827 34.5C37.6287 35.8674 36.6369 37.0126 35.3625 37.7561C34.0882 38.4996 32.6033 38.7996 31.1402 38.6091C29.6772 38.4185 28.3187 37.7482 27.2773 36.7031C26.2359 35.658 25.5705 34.2971 25.3852 32.8334M38.1827 34.5H34.5002" stroke="url(#paint0_linear_1032_5012)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_1032_5012)" stroke-opacity="0.15"/>
+<rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_1032_5012)" stroke-opacity="0.5"/>
+<rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="black" stroke-opacity="0.1"/>
+<defs>
+<linearGradient id="paint0_linear_1032_5012" x1="38.6058" y1="25.2452" x2="25.5572" y2="40.3892" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF1E56"/>
+<stop offset="1" stop-color="#D67FDC"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1032_5012" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+<stop/>
+<stop offset="1"/>
+</radialGradient>
+<linearGradient id="paint2_linear_1032_5012" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/public/images/docs/shared/feature-icons/server-components-dark.svg b/site/public/images/docs/shared/feature-icons/server-components-dark.svg
new file mode 100644
index 0000000..a5b40d9
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/server-components-dark.svg
@@ -0,0 +1,26 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="black" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M24.4165 25.3332C24.4165 24.8269 24.8269 24.4165 25.3332 24.4165H38.6665C39.1728 24.4165 39.5832 24.8269 39.5832 25.3332V28.6665C39.5832 29.1728 39.1728 29.5832 38.6665 29.5832H25.3332C24.8269 29.5832 24.4165 29.1728 24.4165 28.6665V25.3332ZM25.3332 22.9165C23.9985 22.9165 22.9165 23.9985 22.9165 25.3332V28.6665C22.9165 30.0012 23.9985 31.0832 25.3332 31.0832H38.6665C40.0012 31.0832 41.0832 30.0012 41.0832 28.6665V25.3332C41.0832 23.9985 40.0012 22.9165 38.6665 22.9165H25.3332ZM24.4165 35.3332C24.4165 34.8269 24.8269 34.4165 25.3332 34.4165H38.6665C39.1728 34.4165 39.5832 34.8269 39.5832 35.3332V38.6665C39.5832 39.1728 39.1728 39.5832 38.6665 39.5832H25.3332C24.8269 39.5832 24.4165 39.1728 24.4165 38.6665V35.3332ZM25.3332 32.9165C23.9985 32.9165 22.9165 33.9985 22.9165 35.3332V38.6665C22.9165 40.0012 23.9985 41.0832 25.3332 41.0832H38.6665C40.0012 41.0832 41.0832 40.0012 41.0832 38.6665V35.3332C41.0832 33.9985 40.0012 32.9165 38.6665 32.9165H25.3332ZM27.8332 36.9998C27.8332 37.4601 27.4601 37.8332 26.9998 37.8332C26.5396 37.8332 26.1665 37.4601 26.1665 36.9998C26.1665 36.5396 26.5396 36.1665 26.9998 36.1665C27.4601 36.1665 27.8332 36.5396 27.8332 36.9998ZM26.9998 27.8332C27.4601 27.8332 27.8332 27.4601 27.8332 26.9998C27.8332 26.5396 27.4601 26.1665 26.9998 26.1665C26.5396 26.1665 26.1665 26.5396 26.1665 26.9998C26.1665 27.4601 26.5396 27.8332 26.9998 27.8332Z"
+        fill="url(#paint0_linear_926_5882)" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint1_radial_926_5882)"
+        stroke-opacity="0.15" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_linear_926_5882)" stroke-opacity="0.5" />
+    <rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="white" stroke-opacity="0.1" />
+    <defs>
+        <linearGradient id="paint0_linear_926_5882" x1="38.987" y1="26.8126" x2="27.9806" y2="23.1445"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FF1E56" />
+            <stop offset="1" stop-color="#9C51A1" />
+        </linearGradient>
+        <radialGradient id="paint1_radial_926_5882" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" />
+        </radialGradient>
+        <linearGradient id="paint2_linear_926_5882" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+    </defs>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/shared/feature-icons/server-components-light.svg b/site/public/images/docs/shared/feature-icons/server-components-light.svg
new file mode 100644
index 0000000..95d5e39
--- /dev/null
+++ b/site/public/images/docs/shared/feature-icons/server-components-light.svg
@@ -0,0 +1,33 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="url(#paint0_radial_934_7372)" fill-opacity="0.1" />
+    <rect x="8" y="8" width="48" height="48" rx="24" fill="white" fill-opacity="0.8" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M24.4165 25.3332C24.4165 24.8269 24.8269 24.4165 25.3332 24.4165H38.6665C39.1728 24.4165 39.5832 24.8269 39.5832 25.3332V28.6665C39.5832 29.1728 39.1728 29.5832 38.6665 29.5832H25.3332C24.8269 29.5832 24.4165 29.1728 24.4165 28.6665V25.3332ZM25.3332 22.9165C23.9985 22.9165 22.9165 23.9985 22.9165 25.3332V28.6665C22.9165 30.0012 23.9985 31.0832 25.3332 31.0832H38.6665C40.0012 31.0832 41.0832 30.0012 41.0832 28.6665V25.3332C41.0832 23.9985 40.0012 22.9165 38.6665 22.9165H25.3332ZM24.4165 35.3332C24.4165 34.8269 24.8269 34.4165 25.3332 34.4165H38.6665C39.1728 34.4165 39.5832 34.8269 39.5832 35.3332V38.6665C39.5832 39.1728 39.1728 39.5832 38.6665 39.5832H25.3332C24.8269 39.5832 24.4165 39.1728 24.4165 38.6665V35.3332ZM25.3332 32.9165C23.9985 32.9165 22.9165 33.9985 22.9165 35.3332V38.6665C22.9165 40.0012 23.9985 41.0832 25.3332 41.0832H38.6665C40.0012 41.0832 41.0832 40.0012 41.0832 38.6665V35.3332C41.0832 33.9985 40.0012 32.9165 38.6665 32.9165H25.3332ZM27.8332 36.9998C27.8332 37.4601 27.4601 37.8332 26.9998 37.8332C26.5396 37.8332 26.1665 37.4601 26.1665 36.9998C26.1665 36.5396 26.5396 36.1665 26.9998 36.1665C27.4601 36.1665 27.8332 36.5396 27.8332 36.9998ZM26.9998 27.8332C27.4601 27.8332 27.8332 27.4601 27.8332 26.9998C27.8332 26.5396 27.4601 26.1665 26.9998 26.1665C26.5396 26.1665 26.1665 26.5396 26.1665 26.9998C26.1665 27.4601 26.5396 27.8332 26.9998 27.8332Z"
+        fill="url(#paint1_linear_934_7372)" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="black" stroke-opacity="0.05" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint2_radial_934_7372)"
+        stroke-opacity="0.15" />
+    <rect x="8.5" y="8.5" width="47" height="47" rx="23.5" stroke="url(#paint3_linear_934_7372)" stroke-opacity="0.5" />
+    <rect x="0.5" y="0.5" width="63" height="63" rx="31.5" stroke="black" stroke-opacity="0.1" />
+    <defs>
+        <radialGradient id="paint0_radial_934_7372" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(31.8345 8) rotate(89.6049) scale(24.0006 24.0098)">
+            <stop stop-color="white" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </radialGradient>
+        <linearGradient id="paint1_linear_934_7372" x1="41.0001" y1="22.7986" x2="23.2237" y2="43.4318"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FF1E56" />
+            <stop offset="1" stop-color="#D67FDC" />
+        </linearGradient>
+        <radialGradient id="paint2_radial_934_7372" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(32 8) rotate(90) scale(61.7143)">
+            <stop />
+            <stop offset="1" />
+        </radialGradient>
+        <linearGradient id="paint3_linear_934_7372" x1="8" y1="8" x2="18.5" y2="27.5" gradientUnits="userSpaceOnUse">
+            <stop />
+            <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+    </defs>
+</svg>
+\ No newline at end of file
diff --git a/site/public/images/docs/task-graph-with-placeholder-task.png b/site/public/images/docs/task-graph-with-placeholder-task.png
new file mode 100644
index 0000000..ab6800f
--- /dev/null
+++ b/site/public/images/docs/task-graph-with-placeholder-task.png
diff --git a/site/public/images/docs/timeline.png b/site/public/images/docs/timeline.png
new file mode 100644
index 0000000..cce741f
--- /dev/null
+++ b/site/public/images/docs/timeline.png
diff --git a/site/public/images/docs/travis-ci-environment-variables.png b/site/public/images/docs/travis-ci-environment-variables.png
new file mode 100644
index 0000000..e90eb9f
--- /dev/null
+++ b/site/public/images/docs/travis-ci-environment-variables.png
diff --git a/site/public/images/docs/turbo-vs-lerna-execution.png b/site/public/images/docs/turbo-vs-lerna-execution.png
new file mode 100644
index 0000000..b4bf572
--- /dev/null
+++ b/site/public/images/docs/turbo-vs-lerna-execution.png
diff --git a/site/public/images/docs/turborepo-excalidraw.png b/site/public/images/docs/turborepo-excalidraw.png
new file mode 100644
index 0000000..8a4e40f
--- /dev/null
+++ b/site/public/images/docs/turborepo-excalidraw.png
diff --git a/site/public/images/docs/vercel-create-token.png b/site/public/images/docs/vercel-create-token.png
new file mode 100644
index 0000000..45e3f27
--- /dev/null
+++ b/site/public/images/docs/vercel-create-token.png
diff --git a/site/public/images/docs/vercel-slug.png b/site/public/images/docs/vercel-slug.png
new file mode 100644
index 0000000..2f08f45
--- /dev/null
+++ b/site/public/images/docs/vercel-slug.png
diff --git a/site/public/images/docs/why-turborepo-problem.png b/site/public/images/docs/why-turborepo-problem.png
new file mode 100644
index 0000000..4e05496
--- /dev/null
+++ b/site/public/images/docs/why-turborepo-problem.png
diff --git a/site/public/images/docs/why-turborepo-solution.png b/site/public/images/docs/why-turborepo-solution.png
new file mode 100644
index 0000000..7e763de
--- /dev/null
+++ b/site/public/images/docs/why-turborepo-solution.png
diff --git a/site/public/images/docs/with-filter.png b/site/public/images/docs/with-filter.png
new file mode 100644
index 0000000..5868c5a
--- /dev/null
+++ b/site/public/images/docs/with-filter.png
diff --git a/site/public/images/docs/yarn-workspaces-excalidraw.png b/site/public/images/docs/yarn-workspaces-excalidraw.png
new file mode 100644
index 0000000..a8c0605
--- /dev/null
+++ b/site/public/images/docs/yarn-workspaces-excalidraw.png
diff --git a/site/public/images/docs/your-monorepo-excalidraw.png b/site/public/images/docs/your-monorepo-excalidraw.png
new file mode 100644
index 0000000..7d4dc4a
--- /dev/null
+++ b/site/public/images/docs/your-monorepo-excalidraw.png
author	简律纯 <i@jyunko.cn>	2023-11-03 21:28:04 +0800
committer	简律纯 <i@jyunko.cn>	2023-11-03 21:28:04 +0800
commit	c71c4be506023df2bc3bb7b24ac25d2aef12f649 (patch)
tree	f76f4d17895a83eff485aed21a3a1460da7a27f5 /site/public/images/docs
parent	9029588590bea8b10451575c5142dcde77ecd1b5 (diff)
download	HydroRoll-c71c4be506023df2bc3bb7b24ac25d2aef12f649.tar.gz HydroRoll-c71c4be506023df2bc3bb7b24ac25d2aef12f649.zip