From 6df22e934be9e6fe76d2b606fc23b55e7312ec41 Mon Sep 17 00:00:00 2001
From: 简律纯 <i@jyunko.cn>
Date: Fri, 3 Nov 2023 21:43:54 +0800
Subject: chore: rename docs

---
 .../shared/feature-icons/arrows-expand-dark.svg    | 21 ++++++++++
 .../shared/feature-icons/arrows-expand-light.svg   | 21 ++++++++++
 .../images/docs/shared/feature-icons/bars-dark.svg | 45 ++++++++++++++++++++++
 .../docs/shared/feature-icons/bars-light.svg       | 33 ++++++++++++++++
 .../docs/shared/feature-icons/beaker-dark.svg      | 21 ++++++++++
 .../docs/shared/feature-icons/beaker-light.svg     | 21 ++++++++++
 .../docs/shared/feature-icons/cloud-dark.svg       | 21 ++++++++++
 .../docs/shared/feature-icons/cloud-light.svg      | 21 ++++++++++
 .../images/docs/shared/feature-icons/cpu-dark.svg  | 21 ++++++++++
 .../images/docs/shared/feature-icons/cpu-light.svg | 21 ++++++++++
 .../docs/shared/feature-icons/ecosystem-dark.svg   | 26 +++++++++++++
 .../docs/shared/feature-icons/ecosystem-light.svg  | 33 ++++++++++++++++
 .../docs/shared/feature-icons/fingerprint-dark.svg | 21 ++++++++++
 .../shared/feature-icons/fingerprint-light.svg     | 21 ++++++++++
 .../docs/shared/feature-icons/lightning-dark.svg   | 26 +++++++++++++
 .../docs/shared/feature-icons/lightning-light.svg  | 33 ++++++++++++++++
 .../feature-icons/multi-env-targets-dark.svg       | 31 +++++++++++++++
 .../feature-icons/multi-env-targets-light.svg      | 38 ++++++++++++++++++
 .../docs/shared/feature-icons/nextjs-dark.svg      | 38 ++++++++++++++++++
 .../docs/shared/feature-icons/nextjs-light.svg     | 45 ++++++++++++++++++++++
 .../docs/shared/feature-icons/piecon-dark.svg      | 21 ++++++++++
 .../docs/shared/feature-icons/piecon-light.svg     | 21 ++++++++++
 .../docs/shared/feature-icons/refresh-dark.svg     | 21 ++++++++++
 .../docs/shared/feature-icons/refresh-light.svg    | 21 ++++++++++
 .../feature-icons/server-components-dark.svg       | 26 +++++++++++++
 .../feature-icons/server-components-light.svg      | 33 ++++++++++++++++
 26 files changed, 701 insertions(+)
 create mode 100644 site/public/images/docs/shared/feature-icons/arrows-expand-dark.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/arrows-expand-light.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/bars-dark.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/bars-light.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/beaker-dark.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/beaker-light.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/cloud-dark.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/cloud-light.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/cpu-dark.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/cpu-light.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/ecosystem-dark.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/ecosystem-light.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/fingerprint-dark.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/fingerprint-light.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/lightning-dark.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/lightning-light.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/multi-env-targets-dark.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/multi-env-targets-light.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/nextjs-dark.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/nextjs-light.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/piecon-dark.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/piecon-light.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/refresh-dark.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/refresh-light.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/server-components-dark.svg
 create mode 100644 site/public/images/docs/shared/feature-icons/server-components-light.svg

(limited to 'site/public/images/docs/shared')

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
-- 
cgit v1.2.3-70-g09d2