diff --git a/apps/www/pages/pricing/index.tsx b/apps/www/pages/pricing/index.tsx
index 8cc41575118..9fe40754704 100644
--- a/apps/www/pages/pricing/index.tsx
+++ b/apps/www/pages/pricing/index.tsx
@@ -19,7 +19,7 @@ export default function IndexPage() {
   const router = useRouter()
   const { basePath } = useRouter()
   const { isDarkMode } = useTheme()
-  console.log('isDarkMode', isDarkMode)
+
   const meta_title = 'Pricing & fees | Supabase'
   const meta_description =
     'Explore Supabase fees and pricing information. Find our competitive pricing tiers, with no hidden pricing. We have generous free tiers for those getting started, and Pay As You Go for those scaling up.'
@@ -258,7 +258,7 @@ export default function IndexPage() {
             lg:px-8
           "
           >
-            <div className="mx-auto max-w-md lg:grid lg:max-w-7xl lg:grid-cols-4 lg:gap-5">
+            <div className="mx-auto max-w-md lg:grid lg:max-w-8xl lg:grid-cols-4 lg:gap-5">
               {tiers.map((tier) => (
                 <div
                   className={[
@@ -398,14 +398,13 @@ export default function IndexPage() {
           </div>
           <div className="flex gap-4 mb-16">
             {addons.map((addon) => (
-              <div className="bg-scale-1 rounded-lg">
+              <div className="bg-scale-100 rounded-lg">
                 <img
                   src={`${basePath}/images/pricing/${addon.icon}${isDarkMode ? '' : '-light'}.svg`}
                   className="file:"
                   alt="Compute"
                 />
-                <div className="flex items-center gap-4 px-8">
-                  {addon.icon}
+                <div className="flex items-center gap-4 px-4">
                   <span className="text-sm">{addon.name}</span>
                   <span className="text-xs text-scale-900">{addon.price}</span>
                 </div>
diff --git a/apps/www/public/images/icons/brand/api-gray-negative.svg b/apps/www/public/images/icons/brand/api-gray-negative.svg
new file mode 100644
index 00000000000..1c8b36abab2
--- /dev/null
+++ b/apps/www/public/images/icons/brand/api-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6717 4.07725C10.6717 3.24378 11.3474 2.56812 12.1809 2.56812C13.0143 2.56812 13.69 3.24378 13.69 4.07725C13.69 4.91073 13.0143 5.58639 12.1809 5.58639C11.3474 5.58639 10.6717 4.91073 10.6717 4.07725ZM12.1809 1.56812C10.7951 1.56812 9.67172 2.69149 9.67172 4.07725C9.67172 5.46301 10.7951 6.58639 12.1809 6.58639C12.4861 6.58639 12.7787 6.53187 13.0493 6.43203C13.2504 6.99512 13.3599 7.60193 13.3599 8.23501H14.3599C14.3599 7.40802 14.2019 6.61712 13.9141 5.89152C14.3922 5.43466 14.69 4.79073 14.69 4.07725C14.69 2.69149 13.5666 1.56812 12.1809 1.56812ZM3.81871 2.56822C2.98523 2.56822 2.30957 3.24389 2.30957 4.07736C2.30957 4.91083 2.98523 5.5865 3.81871 5.5865C4.65218 5.5865 5.32785 4.91083 5.32785 4.07736C5.32785 3.89548 5.29567 3.72112 5.23671 3.55965L4.95516 3.08437C4.67853 2.76803 4.27195 2.56822 3.81871 2.56822ZM5.6232 2.33391C5.16695 1.86179 4.52711 1.56822 3.81871 1.56822C2.43295 1.56822 1.30957 2.6916 1.30957 4.07736C1.30957 5.46312 2.43295 6.5865 3.81871 6.5865C5.20447 6.5865 6.32785 5.46312 6.32785 4.07736C6.32785 3.76709 6.27153 3.46997 6.16856 3.19567C6.73963 2.98811 7.35617 2.87486 7.9998 2.87486V1.87486C7.16014 1.87486 6.35778 2.03781 5.6232 2.33391ZM3.81871 10.8841C2.98523 10.8841 2.30957 11.5597 2.30957 12.3932C2.30957 13.2267 2.98523 13.9024 3.81871 13.9024C4.65218 13.9024 5.32785 13.2267 5.32785 12.3932C5.32785 11.5597 4.65218 10.8841 3.81871 10.8841ZM2.95042 10.0384C3.22099 9.93858 3.51348 9.88408 3.81871 9.88408C5.20447 9.88408 6.32785 11.0075 6.32785 12.3932C6.32785 13.779 5.20447 14.9024 3.81871 14.9024C2.43295 14.9024 1.30957 13.779 1.30957 12.3932C1.30957 11.6797 1.60742 11.0357 2.08558 10.5788C1.79778 9.85315 1.63965 9.06216 1.63965 8.23501H2.63965C2.63965 8.8682 2.74925 9.47515 2.95042 10.0384ZM12.1809 10.8841C11.3474 10.8841 10.6717 11.5597 10.6717 12.3932C10.6717 12.5867 10.7081 12.7717 10.7745 12.9418L11.0208 13.3585C11.2976 13.6908 11.7145 13.9024 12.1809 13.9024C13.0143 13.9024 13.69 13.2267 13.69 12.3932C13.69 11.5597 13.0143 10.8841 12.1809 10.8841ZM10.376 14.1363C10.8323 14.6086 11.4723 14.9024 12.1809 14.9024C13.5666 14.9024 14.69 13.779 14.69 12.3932C14.69 11.0075 13.5666 9.88408 12.1809 9.88408C10.7951 9.88408 9.67172 11.0075 9.67172 12.3932C9.67172 12.7033 9.72797 13.0003 9.83082 13.2744C9.25981 13.4819 8.64335 13.5952 7.9998 13.5952V14.5952C8.8393 14.5952 9.64152 14.4323 10.376 14.1363Z" fill="url(#paint0_linear_1741_19800)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19800" x1="1.30957" y1="14.9024" x2="14.6437" y2="1.52201" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/api-gray.svg b/apps/www/public/images/icons/brand/api-gray.svg
new file mode 100644
index 00000000000..af00abfa5c6
--- /dev/null
+++ b/apps/www/public/images/icons/brand/api-gray.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="3.81871" cy="4.44127" r="2.00914" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="3.81871" cy="12.7572" r="2.00914" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="12.181" cy="4.44127" r="2.00914" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="12.181" cy="12.7572" r="2.00914" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M13.8599 8.59892C13.8599 7.5707 13.5951 6.60434 13.13 5.7643M7.9998 14.4591C9.08655 14.4591 10.1042 14.1632 10.9766 13.6477M2.13965 8.59892C2.13965 9.66562 2.42465 10.6658 2.92267 11.5273M7.9998 2.73877C6.91075 2.73877 5.89108 3.03584 5.01742 3.55337" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/api-green.svg b/apps/www/public/images/icons/brand/api-green.svg
new file mode 100644
index 00000000000..14f6f33c4fe
--- /dev/null
+++ b/apps/www/public/images/icons/brand/api-green.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="3.80957" cy="4.43213" r="2" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="3.80957" cy="12.748" r="2" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="12.1719" cy="4.43213" r="2" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="12.1719" cy="12.748" r="2" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M13.8599 8.59892C13.8599 7.5707 13.5951 6.60434 13.13 5.7643M7.9998 14.4591C9.08655 14.4591 10.1042 14.1632 10.9766 13.6477M2.13965 8.59892C2.13965 9.66562 2.42465 10.6658 2.92267 11.5273M7.9998 2.73877C6.91075 2.73877 5.89108 3.03584 5.01742 3.55337" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/api-management-gray-negative.svg b/apps/www/public/images/icons/brand/api-management-gray-negative.svg
new file mode 100644
index 00000000000..9cfe9c931d8
--- /dev/null
+++ b/apps/www/public/images/icons/brand/api-management-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.14014 2.07544L1.64014 2.57544V14.5754L2.14014 15.0754H14.1401L14.6401 14.5754V2.57544L14.1401 2.07544H2.14014ZM2.64014 14.0754V3.07544H13.6401V14.0754H2.64014ZM3.60693 10.4267H4.44838L4.67276 9.54039H5.77785L5.99663 10.4267H6.87173L5.73298 6.72437H4.74568L3.60693 10.4267ZM4.84105 8.89529L4.92519 8.54749L4.98059 8.31957C5.05676 8.00664 5.13942 7.66706 5.21128 7.35264H5.23372L5.52542 8.54749L5.60957 8.89529H4.84105ZM7.05465 10.4267H7.87927V9.16455H8.38974C9.16387 9.16455 9.82019 8.77748 9.82019 7.9136C9.82019 7.01607 9.1807 6.72437 8.38974 6.72437H7.05465V10.4267ZM7.87927 8.50822V7.38069H8.33925C8.7768 7.38069 9.0068 7.52093 9.0068 7.9136C9.0068 8.30067 8.79363 8.50822 8.33925 8.50822H7.87927ZM12.5173 10.4267H9.98178V9.73112H10.8344V7.41996H9.98178V6.72437H12.5173V7.41996H11.6647V9.73112H12.5173V10.4267Z" fill="url(#paint0_linear_1741_19842)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19842" x1="1.64014" y1="15.0754" x2="14.6401" y2="2.07544" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/api-management-gray.svg b/apps/www/public/images/icons/brand/api-management-gray.svg
new file mode 100644
index 00000000000..ad8169dc421
--- /dev/null
+++ b/apps/www/public/images/icons/brand/api-management-gray.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.14014 2.43945L1.64014 2.93945V14.9395L2.14014 15.4395H14.1401L14.6401 14.9395V2.93945L14.1401 2.43945H2.14014ZM2.64014 14.4395V3.43945H13.6401V14.4395H2.64014ZM3.60693 10.7907H4.44838L4.67276 9.9044H5.77785L5.99663 10.7907H6.87173L5.73298 7.08838H4.74568L3.60693 10.7907ZM4.84105 9.2593L4.92519 8.9115L4.98059 8.68359C5.05676 8.37066 5.13942 8.03107 5.21128 7.71666H5.23372L5.52542 8.9115L5.60957 9.2593H4.84105ZM7.05465 10.7907H7.87927V9.52856H8.38974C9.16387 9.52856 9.82019 9.1415 9.82019 8.27762C9.82019 7.38008 9.1807 7.08838 8.38974 7.08838H7.05465V10.7907ZM7.87927 8.87224V7.7447H8.33925C8.7768 7.7447 9.0068 7.88494 9.0068 8.27762C9.0068 8.66468 8.79363 8.87224 8.33925 8.87224H7.87927ZM12.5173 10.7907H9.98178V10.0951H10.8344V7.78397H9.98178V7.08838H12.5173V7.78397H11.6647V10.0951H12.5173V10.7907Z" fill="#707070"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/api-management-green.svg b/apps/www/public/images/icons/brand/api-management-green.svg
new file mode 100644
index 00000000000..2724bdb975d
--- /dev/null
+++ b/apps/www/public/images/icons/brand/api-management-green.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.14014 2.09912L1.64014 2.59912V14.5991L2.14014 15.0991H14.1401L14.6401 14.5991V2.59912L14.1401 2.09912H2.14014ZM2.64014 14.0991V3.09912H13.6401V14.0991H2.64014ZM3.60693 10.4504H4.44838L4.67276 9.56407H5.77785L5.99663 10.4504H6.87173L5.73298 6.74805H4.74568L3.60693 10.4504ZM4.84105 8.91897L4.92519 8.57117L4.98059 8.34326C5.05676 8.03033 5.13942 7.69074 5.21128 7.37632H5.23372L5.52542 8.57117L5.60957 8.91897H4.84105ZM7.05465 10.4504H7.87927V9.18823H8.38974C9.16387 9.18823 9.82019 8.80117 9.82019 7.93728C9.82019 7.03975 9.1807 6.74805 8.38974 6.74805H7.05465V10.4504ZM7.87927 8.5319V7.40437H8.33925C8.7768 7.40437 9.0068 7.54461 9.0068 7.93728C9.0068 8.32435 8.79363 8.5319 8.33925 8.5319H7.87927ZM12.5173 10.4504H9.98178V9.7548H10.8344V7.44364H9.98178V6.74805H12.5173V7.44364H11.6647V9.7548H12.5173V10.4504Z" fill="#4CC38A"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/auth-gray-negative.svg b/apps/www/public/images/icons/brand/auth-gray-negative.svg
new file mode 100644
index 00000000000..611ec59b334
--- /dev/null
+++ b/apps/www/public/images/icons/brand/auth-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.735107C6.61929 0.735107 5.5 1.8544 5.5 3.23511V4.73511H3.49902L2.99902 5.23511V14.2351L3.49902 14.7351H12.499L12.999 14.2351V5.23511L12.499 4.73511H10.5V3.23511C10.5 1.8544 9.38071 0.735107 8 0.735107ZM10.0003 5.73511H10H9.99965L3.99902 5.73511L3.99902 7.60303H8.6377L9.1377 8.10303V10.103V12.103L8.6377 12.603H3.99902L3.99902 13.7351H11.999V5.73511H10.0003ZM4.1377 9.60303H8.1377V8.60303H4.1377V9.60303ZM4.1377 10.603V11.603H8.1377V10.603H4.1377ZM9.5 4.73511V3.23511C9.5 2.40668 8.82843 1.73511 8 1.73511C7.17157 1.73511 6.5 2.40668 6.5 3.23511V4.73511H9.5Z" fill="url(#paint0_linear_1741_19777)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19777" x1="2.99902" y1="14.7351" x2="16.2423" y2="5.27565" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/auth-gray.svg b/apps/www/public/images/icons/brand/auth-gray.svg
new file mode 100644
index 00000000000..69a108e951d
--- /dev/null
+++ b/apps/www/public/images/icons/brand/auth-gray.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.5 5.59912C9.5 5.87526 9.72386 6.09912 10 6.09912C10.2761 6.09912 10.5 5.87526 10.5 5.59912H9.5ZM9.5 3.59912V5.59912H10.5V3.59912H9.5ZM6.5 5.59912V3.59912H5.5V5.59912H6.5ZM8 2.09912C8.82843 2.09912 9.5 2.77069 9.5 3.59912H10.5C10.5 2.21841 9.38071 1.09912 8 1.09912V2.09912ZM8 1.09912C6.61929 1.09912 5.5 2.21841 5.5 3.59912H6.5C6.5 2.77069 7.17157 2.09912 8 2.09912V1.09912Z" fill="#707070"/>
+<rect x="12.499" y="5.59912" width="9" height="9" transform="rotate(90 12.499 5.59912)" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="3.6377" y="8.46704" width="5" height="2" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="3.6377" y="10.467" width="5" height="2" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/auth-green.svg b/apps/www/public/images/icons/brand/auth-green.svg
new file mode 100644
index 00000000000..0875ec0d581
--- /dev/null
+++ b/apps/www/public/images/icons/brand/auth-green.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.5 5.59912C9.5 5.87526 9.72386 6.09912 10 6.09912C10.2761 6.09912 10.5 5.87526 10.5 5.59912H9.5ZM9.5 3.59912V5.59912H10.5V3.59912H9.5ZM6.5 5.59912V3.59912H5.5V5.59912H6.5ZM8 2.09912C8.82843 2.09912 9.5 2.77069 9.5 3.59912H10.5C10.5 2.21841 9.38071 1.09912 8 1.09912V2.09912ZM8 1.09912C6.61929 1.09912 5.5 2.21841 5.5 3.59912H6.5C6.5 2.77069 7.17157 2.09912 8 2.09912V1.09912Z" fill="#4CC38A"/>
+<rect x="12.4727" y="5.59912" width="9" height="9" transform="rotate(90 12.4727 5.59912)" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="3.49414" y="8.57373" width="5" height="2" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="3.49414" y="10.5737" width="5" height="2" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/blog-gray-negative.svg b/apps/www/public/images/icons/brand/blog-gray-negative.svg
new file mode 100644
index 00000000000..77cd8aa368d
--- /dev/null
+++ b/apps/www/public/images/icons/brand/blog-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.86252 10.3722L2.73413 10.5926L1.8584 13.762L2.4735 14.3771L5.64298 13.5014L5.86338 13.373L14.447 4.78944V4.08233L12.1532 1.78857H11.4461L2.86252 10.3722ZM3.05712 13.1784L3.66289 10.986L3.67625 10.9726L5.2629 12.5593L5.24953 12.5727L3.05712 13.1784ZM5.97001 11.8522L13.3863 4.43588L11.7997 2.84923L4.38336 10.2655L5.97001 11.8522Z" fill="url(#paint0_linear_1741_19726)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19726" x1="1.8584" y1="14.3771" x2="14.447" y2="1.78857" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/blog-gray.svg b/apps/www/public/images/icons/brand/blog-gray.svg
new file mode 100644
index 00000000000..d17a7a75f2f
--- /dev/null
+++ b/apps/www/public/images/icons/brand/blog-gray.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.21597 11.0897L11.7996 2.5061L14.0933 4.79986L5.50972 13.3835L2.34024 14.2592L3.21597 11.0897Z" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M3.52393 10.4773L5.67432 12.6277" stroke="#707070" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/blog-green.svg b/apps/www/public/images/icons/brand/blog-green.svg
new file mode 100644
index 00000000000..ce9e01c1703
--- /dev/null
+++ b/apps/www/public/images/icons/brand/blog-green.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.21597 11.0897L11.7996 2.5061L14.0933 4.79986L5.50972 13.3835L2.34024 14.2592L3.21597 11.0897Z" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M3.52393 10.4773L5.67432 12.6277" stroke="#4CC38A" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/cli-gray-negative.svg b/apps/www/public/images/icons/brand/cli-gray-negative.svg
new file mode 100644
index 00000000000..eaa2cee6601
--- /dev/null
+++ b/apps/www/public/images/icons/brand/cli-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.23511L2 1.73511H14L14.5 2.23511V14.2351L14 14.7351H2L1.5 14.2351V2.23511ZM2.5 2.73511V13.7351H13.5V2.73511H2.5ZM6.95977 8.18831L4.9121 6.14093L5.61915 5.43377L8.02043 7.8347L8.02046 8.54183L5.61918 10.9431L4.91207 10.236L6.95977 8.18831ZM8 10.8845H11V9.88452H8V10.8845Z" fill="url(#paint0_linear_1741_19906)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19906" x1="1.5" y1="14.7351" x2="14.5" y2="1.73511" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/cli-gray.svg b/apps/www/public/images/icons/brand/cli-gray.svg
new file mode 100644
index 00000000000..e44838f4b7a
--- /dev/null
+++ b/apps/www/public/images/icons/brand/cli-gray.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="2.59912" width="12" height="12" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M5.26562 6.15137L7.66691 8.55229L5.26562 10.9536" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M8 10.7485H11" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/cli-green.svg b/apps/www/public/images/icons/brand/cli-green.svg
new file mode 100644
index 00000000000..ab3012bccd9
--- /dev/null
+++ b/apps/www/public/images/icons/brand/cli-green.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.59912L2 2.09912H14L14.5 2.59912V14.5991L14 15.0991H2L1.5 14.5991V2.59912ZM2.5 3.09912V14.0991H13.5V3.09912H2.5ZM6.95977 8.55256L4.9121 6.50519L5.61915 5.79803L8.02043 8.19896L8.02046 8.90609L5.61918 11.3074L4.91207 10.6003L6.95977 8.55256ZM8 11.2483H11V10.2483H8V11.2483Z" fill="#4CC38A"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/columns-gray-negative.svg b/apps/www/public/images/icons/brand/columns-gray-negative.svg
new file mode 100644
index 00000000000..767fc7c44e9
--- /dev/null
+++ b/apps/www/public/images/icons/brand/columns-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.99902 2.23511L2.49902 1.73511H4.49902L4.99902 2.23511V14.2351L4.49902 14.7351H2.49902L1.99902 14.2351V2.23511ZM2.99902 2.73511V13.7351H3.99902V2.73511H2.99902ZM6.5 2.23511L7 1.73511H9L9.5 2.23511V14.2351L9 14.7351H7L6.5 14.2351V2.23511ZM7.5 2.73511V13.7351H8.5V2.73511H7.5ZM11.501 1.73511L11.001 2.23511V14.2351L11.501 14.7351H13.501L14.001 14.2351V2.23511L13.501 1.73511H11.501ZM12.001 13.7351V2.73511H13.001V13.7351H12.001Z" fill="url(#paint0_linear_1741_19854)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19854" x1="1.99902" y1="14.7351" x2="14.9577" y2="2.77134" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/columns-gray.svg b/apps/www/public/images/icons/brand/columns-gray.svg
new file mode 100644
index 00000000000..bdf3c770bea
--- /dev/null
+++ b/apps/www/public/images/icons/brand/columns-gray.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2.49902" y="2.59912" width="2" height="12" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="7" y="2.59912" width="2" height="12" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="11.501" y="2.59912" width="2" height="12" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/columns-green.svg b/apps/www/public/images/icons/brand/columns-green.svg
new file mode 100644
index 00000000000..e55340280d8
--- /dev/null
+++ b/apps/www/public/images/icons/brand/columns-green.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2.49902" y="2.59912" width="2" height="12" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="7" y="2.59912" width="2" height="12" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="11.501" y="2.59912" width="2" height="12" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/custom-domains-gray-negative.svg b/apps/www/public/images/icons/brand/custom-domains-gray-negative.svg
new file mode 100644
index 00000000000..afc7ede37ff
--- /dev/null
+++ b/apps/www/public/images/icons/brand/custom-domains-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.92278 3.27197C4.9749 3.64344 4.15072 4.26176 3.52936 5.0482H5.04415C5.27196 4.36475 5.56818 3.75887 5.92278 3.27197ZM7.99986 2.02417C5.67973 2.02417 3.64184 3.23039 2.47824 5.0482H1L0.5 5.5482V11.5482L1 12.0482H2.44362C3.60119 13.8965 5.65655 15.1269 7.99986 15.1269C10.3432 15.1269 12.3985 13.8966 13.5561 12.0482H15L15.5 11.5482V5.5482L15 5.0482H13.5215C12.3579 3.23039 10.32 2.02417 7.99986 2.02417ZM5.95579 13.8919C4.97209 13.5135 4.11984 12.8699 3.48668 12.0482H5.01788C5.26077 12.754 5.57886 13.3866 5.95579 13.8919ZM6.74931 13.5157C6.44064 13.1392 6.15938 12.6385 5.93035 12.0482H10.0707C9.846 12.627 9.57085 13.1199 9.26863 13.4941C8.83648 14.0291 8.3948 14.2698 7.99986 14.2698C7.61045 14.2698 7.17594 14.036 6.74931 13.5157ZM10.045 13.8915C10.4218 13.3865 10.7402 12.7542 10.9832 12.0482H12.513C11.8801 12.8695 11.0282 13.513 10.045 13.8915ZM10.0769 3.27197C11.0248 3.64344 11.849 4.26176 12.4704 5.0482H10.9556C10.7278 4.36475 10.4315 3.75887 10.0769 3.27197ZM9.22203 3.57044C9.53361 3.93656 9.81667 4.43778 10.0464 5.0482H5.95335C6.18304 4.43778 6.4661 3.93656 6.77768 3.57044C7.18181 3.09557 7.60182 2.88131 7.99986 2.88131C8.39789 2.88131 8.8179 3.09557 9.22203 3.57044ZM1.5 6.0482V11.0482H14.5V6.0482H1.5ZM12.6921 10.1197L13.7969 7.54072L13.0615 7.22571L12.3768 8.82403L11.8911 7.32153L11.1363 7.30308L10.5879 8.75332L10.125 7.32153L9.37025 7.30307L8.82174 8.75333L8.35887 7.32153L7.60413 7.30307L7.05563 8.75333L6.59276 7.32153L5.83802 7.30307L5.2895 8.75337L4.82659 7.32153L4.07185 7.30308L3.50264 8.80818L2.94676 7.2677L2.19425 7.53925L3.11758 10.098L3.86797 10.1037L4.41644 8.65348L4.87934 10.0853L5.63408 10.1037L6.18259 8.65348L6.64546 10.0853L7.4002 10.1037L7.9487 8.65348L8.41157 10.0853L9.16631 10.1037L9.71481 8.65348L10.1777 10.0853L10.9324 10.1037L11.4809 8.65349L11.9438 10.0853L12.6921 10.1197Z" fill="url(#paint0_linear_1741_19848)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19848" x1="0.5" y1="15.1269" x2="13.4839" y2="0.263031" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/custom-domains-gray.svg b/apps/www/public/images/icons/brand/custom-domains-gray.svg
new file mode 100644
index 00000000000..405ab724659
--- /dev/null
+++ b/apps/www/public/images/icons/brand/custom-domains-gray.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.99986 15.0623C5.66969 15.0623 3.64355 13.7606 2.60889 11.8447M7.99986 15.0623C6.86193 15.0623 5.82308 13.7056 5.28825 11.8447M7.99986 15.0623C9.15361 15.0623 10.2068 13.6676 10.735 11.7668M7.99986 15.0623C10.3615 15.0623 12.4108 13.7252 13.4322 11.7668M7.99986 2.81665C10.2892 2.81665 12.2851 4.07314 13.3356 5.93414M7.99986 2.81665C5.71048 2.81665 3.71457 4.07314 2.66412 5.93414M7.99986 2.81665C9.12986 2.81665 10.1169 4.04111 10.6473 5.8628M7.99986 2.81665C6.86986 2.81665 5.88285 4.04111 5.35244 5.8628" stroke="#707070" stroke-width="0.857143" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="1" y="5.91211" width="14" height="6" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M2.5705 7.76738L3.49383 10.3261L4.44598 7.80848L5.25995 10.3261L6.21216 7.80848L7.02606 10.3261L7.97827 7.80848L8.79217 10.3261L9.74438 7.80848L10.5583 10.3261L11.5105 7.80848L12.3244 10.3261L13.4292 7.74712" stroke="#707070" stroke-width="0.8" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/custom-domains-green.svg b/apps/www/public/images/icons/brand/custom-domains-green.svg
new file mode 100644
index 00000000000..48f15398d17
--- /dev/null
+++ b/apps/www/public/images/icons/brand/custom-domains-green.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.99986 14.7219C5.66969 14.7219 3.64355 13.4203 2.60889 11.5044M7.99986 14.7219C6.86193 14.7219 5.82308 13.3652 5.28825 11.5044M7.99986 14.7219C9.15361 14.7219 10.2068 13.3272 10.735 11.4264M7.99986 14.7219C10.3615 14.7219 12.4108 13.3849 13.4322 11.4264M7.99986 2.47632C10.2892 2.47632 12.2851 3.73281 13.3356 5.59381M7.99986 2.47632C5.71048 2.47632 3.71457 3.73281 2.66412 5.59381M7.99986 2.47632C9.12986 2.47632 10.1169 3.70077 10.6473 5.52247M7.99986 2.47632C6.86986 2.47632 5.88285 3.70077 5.35244 5.52247" stroke="#4CC38A" stroke-width="0.857143" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="1" y="5.57178" width="14" height="6" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M2.5705 7.42705L3.49383 9.98581L4.44598 7.46815L5.25995 9.98581L6.21216 7.46815L7.02606 9.98581L7.97827 7.46815L8.79217 9.98581L9.74438 7.46815L10.5583 9.98581L11.5105 7.46815L12.3244 9.98581L13.4292 7.40679" stroke="#4CC38A" stroke-width="0.8" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/database-add-ons-gray-negative.svg b/apps/www/public/images/icons/brand/database-add-ons-gray-negative.svg
new file mode 100644
index 00000000000..55685530c78
--- /dev/null
+++ b/apps/www/public/images/icons/brand/database-add-ons-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 2.23511L3 1.73511H13L13.5 2.23511V5.39012L15.4267 7.34459L15.0706 8.19561H13.5022V12.2351H13.5V14.2351L13 14.7351H3L2.5 14.2351V10.2351L3 9.73511H3.00195V6.73511H3L2.5 6.23511V2.23511ZM12.5 2.73511V4.37568L11.3067 3.1651H10.5945L8.06107 5.73511H7.47165V5.73486H3.50195L3.50171 5.73511H3.5V2.73511H12.5ZM4.00195 6.73511H7.0753L6.47449 7.34459L6.83057 8.19561H8.55446V9.73511H4.00195V6.73511ZM3.5 10.7351H8.55446V11.7048H9.55446V7.69561L9.05446 7.19561H8.02554L10.9506 4.22834L13.8756 7.19561H13.0022L12.5022 7.69561V11.3903H12.5V13.7351H3.5V10.7351ZM10.4385 8.20972V12.7053H11.4385V8.20972H10.4385Z" fill="url(#paint0_linear_1741_19764)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19764" x1="2.5" y1="14.7351" x2="15.4998" y2="1.80865" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/database-add-ons-gray.svg b/apps/www/public/images/icons/brand/database-add-ons-gray.svg
new file mode 100644
index 00000000000..1a434548729
--- /dev/null
+++ b/apps/www/public/images/icons/brand/database-add-ons-gray.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8635 4.09838L8.0622 6.6472L3.04883 6.4365V2.81348H13.0121V5.93095L10.8635 4.09838Z" fill="#1C1C1C"/>
+<path d="M3.04893 11.1184L7.99884 11.1184L13.0122 11.1184L13.0122 14.5991L3.04893 14.5991L3.04893 11.1184Z" fill="#1C1C1C"/>
+<path d="M7.47165 6.59888H3.50195V10.5989" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M13 5.99183V2.59912H3V6.59912H8.24249" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M13 11.7544V14.5991H3V10.5991H8.72913" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.05446 12.0688L9.05446 8.05962L6.83057 8.05962L10.9506 3.88013L15.0706 8.05962L13.0022 8.05962L13.0022 12.5991" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M10.9385 8.57373V13.0693" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/database-add-ons-green.svg b/apps/www/public/images/icons/brand/database-add-ons-green.svg
new file mode 100644
index 00000000000..c893942cdc6
--- /dev/null
+++ b/apps/www/public/images/icons/brand/database-add-ons-green.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8635 4.09838L8.0622 6.6472L3.04883 6.4365V2.81348H13.0121V5.93095L10.8635 4.09838Z" fill="#133929"/>
+<path d="M3.04893 11.1045L7.99884 11.1045L13.0122 11.1045L13.0122 14.5991L3.04893 14.5991L3.04893 11.1045Z" fill="#133929"/>
+<path d="M7.47165 6.59888H3.50195V10.5989" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M13 5.99183V2.59912H3V6.59912H8.24249" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M13 11.7544V14.5991H3V10.5991H8.72913" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.05446 12.0688L9.05446 8.05962L6.83057 8.05962L10.9506 3.88013L15.0706 8.05962L13.0022 8.05962L13.0022 12.5991" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M10.9385 8.57373V13.0693" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/database-gray-negative.svg b/apps/www/public/images/icons/brand/database-gray-negative.svg
new file mode 100644
index 00000000000..5e55c299c24
--- /dev/null
+++ b/apps/www/public/images/icons/brand/database-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 1.77246L2.5 2.27246V6.27246L3 6.77246V9.69775L2.5 10.1978V14.1978L3 14.6978H13L13.5 14.1978V10.1978L13 9.69775V6.77246L13.5 6.27246V2.27246L13 1.77246H3ZM4 6.77246H12V9.69775H4V6.77246ZM12.5 5.73535L12.5 2.77246H3.5V5.73535H12.5ZM12.5 10.7354H3.5V13.6978H12.5L12.5 10.7354Z" fill="url(#paint0_linear_1741_19012)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19012" x1="2.5" y1="14.6978" x2="15.259" y2="3.8393" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/database-gray.svg b/apps/www/public/images/icons/brand/database-gray.svg
new file mode 100644
index 00000000000..56bc4ae60b2
--- /dev/null
+++ b/apps/www/public/images/icons/brand/database-gray.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 10.6362H13V14.6362H3V10.6362Z" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="3.5" y="6.67383" width="9" height="4" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M3 2.71094H13V6.71094H3V2.71094Z" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/database-green.svg b/apps/www/public/images/icons/brand/database-green.svg
new file mode 100644
index 00000000000..7919de28ca8
--- /dev/null
+++ b/apps/www/public/images/icons/brand/database-green.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 10.636H13V14.636H3V10.636Z" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="3.50195" y="6.59888" width="8.99609" height="4" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M3 2.59912H13V6.59912H3V2.59912Z" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/documentation-gray-negative.svg b/apps/www/public/images/icons/brand/documentation-gray-negative.svg
new file mode 100644
index 00000000000..9c9549935db
--- /dev/null
+++ b/apps/www/public/images/icons/brand/documentation-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 2.23533L2.99998 1.73535H9.38154L9.73424 1.88095L13.3522 5.48174L13.4995 5.83612V14.2348L12.9995 14.7348H2.99998L2.5 14.2348V2.23533ZM3.49996 2.73531V13.7348H12.4996V6.31929L9.38002 6.31929L8.88004 5.81931L8.88004 2.73531H3.49996ZM11.7573 5.31934L9.87999 3.44205V5.31934L11.7573 5.31934ZM4.96287 8.22117H10.9629V7.22117H4.96287V8.22117ZM10.9629 10.2212H4.96287V9.22117H10.9629V10.2212ZM4.96287 12.2212H8.96287V11.2212H4.96287V12.2212Z" fill="url(#paint0_linear_1741_19739)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19739" x1="2.5" y1="14.7348" x2="15.3201" y2="3.88698" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/documentation-gray.svg b/apps/www/public/images/icons/brand/documentation-gray.svg
new file mode 100644
index 00000000000..9e4b7b66c91
--- /dev/null
+++ b/apps/www/public/images/icons/brand/documentation-gray.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 14.5988H12.9996V6.20016L9.38156 2.59937H3V14.5988Z" stroke="#707070" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.38004 2.59903L12.9644 6.18335L9.38004 6.18335L9.38004 2.59903Z" fill="#1C1C1C" stroke="#707070" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M4.96289 8.08521H10.9629" stroke="#1C1C1C"/>
+<path d="M4.96289 10.0852H10.9629" stroke="#1C1C1C"/>
+<path d="M4.96289 12.0852H8.96289" stroke="#1C1C1C"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/documentation-green.svg b/apps/www/public/images/icons/brand/documentation-green.svg
new file mode 100644
index 00000000000..877b89de115
--- /dev/null
+++ b/apps/www/public/images/icons/brand/documentation-green.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 14.5988H12.9996V6.20016L9.38156 2.59937H3V14.5988Z" stroke="#4CC38A" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.38004 2.59903L12.9644 6.18335L9.38004 6.18335L9.38004 2.59903Z" fill="#133929" stroke="#4CC38A" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M4.96289 8.08521H10.9629" stroke="#133929"/>
+<path d="M4.96289 10.0852H10.9629" stroke="#133929"/>
+<path d="M4.96289 12.0852H8.96289" stroke="#133929"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/edge-functions-gray-negative.svg b/apps/www/public/images/icons/brand/edge-functions-gray-negative.svg
new file mode 100644
index 00000000000..47168849c2b
--- /dev/null
+++ b/apps/www/public/images/icons/brand/edge-functions-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 8.23511C1.5 4.64526 4.41015 1.73511 8 1.73511C8.9473 1.73511 9.84624 1.93745 10.6569 2.30101C10.3722 2.70694 10.2051 3.20139 10.2051 3.73486L10.2051 3.74638C9.53995 3.419 8.79145 3.23511 8 3.23511C5.23858 3.23511 3 5.47368 3 8.23511C3 9.03078 3.18586 9.78305 3.51653 10.4509L3.5 10.4508C2.96803 10.4508 2.47488 10.617 2.06959 10.9002C1.7037 10.0874 1.5 9.18556 1.5 8.23511ZM1.34115 11.6893C0.80361 10.655 0.5 9.47983 0.5 8.23511C0.5 4.09297 3.85786 0.735107 8 0.735107C9.24233 0.735107 10.4154 1.03755 11.4484 1.57323C11.8176 1.3581 12.2469 1.23486 12.7051 1.23486C14.0858 1.23486 15.2051 2.35415 15.2051 3.73486C15.2051 4.23268 15.0596 4.69651 14.8088 5.08616C15.2525 6.04413 15.5 7.1113 15.5 8.23511C15.5 12.3772 12.1421 15.7351 8 15.7351C6.88002 15.7351 5.81626 15.4893 4.86077 15.0484C4.46918 15.3029 4.00186 15.4508 3.5 15.4508C2.11929 15.4508 1 14.3315 1 12.9508C1 12.4907 1.1243 12.0596 1.34115 11.6893ZM5.61531 14.2839C6.35321 14.575 7.15747 14.7351 8 14.7351C11.5899 14.7351 14.5 11.825 14.5 8.23511C14.5 7.39047 14.3391 6.58428 14.0466 5.84484C13.659 6.09178 13.1987 6.23486 12.7051 6.23486C12.664 6.23486 12.6232 6.23387 12.5826 6.23191C12.851 6.84522 13 7.52277 13 8.23511C13 10.9965 10.7614 13.2351 8 13.2351C7.28754 13.2351 6.60989 13.0861 5.99651 12.8175C5.99882 12.8617 6 12.9061 6 12.9508C6 13.4409 5.85898 13.898 5.61531 14.2839ZM11.2051 3.73486C11.2051 2.90644 11.8767 2.23486 12.7051 2.23486C13.5335 2.23486 14.2051 2.90644 14.2051 3.73486C14.2051 4.56329 13.5335 5.23486 12.7051 5.23486C11.8767 5.23486 11.2051 4.56329 11.2051 3.73486ZM4 8.23511C4 6.02597 5.79086 4.23511 8 4.23511C10.2091 4.23511 12 6.02597 12 8.23511C12 10.4442 10.2091 12.2351 8 12.2351C5.79086 12.2351 4 10.4442 4 8.23511ZM3.5 11.4508C2.67157 11.4508 2 12.1224 2 12.9508C2 13.7792 2.67157 14.4508 3.5 14.4508C4.32843 14.4508 5 13.7792 5 12.9508C5 12.1224 4.32843 11.4508 3.5 11.4508Z" fill="url(#paint0_linear_1741_19785)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19785" x1="0.5" y1="15.7351" x2="15.5" y2="0.735107" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/edge-functions-gray.svg b/apps/www/public/images/icons/brand/edge-functions-gray.svg
new file mode 100644
index 00000000000..65b62e8f89e
--- /dev/null
+++ b/apps/www/public/images/icons/brand/edge-functions-gray.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="8" cy="8.59912" r="4.5" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="12.7051" cy="4.09888" r="2" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="3.5" cy="13.3149" r="2" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M1.85724 11.9584C1.31075 10.9612 1 9.81647 1 8.59912C1 4.73313 4.13401 1.59912 8 1.59912C9.18025 1.59912 10.2923 1.89122 11.2677 2.40706M4.77293 14.8125C5.73858 15.3151 6.83612 15.5991 8 15.5991C11.866 15.5991 15 12.4651 15 8.59912C15 7.41257 14.7048 6.29497 14.1838 5.31577" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/edge-functions-green.svg b/apps/www/public/images/icons/brand/edge-functions-green.svg
new file mode 100644
index 00000000000..cfe6bb89751
--- /dev/null
+++ b/apps/www/public/images/icons/brand/edge-functions-green.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12.625" cy="4.03101" r="2" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="3.37109" cy="13.1602" r="2" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M1.85724 11.9584C1.31075 10.9612 1 9.81647 1 8.59912C1 4.73313 4.13401 1.59912 8 1.59912C9.18025 1.59912 10.2923 1.89122 11.2677 2.40706M4.77293 14.8125C5.73858 15.3151 6.83612 15.5991 8 15.5991C11.866 15.5991 15 12.4651 15 8.59912C15 7.41257 14.7048 6.29497 14.1838 5.31577" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="8" cy="8.59912" r="4.5" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/extensions-gray-negative.svg b/apps/www/public/images/icons/brand/extensions-gray-negative.svg
new file mode 100644
index 00000000000..6fdd405e034
--- /dev/null
+++ b/apps/www/public/images/icons/brand/extensions-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.38867 2.23511L1.88867 1.73511H6.88867L7.38867 2.23511V7.23511L6.88867 7.73511H1.88867L1.38867 7.23511V2.23511ZM2.38867 2.73511V6.73511H6.38867V2.73511H2.38867ZM11.8886 5.2352V7.23511H10.8886V5.2352H8.88867V4.2352H10.8886V2.23511H11.8886V4.2352H13.8887V5.2352H11.8886ZM4.38867 9.73511C3.2841 9.73511 2.38867 10.6305 2.38867 11.7351C2.38867 12.8397 3.2841 13.7351 4.38867 13.7351C5.49324 13.7351 6.38867 12.8397 6.38867 11.7351C6.38867 10.6305 5.49324 9.73511 4.38867 9.73511ZM1.38867 11.7351C1.38867 10.0783 2.73182 8.73511 4.38867 8.73511C6.04553 8.73511 7.38867 10.0783 7.38867 11.7351C7.38867 13.392 6.04553 14.7351 4.38867 14.7351C2.73182 14.7351 1.38867 13.392 1.38867 11.7351ZM8.88867 8.73511L8.38867 9.23511V14.2351L8.88867 14.7351H13.8887L14.3887 14.2351V9.23511L13.8887 8.73511H8.88867ZM13.3887 13.7351H9.38867V9.73511H13.3887V13.7351Z" fill="url(#paint0_linear_1741_19810)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19810" x1="1.38867" y1="14.7351" x2="14.3887" y2="1.73511" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/extensions-gray.svg b/apps/www/public/images/icons/brand/extensions-gray.svg
new file mode 100644
index 00000000000..fcd4c774c8b
--- /dev/null
+++ b/apps/www/public/images/icons/brand/extensions-gray.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1.88867" y="2.59912" width="5" height="5" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M11.3887 2.59912V7.59912" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M13.8887 5.09912L8.88867 5.09912" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="4.38867" cy="12.0991" r="2.5" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="8.88867" y="9.59912" width="5" height="5" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/extensions-green.svg b/apps/www/public/images/icons/brand/extensions-green.svg
new file mode 100644
index 00000000000..bea58a73a02
--- /dev/null
+++ b/apps/www/public/images/icons/brand/extensions-green.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2.08203" y="2.69653" width="5" height="5" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="8.91797" y="9.44604" width="5" height="5" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M11.418 2.69653V7.69653" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M13.918 5.19678L8.91797 5.19678" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="4.58154" cy="11.946" r="2.68506" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/getting-started-gray-negative.svg b/apps/www/public/images/icons/brand/getting-started-gray-negative.svg
new file mode 100644
index 00000000000..66a75217931
--- /dev/null
+++ b/apps/www/public/images/icons/brand/getting-started-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.4975 5.96538L12.4286 8.235L8.4975 10.5046L4.56641 12.7742L4.56641 8.235L4.56641 3.69577L8.4975 5.96538ZM13.6786 7.80199L8.9975 5.09936L4.31641 2.39673L3.56641 2.82974V8.235V13.6403L4.31641 14.0733L8.9975 11.3706L13.6786 8.66801V7.80199Z" fill="url(#paint0_linear_1741_19710)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19710" x1="3.56641" y1="14.0733" x2="15.1232" y2="4.06481" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/getting-started-gray.svg b/apps/www/public/images/icons/brand/getting-started-gray.svg
new file mode 100644
index 00000000000..b1ef015bec7
--- /dev/null
+++ b/apps/www/public/images/icons/brand/getting-started-gray.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.4287 8.59912L8.74762 11.3017L4.06653 14.0044L4.06653 8.59912L4.06653 3.19386L8.74762 5.89649L13.4287 8.59912Z" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/getting-started-green.svg b/apps/www/public/images/icons/brand/getting-started-green.svg
new file mode 100644
index 00000000000..f24b5d6f883
--- /dev/null
+++ b/apps/www/public/images/icons/brand/getting-started-green.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.4287 8.59912L8.74762 11.3017L4.06653 14.0044L4.06653 8.59912L4.06653 3.19386L8.74762 5.89649L13.4287 8.59912Z" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/glossary-gray-negative.svg b/apps/www/public/images/icons/brand/glossary-gray-negative.svg
new file mode 100644
index 00000000000..48846d72ed6
--- /dev/null
+++ b/apps/www/public/images/icons/brand/glossary-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.49998 2.73509H3.49996V11.0027C3.79413 10.8325 4.13568 10.7351 4.49998 10.7351H9.38181H12.4996V5.23659V5.23582L12.4924 2.73509H9.38154H8.49998V6.23511L7.62548 6.5664L6.50021 5.29439L5.3744 6.56648L4.49998 6.23511V2.73509ZM8 1.73513H9.38154H12.9909L13.4909 2.23367L13.4995 5.23439L13.4995 5.23582L13.4995 12.2349H13.4977L13.4999 12.5823L13.5 12.5855L13.5 14.2351L13 14.7351H4.49998C3.39542 14.7351 2.5 13.8397 2.5 12.7351V2.23511L2.99998 1.73513H4.99996L4.99998 1.73511H7.99998L8 1.73513ZM5.49998 4.9157V2.73511H7.49998V4.91529L6.87479 4.20857L6.12587 4.20849L5.49998 4.9157ZM4.49998 13.7351C3.94768 13.7351 3.49996 13.2874 3.49996 12.7351C3.49996 12.1828 3.94768 11.7351 4.49998 11.7351H9.38181H12.4946L12.5 12.5855V12.587V13.7351H4.49998Z" fill="url(#paint0_linear_1741_19936)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19936" x1="2.5" y1="14.7351" x2="15.3207" y2="3.88684" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/glossary-gray.svg b/apps/www/public/images/icons/brand/glossary-gray.svg
new file mode 100644
index 00000000000..9931120ffa6
--- /dev/null
+++ b/apps/www/public/images/icons/brand/glossary-gray.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.9996 12.5989V5.59984L12.991 2.59912L9.38156 2.59912L3 2.59912L3 13.0991" stroke="#707070" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M4.5 14.5991H13V12.9495L12.9914 11.5991H9.38184H4.5C3.67157 11.5991 3 12.2707 3 13.0991C3 13.9275 3.67157 14.5991 4.5 14.5991Z" stroke="#707070" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M5 6.59912V2.59912H8V6.59912L6.50031 4.90387L5 6.59912Z" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/glossary-green.svg b/apps/www/public/images/icons/brand/glossary-green.svg
new file mode 100644
index 00000000000..7ab0359e7b9
--- /dev/null
+++ b/apps/www/public/images/icons/brand/glossary-green.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.9996 12.5989V5.59984L12.991 2.59912L9.38156 2.59912L3 2.59912L3 13.0991" stroke="#4CC38A" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M4.5 14.5991H13V12.9495L12.9914 11.5991H9.38184H4.5C3.67157 11.5991 3 12.2707 3 13.0991C3 13.9275 3.67157 14.5991 4.5 14.5991Z" stroke="#4CC38A" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M5 6.59912V2.59912H8V6.59912L6.50031 4.90387L5 6.59912Z" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/guides-gray-negative.svg b/apps/www/public/images/icons/brand/guides-gray-negative.svg
new file mode 100644
index 00000000000..619dfc473e5
--- /dev/null
+++ b/apps/www/public/images/icons/brand/guides-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99987 2.7888C4.99189 2.7888 2.55345 5.22724 2.55345 8.23522C2.55345 11.2432 4.99189 13.6816 7.99987 13.6816C11.0078 13.6816 13.4463 11.2432 13.4463 8.23522C13.4463 5.22724 11.0078 2.7888 7.99987 2.7888ZM1.44629 8.23522C1.44629 4.61578 4.38043 1.68164 7.99987 1.68164C11.6193 1.68164 14.5534 4.61578 14.5534 8.23522C14.5534 11.8547 11.6193 14.7888 7.99987 14.7888C4.38043 14.7888 1.44629 11.8547 1.44629 8.23522ZM9.36 4.80158C9.94592 4.3222 10.7998 4.36478 11.3351 4.90009C11.8704 5.4354 11.913 6.28924 11.4336 6.87515L10.4913 8.02682C10.497 8.09553 10.4999 8.16504 10.4999 8.23522C10.4999 9.61593 9.38058 10.7352 7.99987 10.7352C7.92966 10.7352 7.86013 10.7323 7.79139 10.7267L6.64015 11.6686C6.05423 12.148 5.20039 12.1054 4.66509 11.5701C4.12978 11.0348 4.08719 10.1809 4.56658 9.59501L5.50845 8.44383C5.50277 8.37505 5.49987 8.30547 5.49987 8.23522C5.49987 6.85451 6.61916 5.73522 7.99987 5.73522C8.0701 5.73522 8.13965 5.73812 8.20841 5.74379L9.36 4.80158ZM9.42367 6.18C9.67002 6.35099 9.88416 6.56514 10.0551 6.8115L10.5767 6.17406C10.6959 6.02837 10.6853 5.81607 10.5522 5.68297C10.4191 5.54987 10.2068 5.53928 10.0611 5.65847L9.42367 6.18ZM5.94468 9.65906L5.42347 10.2961C5.30427 10.4418 5.31486 10.6541 5.44796 10.7872C5.58107 10.9203 5.79337 10.9309 5.93906 10.8117L6.57611 10.2905C6.32978 10.1195 6.11566 9.90539 5.94468 9.65906ZM6.49987 8.23522C6.49987 7.40679 7.17144 6.73522 7.99987 6.73522C8.82829 6.73522 9.49987 7.40679 9.49987 8.23522C9.49987 9.06365 8.82829 9.73522 7.99987 9.73522C7.17144 9.73522 6.49987 9.06365 6.49987 8.23522Z" fill="url(#paint0_linear_1741_19943)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19943" x1="1.44629" y1="14.7888" x2="14.5534" y2="1.68164" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/guides-gray.svg b/apps/www/public/images/icons/brand/guides-gray.svg
new file mode 100644
index 00000000000..375fe6d5d8b
--- /dev/null
+++ b/apps/www/public/images/icons/brand/guides-gray.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="8" cy="8.59912" r="6" stroke="#707070" stroke-width="1.10716" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.71053 5.59403C10.0763 5.29473 10.6094 5.32132 10.9436 5.65553V5.65553C11.2778 5.98973 11.3044 6.5228 11.0051 6.8886L9.14673 9.15996C8.97143 9.37421 8.7752 9.57045 8.56094 9.74575L6.28959 11.6041C5.92379 11.9034 5.39071 11.8768 5.05651 11.5426V11.5426C4.72231 11.2084 4.69572 10.6754 4.99501 10.3096L6.85339 8.0382C7.02869 7.82394 7.22492 7.62771 7.43918 7.45241L9.71053 5.59403Z" stroke="#707070" stroke-width="1.10716" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="8" cy="8.59912" r="2" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/guides-green.svg b/apps/www/public/images/icons/brand/guides-green.svg
new file mode 100644
index 00000000000..27863e00032
--- /dev/null
+++ b/apps/www/public/images/icons/brand/guides-green.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="8" cy="8.59912" r="6" stroke="#4CC38A" stroke-width="1.10716" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.71053 5.59403C10.0763 5.29473 10.6094 5.32132 10.9436 5.65553V5.65553C11.2778 5.98973 11.3044 6.5228 11.0051 6.8886L9.14673 9.15996C8.97143 9.37421 8.7752 9.57045 8.56094 9.74575L6.28959 11.6041C5.92379 11.9034 5.39071 11.8768 5.05651 11.5426V11.5426C4.72231 11.2084 4.69572 10.6754 4.99501 10.3096L6.85339 8.0382C7.02869 7.82394 7.22492 7.62771 7.43918 7.45241L9.71053 5.59403Z" stroke="#4CC38A" stroke-width="1.10716" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="8" cy="8.59912" r="2" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/home-gray-negative.svg b/apps/www/public/images/icons/brand/home-gray-negative.svg
new file mode 100644
index 00000000000..ae023b5375a
--- /dev/null
+++ b/apps/www/public/images/icons/brand/home-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.70848 1.84668L2.71459 5.31853L2.5 5.72907L2.50002 14.0665L3.00002 14.5665H13L13.5 14.0665L13.5 5.77526L13.2875 5.36617L8.28138 1.84813L7.70848 1.84668ZM3.50002 13.5665L3.5 5.99042L7.99235 2.86725L12.5 6.035L12.5 13.5665H10.6112V8.235L10.1112 7.735H5.88867L5.38867 8.235V13.5665H3.50002ZM6.38867 13.5665H9.61116V8.735H6.38867V13.5665Z" fill="url(#paint0_linear_1741_19696)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19696" x1="2.5" y1="14.5665" x2="15.0868" y2="3.68157" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/home-gray.svg b/apps/www/public/images/icons/brand/home-gray.svg
new file mode 100644
index 00000000000..ebfa14f7f23
--- /dev/null
+++ b/apps/www/public/images/icons/brand/home-gray.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.88867 14.4307V8.59912H10.1112V14.4307" fill="#1C1C1C"/>
+<path d="M5.88867 14.4307V8.59912H10.1112V14.4307" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M13 14.4307L13 6.13938L7.9939 2.62134L3 6.09319L3.00002 14.4307H13Z" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/home-green.svg b/apps/www/public/images/icons/brand/home-green.svg
new file mode 100644
index 00000000000..0a228053177
--- /dev/null
+++ b/apps/www/public/images/icons/brand/home-green.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.88867 14.4307V8.59912H10.1112V14.4307" fill="#133929"/>
+<path d="M5.88867 14.4307V8.59912H10.1112V14.4307" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M13 14.4307L13 6.13938L7.9939 2.62134L3 6.09319L3.00002 14.4307H13Z" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/logs-gray-negative.svg b/apps/www/public/images/icons/brand/logs-gray-negative.svg
new file mode 100644
index 00000000000..234a573c22a
--- /dev/null
+++ b/apps/www/public/images/icons/brand/logs-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.00047 1.7356L2.50049 2.23557V5.2694C1.63405 5.93972 1.07617 6.98966 1.07617 8.16989C1.07617 9.35013 1.63405 10.4001 2.50049 11.0704V14.2351L3.00047 14.735H13L13.5 14.2351V5.83637L13.3527 5.48199L9.73472 1.88119L9.38203 1.7356H3.00047ZM3.50045 11.6196V13.7351H12.5001V6.31956L9.38052 6.31956L8.88055 5.81958L8.88055 2.73555H3.50045V4.72023C3.88793 4.58084 4.30569 4.50488 4.74118 4.50488C6.76531 4.50488 8.40619 6.14576 8.40619 8.16989C8.40619 8.92652 8.17691 9.6296 7.78404 10.2134L9.61772 12.0471L8.91064 12.7542L7.11705 10.9606C6.47726 11.5058 5.64765 11.8349 4.74118 11.8349C4.30569 11.8349 3.88793 11.7589 3.50045 11.6196ZM2.07613 8.16989C2.07613 6.69803 3.26931 5.50484 4.74118 5.50484C6.21305 5.50484 7.40624 6.69803 7.40624 8.16989C7.40624 9.64176 6.21305 10.8349 4.74118 10.8349C3.26931 10.8349 2.07613 9.64176 2.07613 8.16989ZM9.8805 3.44232L11.7578 5.3196L9.8805 5.3196V3.44232Z" fill="url(#paint0_linear_1741_19920)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19920" x1="1.07617" y1="14.735" x2="14.0623" y2="2.32392" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/logs-gray.svg b/apps/www/public/images/icons/brand/logs-gray.svg
new file mode 100644
index 00000000000..0e99fe1f216
--- /dev/null
+++ b/apps/www/public/images/icons/brand/logs-gray.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.00049 14.5991H13.0001V6.2004L9.38205 2.59961H3.00049V14.5991Z" stroke="#707070" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.38052 2.59927L12.9648 6.18359L9.38052 6.18359L9.38052 2.59927Z" fill="#1C1C1C" stroke="#707070" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="4.7412" cy="8.53393" r="3.16503" fill="#1C1C1C" stroke="#707070" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.2642 12.7647L7.02734 10.5278" stroke="#707070" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/logs-green.svg b/apps/www/public/images/icons/brand/logs-green.svg
new file mode 100644
index 00000000000..52da7533ce1
--- /dev/null
+++ b/apps/www/public/images/icons/brand/logs-green.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.00049 14.5991H13.0001V6.2004L9.38205 2.59961H3.00049V14.5991Z" stroke="#4CC38A" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.38052 2.59927L12.9648 6.18359L9.38052 6.18359L9.38052 2.59927Z" fill="#133929" stroke="#4CC38A" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="4.7412" cy="8.53393" r="3.16503" fill="#133929" stroke="#4CC38A" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.2642 12.7647L7.02734 10.5278" stroke="#4CC38A" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/pitr-gray-negative.svg b/apps/www/public/images/icons/brand/pitr-gray-negative.svg
new file mode 100644
index 00000000000..378964e9333
--- /dev/null
+++ b/apps/www/public/images/icons/brand/pitr-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.11665 4.31421C3.09928 5.33158 2.56202 6.64683 2.50522 7.97993L3.4135 7.07166L4.1206 7.77876L2.53788 9.36149H1.83077L0.248047 7.77876L0.955154 7.07166L1.52547 7.64197C1.65502 6.1705 2.28295 4.7337 3.40954 3.6071C5.95534 1.0613 10.0829 1.0613 12.6287 3.6071C15.1745 6.1529 15.1745 10.2805 12.6287 12.8262C10.0829 15.372 5.95534 15.372 3.40954 12.8262C2.80906 12.2258 2.34957 11.5363 2.03204 10.7997L2.95033 10.4038C3.21862 11.0261 3.60708 11.6096 4.11665 12.1191C6.27192 14.2744 9.76631 14.2744 11.9216 12.1191C14.0769 9.96387 14.0769 6.46948 11.9216 4.31421C9.76631 2.15894 6.27192 2.15894 4.11665 4.31421ZM10.7489 7.48944V8.981L11.0002 9.2323V11.2262L10.5002 11.7262H5.50024L5.00024 11.2262V9.2323L5.25089 8.98165V7.48879L5.00024 7.23814V5.24426L5.50024 4.74426H10.5002L11.0002 5.24426V7.23814L10.7489 7.48944ZM6.00024 10.7262V9.7323H10.0002V10.7262H6.00024ZM6.25089 7.73828V8.73216H9.74894V7.73828H6.25089ZM6.00024 6.73814V5.74426H10.0002V6.73814H6.00024Z" fill="url(#paint0_linear_1741_19885)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19885" x1="0.248047" y1="14.7356" x2="13.2313" y2="0.50548" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/pitr-gray.svg b/apps/www/public/images/icons/brand/pitr-gray.svg
new file mode 100644
index 00000000000..c13962eae4f
--- /dev/null
+++ b/apps/www/public/images/icons/brand/pitr-gray.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.02048 9.07879C1.87997 7.37689 2.46076 5.62664 3.76286 4.32455C6.11339 1.97401 9.92436 1.97401 12.2749 4.32455C14.6254 6.67508 14.6254 10.4861 12.2749 12.8366C9.92436 15.1871 6.11339 15.1871 3.76286 12.8366C3.20783 12.2816 2.78385 11.6451 2.49094 10.9657" stroke="#707070" stroke-miterlimit="10"/>
+<path d="M0.601358 7.7891L2.18408 9.37183L3.76681 7.7891" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M5.5 9.58716H10.5V11.581H5.5V9.58716Z" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="5.75049" y="7.59326" width="4.49805" height="1.99387" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M5.5 5.59912H10.5V7.593H5.5V5.59912Z" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/pitr-green.svg b/apps/www/public/images/icons/brand/pitr-green.svg
new file mode 100644
index 00000000000..f6269710023
--- /dev/null
+++ b/apps/www/public/images/icons/brand/pitr-green.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.02039 9.09602C1.88032 7.39948 2.45929 5.65472 3.75729 4.35672C6.10043 2.01358 9.89942 2.01358 12.2426 4.35672C14.5857 6.69987 14.5857 10.4989 12.2426 12.842C9.89942 15.1852 6.10043 15.1852 3.75729 12.842C3.204 12.2887 2.78137 11.6543 2.48937 10.977" stroke="#4CC38A" stroke-miterlimit="10"/>
+<path d="M0.442178 7.97489L2.0249 9.55762L3.60763 7.97489" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M5.5 9.58716H10.5V11.581H5.5V9.58716Z" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="5.75049" y="7.59326" width="4.49805" height="1.99387" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M5.5 5.59912H10.5V7.593H5.5V5.59912Z" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/platform-gray-negative.svg b/apps/www/public/images/icons/brand/platform-gray-negative.svg
new file mode 100644
index 00000000000..bdff9e59d70
--- /dev/null
+++ b/apps/www/public/images/icons/brand/platform-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.29123 1.13647L7.70704 1.1373L2.99296 4.54052L2.99775 5.35474L3.60971 5.78565L1.96708 6.97151L1.97188 7.78572L2.55341 8.19521L0.700684 9.55181L0.708204 10.364L7.70527 15.291L8.27987 15.2918L15.3187 10.3648L15.3245 9.54975L13.4591 8.20386L14.0553 7.78653L14.0601 6.97069L12.4115 5.78753L13.0286 5.35554L13.0334 4.5397L8.29123 1.13647ZM4.85527 6.66271L7.71183 8.67417L8.28643 8.67497L11.3021 6.5641L11.5476 6.39841L12.904 7.37182L7.99792 10.8059L3.12099 7.37183L4.46771 6.3996L4.85527 6.66271ZM10.7356 5.73996L11.8772 4.94084L8.00057 2.15875L4.14687 4.94085L5.42404 5.84017L7.9979 7.58756L10.7356 5.73996ZM8.28379 11.8265L12.5916 8.81108L14.1688 9.94905L7.994 14.2713L1.85325 9.94729L3.41629 8.80281L7.7092 11.8257L8.28379 11.8265Z" fill="url(#paint0_linear_1741_19703)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19703" x1="0.700684" y1="15.2918" x2="14.8486" y2="0.67579" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/platform-gray.svg b/apps/www/public/images/icons/brand/platform-gray.svg
new file mode 100644
index 00000000000..83483f36f32
--- /dev/null
+++ b/apps/www/public/images/icons/brand/platform-gray.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.99316 15.2463L0.996094 10.3193L5.58919 6.95614L8.02212 8.55386L10.3707 6.95614L15.032 10.3193L7.99316 15.2463Z" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M7.99709 11.7809L2.25977 7.74095L4.45892 6.15332L7.99709 8.55538L11.5564 6.15332L13.7686 7.74095L7.99709 11.7809Z" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M7.99972 8.62939L3.28564 5.30996L7.99972 1.90674L12.7419 5.30996L7.99972 8.62939Z" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/platform-green.svg b/apps/www/public/images/icons/brand/platform-green.svg
new file mode 100644
index 00000000000..2c73d35f721
--- /dev/null
+++ b/apps/www/public/images/icons/brand/platform-green.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.99316 15.2463L0.996094 10.3193L5.58919 6.95614L8.02212 8.55386L10.3707 6.95614L15.032 10.3193L7.99316 15.2463Z" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M7.99709 11.7809L2.25977 7.74095L4.45892 6.15332L7.99709 8.55538L11.5564 6.15332L13.7686 7.74095L7.99709 11.7809Z" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M7.99972 8.62939L3.28564 5.30996L7.99972 1.90674L12.7419 5.30996L7.99972 8.62939Z" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/profile-gray-negative.svg b/apps/www/public/images/icons/brand/profile-gray-negative.svg
new file mode 100644
index 00000000000..2e4fe6c99e7
--- /dev/null
+++ b/apps/www/public/images/icons/brand/profile-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 8.2168C2.5 5.17923 4.96243 2.7168 8 2.7168C11.0376 2.7168 13.5 5.17923 13.5 8.2168C13.5 9.83728 12.7995 11.2943 11.6833 12.3014C11.39 11.247 10.6468 10.3799 9.67361 9.91993C10.181 9.46237 10.5 8.79981 10.5 8.06274C10.5 6.68203 9.38071 5.56274 8 5.56274C6.61929 5.56274 5.5 6.68203 5.5 8.06274C5.5 8.82571 5.84178 9.50885 6.38059 9.96741C5.42261 10.4545 4.70224 11.3417 4.43948 12.409C3.25216 11.3996 2.5 9.89593 2.5 8.2168ZM4.33105 13.583C2.62257 12.4128 1.5 10.446 1.5 8.2168C1.5 4.62695 4.41015 1.7168 8 1.7168C11.5899 1.7168 14.5 4.62695 14.5 8.2168C14.5 10.3796 13.4433 12.2955 11.82 13.4764V15.2351H10.82V13.3072C10.82 11.7915 9.59122 10.5627 8.07551 10.5627C6.55979 10.5627 5.33105 11.7915 5.33105 13.3072V15.2351H4.33105V13.583ZM8 6.56274C7.17157 6.56274 6.5 7.23432 6.5 8.06274C6.5 8.89117 7.17157 9.56274 8 9.56274C8.82843 9.56274 9.5 8.89117 9.5 8.06274C9.5 7.23432 8.82843 6.56274 8 6.56274Z" fill="url(#paint0_linear_1741_19879)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19879" x1="1.5" y1="15.2351" x2="15.008" y2="2.24504" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/profile-gray.svg b/apps/www/public/images/icons/brand/profile-gray.svg
new file mode 100644
index 00000000000..344fa4c16f3
--- /dev/null
+++ b/apps/www/public/images/icons/brand/profile-gray.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="8" cy="8.42676" r="2" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M11.32 15.5991V13.6712C11.32 11.8793 9.86737 10.4268 8.07551 10.4268V10.4268C6.28364 10.4268 4.83105 11.8793 4.83105 13.6712V15.5991" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M4.70982 13.5991C3.07765 12.5268 2 10.6796 2 8.58081C2 5.2671 4.68629 2.58081 8 2.58081C11.3137 2.58081 14 5.2671 14 8.58081C14 10.6796 12.9223 12.5268 11.2902 13.5991" stroke="#707070" stroke-miterlimit="10"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/profile-green.svg b/apps/www/public/images/icons/brand/profile-green.svg
new file mode 100644
index 00000000000..4064771b4f8
--- /dev/null
+++ b/apps/www/public/images/icons/brand/profile-green.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="8" cy="8.42676" r="2" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M11.32 15.5991V13.6712C11.32 11.8793 9.86737 10.4268 8.07551 10.4268V10.4268C6.28364 10.4268 4.83105 11.8793 4.83105 13.6712V15.5991" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M4.70982 13.6174C3.07765 12.5451 2 10.698 2 8.59912C2 5.28541 4.68629 2.59912 8 2.59912C11.3137 2.59912 14 5.28541 14 8.59912C14 10.698 12.9223 12.5451 11.2902 13.6174" stroke="#4CC38A" stroke-miterlimit="10"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/read-replicas-gray-negative.svg b/apps/www/public/images/icons/brand/read-replicas-gray-negative.svg
new file mode 100644
index 00000000000..ba08dbd69e7
--- /dev/null
+++ b/apps/www/public/images/icons/brand/read-replicas-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 1.73511L1.5 2.23511V9.23511L2 9.73511H6.5V14.2351L7 14.7351H14L14.5 14.2351V7.23511L14 6.73511H9.5V2.23511L9 1.73511H2ZM2.5 8.73511V2.73511H8.5V6.72276H6.97798L6.47798 7.22276V8.73511H2.5ZM7.5 13.7351V8.40027L10.7547 11.6552H8.17969V12.6552H12.0998L12.5998 12.1552V8.23511H11.5998V11.0861L8.24904 7.73511H13.5V13.7351H7.5Z" fill="url(#paint0_linear_1741_19668)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19668" x1="1.5" y1="14.7351" x2="14.5" y2="1.73511" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/read-replicas-gray.svg b/apps/www/public/images/icons/brand/read-replicas-gray.svg
new file mode 100644
index 00000000000..abfb88d2213
--- /dev/null
+++ b/apps/www/public/images/icons/brand/read-replicas-gray.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 2.59912H2V9.59912H6.97798V7.58678H9V2.59912Z" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M7 7.59912H14V14.5991H7V7.59912Z" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M11.7313 12.2888L7.04199 7.59912" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M12.0998 8.59912V12.5192H8.17969" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/read-replicas-green.svg b/apps/www/public/images/icons/brand/read-replicas-green.svg
new file mode 100644
index 00000000000..c033c7189cf
--- /dev/null
+++ b/apps/www/public/images/icons/brand/read-replicas-green.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 2.59912H2V9.59912H6.97798V7.58678H9V2.59912Z" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M7 7.59912H14V14.5991H7V7.59912Z" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M11.7313 12.2888L7.04199 7.59912" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M12.0998 8.59912V12.5192H8.17969" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/realtime-gray-negative.svg b/apps/www/public/images/icons/brand/realtime-gray-negative.svg
new file mode 100644
index 00000000000..e820eaae08f
--- /dev/null
+++ b/apps/www/public/images/icons/brand/realtime-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.85643 3.36455L1.72548 1.16846L1.00781 1.86484L3.13876 4.06093L3.85643 3.36455ZM5.06401 4.48044L4.40463 5.13847L8.92236 15.47L9.8646 15.3947L10.967 11.125L15.4261 10.0151L15.5066 9.07223L5.06401 4.48044ZM9.2584 13.7425L5.83406 5.91145L13.764 9.39835L10.4366 10.2266L10.0732 10.5868L9.2584 13.7425ZM4.86275 3.56827V1.21939L5.86275 1.21939V3.56827H4.86275ZM3.41841 4.93814L1.05269 4.93814L1.05269 5.93814H3.41841V4.93814Z" fill="url(#paint0_linear_1741_19793)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19793" x1="1.00781" y1="15.47" x2="15.308" y2="0.972541" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/realtime-gray.svg b/apps/www/public/images/icons/brand/realtime-gray.svg
new file mode 100644
index 00000000000..a3bcf43ffdd
--- /dev/null
+++ b/apps/www/public/images/icons/brand/realtime-gray.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.8623 5.30225L9.38004 15.6338L10.5569 11.0759L15.3049 9.89404L4.8623 5.30225Z" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M1.36621 1.88075L3.49715 4.07684" stroke="#707070" stroke-miterlimit="10"/>
+<line x1="5.3623" y1="1.5835" x2="5.3623" y2="3.93237" stroke="#707070" stroke-miterlimit="10"/>
+<line x1="3.41797" y1="5.80225" x2="1.05225" y2="5.80225" stroke="#707070" stroke-miterlimit="10"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/realtime-green.svg b/apps/www/public/images/icons/brand/realtime-green.svg
new file mode 100644
index 00000000000..1d5d535b40d
--- /dev/null
+++ b/apps/www/public/images/icons/brand/realtime-green.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.55762 5.12231L9.07535 15.4538L10.2522 10.8959L15.0002 9.71411L4.55762 5.12231Z" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M1.36621 1.88075L3.49715 4.07684" stroke="#4CC38A" stroke-miterlimit="10"/>
+<line x1="5.3623" y1="1.5835" x2="5.3623" y2="3.93237" stroke="#4CC38A" stroke-miterlimit="10"/>
+<line x1="3.41797" y1="5.802" x2="1.05225" y2="5.802" stroke="#4CC38A" stroke-miterlimit="10"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/reports-gray-negative.svg b/apps/www/public/images/icons/brand/reports-gray-negative.svg
new file mode 100644
index 00000000000..3cea4f0d444
--- /dev/null
+++ b/apps/www/public/images/icons/brand/reports-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6542 2.89185H10.5977V1.89185H13.9819L14.4819 2.39185V5.39185H13.4819V3.47828L10.1782 6.78212L9.47119 6.78225L5.85286 3.16627L2.37663 6.63544L1.67024 5.92762L5.49991 2.10573L6.20654 2.10597L9.82451 5.72158L12.6542 2.89185ZM13.5005 13.7352L13.5005 6.79517L14.5005 6.79516L14.5005 14.2352L14.0005 14.7352L2 14.7352L1.5 14.2352V8.21119L2.5 8.21119V13.7352H5.38379L5.38379 6.79517H6.38379L6.38379 13.7352H9.61719V10.1543H10.6172V13.7352H13.5005Z" fill="url(#paint0_linear_1741_19820)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19820" x1="1.5" y1="14.7352" x2="14.3424" y2="1.73564" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/reports-gray.svg b/apps/www/public/images/icons/brand/reports-gray.svg
new file mode 100644
index 00000000000..4e988b96331
--- /dev/null
+++ b/apps/www/public/images/icons/brand/reports-gray.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 8.5752L2 14.5992L14.0005 14.5992L14.0005 7.15918" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M2.02344 6.64555L5.8531 2.82365L9.82463 6.79259L13.7254 2.89173" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M5.88379 7.15918L5.88379 14.5991" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M10.1172 10.5183L10.1172 14.5985" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M10.5977 2.75586H13.9819V5.75586" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/reports-green.svg b/apps/www/public/images/icons/brand/reports-green.svg
new file mode 100644
index 00000000000..a04dc29b8e9
--- /dev/null
+++ b/apps/www/public/images/icons/brand/reports-green.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 8.59912L2 14.7195L14.0005 14.7195L14.0005 7.17944" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M2.02344 6.64555L5.8531 2.82365L9.82463 6.79259L13.7254 2.89173" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M5.88379 7.17005L5.88379 14.7195" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M10.1172 10.6387L10.1172 14.7189" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M11 2.59912H14V5.59912" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/roles-gray-negative.svg b/apps/www/public/images/icons/brand/roles-gray-negative.svg
new file mode 100644
index 00000000000..bd12069792c
--- /dev/null
+++ b/apps/www/public/images/icons/brand/roles-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.06499 4.25059C6.24026 2.07532 9.76706 2.07532 11.9423 4.25059C12.4386 4.74687 12.821 5.31253 13.0905 5.91585L14.0036 5.50802C13.6851 4.79495 13.2334 4.12745 12.6494 3.54349C10.0836 0.977693 5.92367 0.977692 3.35788 3.54349C2.29766 4.6037 1.67546 5.93686 1.49147 7.31642L1.06502 6.88997L0.35791 7.59708L1.66134 8.90051H2.36844L3.67187 7.59708L2.96476 6.88997L2.49528 7.35946C2.66569 6.22139 3.18886 5.12672 4.06499 4.25059ZM15.0635 8.73454L14.5735 8.24459C14.5596 9.90683 13.9184 11.5661 12.6494 12.835C12.3887 13.0958 12.1111 13.3303 11.8202 13.5384V15.212H10.8202V13.2841C10.8202 11.7684 9.59147 10.5396 8.07575 10.5396C6.56003 10.5396 5.3313 11.7684 5.3313 13.2841V15.212H4.3313V13.6341C3.09073 12.7785 2.13369 11.4956 1.70718 9.92739L2.67213 9.66495C2.97789 10.7892 3.60385 11.7398 4.42549 12.4458C4.67972 11.3342 5.42873 10.411 6.42847 9.9205C5.90559 9.46227 5.57544 8.78951 5.57544 8.03963C5.57544 6.65892 6.69473 5.53963 8.07544 5.53963C9.45615 5.53963 10.5754 6.65892 10.5754 8.03963C10.5754 8.7894 10.2454 9.46208 9.72263 9.9203C10.6947 10.3971 11.4298 11.2829 11.7036 12.3533C11.7848 12.281 11.8644 12.2059 11.9423 12.1279C12.9938 11.0764 13.5372 9.70954 13.572 8.33097L13.1684 8.73454L12.4613 8.02743L13.7624 6.72636H14.4695L15.7706 8.02743L15.0635 8.73454ZM8.07544 6.53963C7.24701 6.53963 6.57544 7.2112 6.57544 8.03963C6.57544 8.86805 7.24701 9.53963 8.07544 9.53963C8.90386 9.53963 9.57544 8.86805 9.57544 8.03963C9.57544 7.2112 8.90386 6.53963 8.07544 6.53963Z" fill="url(#paint0_linear_1741_19896)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19896" x1="0.35791" y1="15.212" x2="13.8442" y2="-0.0798281" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/roles-gray.svg b/apps/www/public/images/icons/brand/roles-gray.svg
new file mode 100644
index 00000000000..7764b8841bb
--- /dev/null
+++ b/apps/www/public/images/icons/brand/roles-gray.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0429 7.94231C14.2189 9.69252 13.6365 11.5046 12.2956 12.8454C12.0452 13.0959 11.7783 13.3199 11.4985 13.5174M13.5468 6.07587C13.2528 5.41767 12.8358 4.80109 12.2956 4.26098C9.92511 1.89044 6.08172 1.89044 3.71119 4.26098C2.53694 5.43522 1.94436 6.97087 1.93345 8.50988" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M2.18941 10.1601C2.61039 11.7079 3.58965 12.9544 4.85107 13.7415" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="8.0752" cy="8.40356" r="2" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M0.711221 7.60746L2.01465 8.91089L3.31808 7.60746" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M15.4168 8.74492L14.1157 7.44385L12.8146 8.74492" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M11.32 15.5759V13.648C11.32 11.8562 9.86737 10.4036 8.07551 10.4036V10.4036C6.28364 10.4036 4.83105 11.8562 4.83105 13.648V15.5759" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/roles-green.svg b/apps/www/public/images/icons/brand/roles-green.svg
new file mode 100644
index 00000000000..6ab8c3b3c05
--- /dev/null
+++ b/apps/www/public/images/icons/brand/roles-green.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.794 7.97431C13.9641 9.66612 13.4011 11.4177 12.105 12.7138C11.863 12.9559 11.605 13.1724 11.3345 13.3633M13.3144 6.17016C13.0303 5.53393 12.6271 4.93793 12.105 4.41583C9.81362 2.12441 6.09849 2.12441 3.80707 4.41583C2.67201 5.55089 2.0992 7.0353 2.08865 8.52294" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M4.79932 13.7141C3.69418 13.0509 2.80216 12.0268 2.31764 10.7487" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<circle cx="8.03516" cy="8.40356" r="2" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M0.560342 7.60746L2.14307 9.19019L3.72579 7.60746" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M0.560342 7.60746L2.14307 9.19019L3.72579 7.60746" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M15.4162 8.99361L13.8335 7.41089L12.2508 8.99361" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M11.32 15.5759V13.648C11.32 11.8562 9.86737 10.4036 8.07551 10.4036V10.4036C6.28364 10.4036 4.83105 11.8562 4.83105 13.648V15.5759" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/rows-gray-negative.svg b/apps/www/public/images/icons/brand/rows-gray-negative.svg
new file mode 100644
index 00000000000..f0640712741
--- /dev/null
+++ b/apps/www/public/images/icons/brand/rows-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 2.23413L14.5 2.73413V4.73413L14 5.23413L2 5.23413L1.5 4.73413V2.73413L2 2.23413H14ZM13.5 3.23413L2.5 3.23413L2.5 4.23413L13.5 4.23413V3.23413ZM14 6.73511L14.5 7.23511V9.23511L14 9.73511L2 9.73511L1.5 9.23511V7.23511L2 6.73511L14 6.73511ZM13.5 7.73511L2.5 7.73511L2.5 8.73511L13.5 8.73511V7.73511ZM14.5 11.7361L14 11.2361L2 11.2361L1.5 11.7361V13.7361L2 14.2361L14 14.2361L14.5 13.7361V11.7361ZM2.5 12.2361L13.5 12.2361V13.2361L2.5 13.2361L2.5 12.2361Z" fill="url(#paint0_linear_1741_19861)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19861" x1="1.5" y1="14.2361" x2="13.4638" y2="1.27745" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/rows-gray.svg b/apps/www/public/images/icons/brand/rows-gray.svg
new file mode 100644
index 00000000000..f5320ce67bb
--- /dev/null
+++ b/apps/www/public/images/icons/brand/rows-gray.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="14" y="3.09814" width="2" height="12" transform="rotate(90 14 3.09814)" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="14" y="7.59912" width="2" height="12" transform="rotate(90 14 7.59912)" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="14" y="12.1001" width="2" height="12" transform="rotate(90 14 12.1001)" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/rows-green.svg b/apps/www/public/images/icons/brand/rows-green.svg
new file mode 100644
index 00000000000..02b29c41d64
--- /dev/null
+++ b/apps/www/public/images/icons/brand/rows-green.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="14" y="3.09814" width="2" height="12" transform="rotate(90 14 3.09814)" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="14" y="7.59912" width="2" height="12" transform="rotate(90 14 7.59912)" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="14" y="12.1001" width="2" height="12" transform="rotate(90 14 12.1001)" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/self-hosting-gray-negative.svg b/apps/www/public/images/icons/brand/self-hosting-gray-negative.svg
new file mode 100644
index 00000000000..ea74756adce
--- /dev/null
+++ b/apps/www/public/images/icons/brand/self-hosting-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 1.73511L2.5 2.23511V6.23511L3 6.73511H3.00195V9.73518H3L2.5 10.2352V14.2351L3 14.7351H6.55211L7.05211 14.2351V14.2351V14.2351V14.2351V14.235V14.235V14.235V14.235V14.2349V14.2349V14.2349V14.2348V14.2348V14.2347V14.2346V14.2346V14.2345V14.2344V14.2344V14.2343V14.2342V14.2341V14.234V14.2339V14.2338V14.2337V14.2336V14.2335V14.2333V14.2332V14.2331V14.2329V14.2328V14.2326V14.2325V14.2323V14.2321V14.232V14.2318V14.2316V14.2314V14.2312V14.231V14.2308V14.2306V14.2304V14.2301V14.2299V14.2296V14.2294V14.2291V14.2289V14.2286V14.2283V14.228V14.2278V14.2275V14.2272V14.2268V14.2265V14.2262V14.2259V14.2255V14.2252V14.2248V14.2245V14.2241V14.2237V14.2233V14.2229V14.2225V14.2221V14.2217V14.2213V14.2208V14.2204V14.2199V14.2195V14.219V14.2185V14.218V14.2175V14.217V14.2165V14.216V14.2155V14.2149V14.2144V14.2138V14.2133V14.2127V14.2121V14.2115V14.2109V14.2103V14.2097V14.209V14.2084V14.2077V14.2071V14.2064V14.2057V14.205V14.2043V14.2036V14.2029V14.2021V14.2014V14.2006V14.1999V14.1991V14.1983V14.1975V14.1967V14.1959V14.195V14.1942V14.1933V14.1925V14.1916V14.1907V14.1898V14.1889V14.188V14.1871V14.1861V14.1852V14.1842V14.1832V14.1822V14.1812V14.1802V14.1792V14.1781V14.1771V14.176V14.1749V14.1738V14.1727V14.1716V14.1705V14.1694V14.1682V14.167V14.1659V14.1647V14.1635V14.1622V14.161V14.1598V14.1585V14.1572V14.156V14.1547V14.1534V14.152V14.1507V14.1493V14.148V14.1466V14.1452V14.1438V14.1424V14.1409V14.1395V14.138V14.1365V14.135V14.1335V14.132V14.1305V14.1289V14.1274V14.1258V14.1242V14.1226V14.1209V14.1193V14.1176V14.116V14.1143V14.1126V14.1109V14.1091V14.1074V14.1056V14.1038V14.102V14.1002V14.0984V14.0966V14.0947V14.0928V14.0909V14.089V14.0871V14.0852V14.0832V14.0812V14.0792V14.0772V14.0752V14.0732V14.0711V14.069V14.0669V14.0648V14.0627V14.0606V14.0584V14.0562V14.054V14.0518V14.0496V14.0473V14.0451V14.0428V14.0405V14.0382V14.0358V14.0335V14.0311V14.0287V14.0263V14.0239V14.0214V14.019V14.0165V14.014V14.0115V14.0089V14.0064V14.0038V14.0012V13.9986V13.996V13.9933V13.9907V13.988V13.9853V13.9825V13.9798V13.977V13.9742V13.9714V13.9686V13.9658V13.9629V13.96V13.9571V13.9542V13.9512V13.9483V13.9453V13.9423V13.9393V13.9362V13.9332V13.9301V13.927V13.9238V13.9207V13.9175V13.9143V13.9111V13.9079V13.9047V13.9014V13.8981V13.8948V13.8914V13.8881V13.8847V13.8813V13.8779V13.8744V13.871V13.8675V13.864V13.8604V13.8569V13.8533V13.8497V13.8461V13.8425V13.8388V13.8351V13.8314V13.8277V13.8239V13.8201V13.8163V13.8125V13.8087V13.8048V13.8009V13.797V13.7931V13.7891V13.7851V13.7811V13.7771V13.773V13.769V13.7649V13.7607V13.7566V13.7524V13.7482V13.744V13.7398V13.7355V13.7312V13.7269V13.7226V13.7182V13.7138V13.7094V13.705V13.7005V13.696V13.6915V13.687V13.6824V13.6778V13.6732V13.6686V13.6639V13.6592V13.6545V13.6498V13.645V13.6402V13.6354V13.6306V13.6257V13.6208V13.6159V13.611V13.606V13.601V13.596V13.591V13.5859V13.5808V13.5757V13.5705V13.5654V13.5602V13.5549V13.5497V13.5444V13.5391V13.5337V13.5284V13.523V13.5176V13.5121V13.5067V13.5012V13.4956V13.4901V13.4845V13.4789V13.4733V13.4676V13.4619V13.4562V13.4505V13.4447V13.4389V13.4331V13.4272V13.4213V13.4154V13.4095V13.4035V13.3975V13.3915V13.3854V13.3793V13.3732V13.3671V13.3609V13.3547V13.3485V13.3422V13.3359V13.3296V13.3233V13.3169V13.3105V13.3041V13.2976V13.2911V13.2846V13.2781V13.2715V13.2649V13.2582V13.2516V13.2449V13.2381V13.2314V13.2246V13.2178V13.2109V13.204V13.1971V13.1902V13.1832V13.1762V13.1692V13.1621V13.155V13.1479V13.1407V13.1335V13.1263V13.1191V13.1118V13.1045V13.0971V13.0897V13.0823V13.0749V13.0674V13.0599V13.0524V13.0448V13.0372V13.0296V13.0219V13.0142V13.0065V12.9987V12.991V12.9831V12.9753V12.9674V12.9595V12.9515V12.9435V12.9355V12.9275V12.9194V12.9113V12.9031V12.8949V12.8867V12.8784V12.8702V12.8618V12.8535V12.8451V12.8367V12.8282V12.8198V12.8112V12.8027V12.7941V12.7855V12.7768V12.7681V12.7594V12.7507V12.7419V12.733V12.7242V12.7153V12.7063V12.6974V12.6884V12.6793V12.6703V12.6612V12.652V12.6429V12.6337V12.6244V12.6151V12.6058V12.5965V12.5871V12.5777V12.5682V12.5587V12.5492V12.5396V12.53V12.5204V12.5107V12.501V12.4913V12.4815V12.4717V12.4618V12.4519V12.442V12.432V12.422V12.412V12.4019V12.3918V12.3817V12.3715V12.3613V12.351V12.3407V12.3304V12.32C7.05211 10.8216 8.28277 9.57558 9.79656 9.57558C11.3123 9.57558 12.541 10.8043 12.541 12.32V14.6052H13.541V12.32C13.541 10.8677 12.7141 9.60838 11.5054 8.98736C12.0491 8.52876 12.3945 7.84244 12.3945 7.07544C12.3945 6.96 12.3867 6.84639 12.3716 6.73511H13L13.5 6.23511V5.62782V2.23511L13 1.73511H3ZM12.0052 5.73511H12.5V5.62782V2.73511H3.5V5.73511H3.50171L3.50195 5.73486H7.47165V5.73511H7.78382C8.22745 5.03795 9.00698 4.57544 9.89453 4.57544C10.7821 4.57544 11.5616 5.03795 12.0052 5.73511ZM7.4175 6.73511H4.00195V9.73518H7.09451C7.41337 9.40175 7.79297 9.12638 8.21557 8.92778C7.71126 8.4704 7.39453 7.80991 7.39453 7.07544C7.39453 6.96 7.40236 6.84639 7.4175 6.73511ZM6.40706 10.7352H3.5V13.7351H6.05211V13.7312V13.7269V13.7226V13.7182V13.7138V13.7094V13.705V13.7005V13.696V13.6915V13.687V13.6824V13.6778V13.6732V13.6686V13.6639V13.6592V13.6545V13.6498V13.645V13.6402V13.6354V13.6306V13.6257V13.6208V13.6159V13.611V13.606V13.601V13.596V13.591V13.5859V13.5808V13.5757V13.5705V13.5654V13.5602V13.5549V13.5497V13.5444V13.5391V13.5337V13.5284V13.523V13.5176V13.5121V13.5067V13.5012V13.4956V13.4901V13.4845V13.4789V13.4733V13.4676V13.4619V13.4562V13.4505V13.4447V13.4389V13.4331V13.4272V13.4213V13.4154V13.4095V13.4035V13.3975V13.3915V13.3854V13.3793V13.3732V13.3671V13.3609V13.3547V13.3485V13.3422V13.3359V13.3296V13.3233V13.3169V13.3105V13.3041V13.2976V13.2911V13.2846V13.2781V13.2715V13.2649V13.2582V13.2516V13.2449V13.2381V13.2314V13.2246V13.2178V13.2109V13.204V13.1971V13.1902V13.1832V13.1762V13.1692V13.1621V13.155V13.1479V13.1407V13.1335V13.1263V13.1191V13.1118V13.1045V13.0971V13.0897V13.0823V13.0749V13.0674V13.0599V13.0524V13.0448V13.0372V13.0296V13.0219V13.0142V13.0065V12.9987V12.991V12.9831V12.9753V12.9674V12.9595V12.9515V12.9435V12.9355V12.9275V12.9194V12.9113V12.9031V12.8949V12.8867V12.8784V12.8702V12.8618V12.8535V12.8451V12.8367V12.8282V12.8198V12.8112V12.8027V12.7941V12.7855V12.7768V12.7681V12.7594V12.7507V12.7419V12.733V12.7242V12.7153V12.7063V12.6974V12.6884V12.6793V12.6703V12.6612V12.652V12.6429V12.6337V12.6244V12.6151V12.6058V12.5965V12.5871V12.5777V12.5682V12.5587V12.5492V12.5396V12.53V12.5204V12.5107V12.501V12.4913V12.4815V12.4717V12.4618V12.4519V12.442V12.432V12.422V12.412V12.4019V12.3918V12.3817V12.3715V12.3613V12.351V12.3407V12.3304V12.32C6.05211 11.7558 6.17936 11.2181 6.40706 10.7352ZM8.39453 7.07544C8.39453 6.24701 9.0661 5.57544 9.89453 5.57544C10.723 5.57544 11.3945 6.24701 11.3945 7.07544C11.3945 7.90387 10.723 8.57544 9.89453 8.57544C9.0661 8.57544 8.39453 7.90387 8.39453 7.07544Z" fill="url(#paint0_linear_1741_19715)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19715" x1="2.5" y1="14.7351" x2="15.3285" y2="3.83975" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/self-hosting-gray.svg b/apps/www/public/images/icons/brand/self-hosting-gray.svg
new file mode 100644
index 00000000000..7a5e667ced1
--- /dev/null
+++ b/apps/www/public/images/icons/brand/self-hosting-gray.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.58966 12.4678V14.5124H3.17859V10.599L6.83398 10.5813C6.75025 10.5989 6.58966 11.2084 6.58966 12.4678Z" fill="#1C1C1C"/>
+<path d="M13.0121 2.81348V5.93095V6.54215H11.8075C11.5573 5.72314 10.7955 5.12744 9.89453 5.12744C8.94375 5.12744 8.14793 5.79089 7.94475 6.68009L3.04883 6.4365V2.81348H13.0121Z" fill="#1C1C1C"/>
+<path d="M7.47165 6.59888H3.50195V10.5989" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M8.00013 6.59912H3V2.59912H13V5.99183V6.59912H11.5704" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M3 10.5992V14.5991H6.55211V12.684C6.55211 11.8951 6.83986 11.1657 7.3172 10.5992H3Z" fill="#1C1C1C"/>
+<path d="M13.041 14.9692V12.684C13.041 10.8922 11.5884 9.43959 9.79656 9.43959C8.0047 9.43959 6.55211 10.9114 6.55211 12.684C6.55211 14.4567 6.55211 14.5991 6.55211 14.5991H3V10.5992H7.3172" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M11.8945 7.43945C11.8945 8.54402 10.9991 9.43945 9.89453 9.43945C8.78996 9.43945 7.89453 8.54402 7.89453 7.43945C7.89453 6.33488 8.78996 5.43945 9.89453 5.43945C10.9991 5.43945 11.8945 6.33488 11.8945 7.43945Z" fill="#133929" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/self-hosting-green.svg b/apps/www/public/images/icons/brand/self-hosting-green.svg
new file mode 100644
index 00000000000..9cc2c2ddfb8
--- /dev/null
+++ b/apps/www/public/images/icons/brand/self-hosting-green.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.58966 12.4678V14.5124H3.17859V10.599L6.83398 10.5813C6.75025 10.5989 6.58966 11.2084 6.58966 12.4678Z" fill="#133929"/>
+<path d="M13.0121 2.81348V5.93095V6.54215H11.8075C11.5573 5.72314 10.7955 5.12744 9.89453 5.12744C8.94375 5.12744 8.14793 5.79089 7.94475 6.68009L3.04883 6.4365V2.81348H13.0121Z" fill="#133929"/>
+<path d="M7.47165 6.59888H3.50195V10.5989" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M8.00013 6.59912H3V2.59912H13V5.99183V6.59912H11.5704" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M3 10.5992V14.5991H6.55211V12.684C6.55211 11.8951 6.83986 11.1657 7.3172 10.5992H3Z" fill="#133929"/>
+<path d="M13.041 14.9692V12.684C13.041 10.8922 11.5884 9.43959 9.79656 9.43959C8.0047 9.43959 6.55211 10.9114 6.55211 12.684C6.55211 14.4567 6.55211 14.5991 6.55211 14.5991H3V10.5992H7.3172" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M11.8945 7.43945C11.8945 8.54402 10.9991 9.43945 9.89453 9.43945C8.78996 9.43945 7.89453 8.54402 7.89453 7.43945C7.89453 6.33488 8.78996 5.43945 9.89453 5.43945C10.9991 5.43945 11.8945 6.33488 11.8945 7.43945Z" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/settings-gray-negative.svg b/apps/www/public/images/icons/brand/settings-gray-negative.svg
new file mode 100644
index 00000000000..2b64a926831
--- /dev/null
+++ b/apps/www/public/images/icons/brand/settings-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.05852 1.73022C7.5023 1.73022 7.00732 1.99349 6.69195 2.40018L6.62575 2.48589C6.51148 2.63415 6.41164 2.76369 6.30094 2.88048C6.17312 3.01534 6.05918 3.10108 5.94774 3.14723C5.91964 3.15886 5.89166 3.17072 5.86379 3.18281C5.74837 3.23287 5.59889 3.25444 5.396 3.25042C5.25326 3.24758 5.12096 3.23451 4.97192 3.21979C4.89464 3.21216 4.81286 3.20408 4.72279 3.19676C4.25084 3.15837 3.76383 3.32278 3.40598 3.689C3.04394 4.0595 2.89149 4.55734 2.94611 5.03332C2.95539 5.11413 2.96499 5.18835 2.97409 5.25862L2.9741 5.25865C2.99375 5.41046 3.01103 5.54389 3.01741 5.68575C3.0262 5.88107 3.0082 6.02455 2.9621 6.13625C2.86233 6.37797 2.61324 6.57213 2.23629 6.85851C1.82187 7.17337 1.55273 7.67311 1.55273 8.23552C1.55273 8.79858 1.82248 9.29881 2.23771 9.61361C2.61414 9.89899 2.8627 10.0929 2.96219 10.3339C3.00823 10.4454 3.02619 10.5888 3.01727 10.784C3.01077 10.9262 2.99328 11.0601 2.97338 11.2125C2.96426 11.2823 2.95463 11.356 2.94532 11.4361C2.88997 11.9128 3.04232 12.4116 3.40494 12.7827C3.76306 13.1492 4.25054 13.3135 4.72283 13.2748C4.81326 13.2674 4.89532 13.2592 4.97287 13.2515C5.12192 13.2367 5.25426 13.2235 5.39713 13.2206C5.60039 13.2164 5.75013 13.2379 5.86574 13.2879C5.89247 13.2995 5.91931 13.3109 5.94625 13.3221C6.05785 13.3683 6.17193 13.4543 6.29989 13.5895C6.4106 13.7065 6.51041 13.8362 6.62462 13.9846L6.69122 14.0709C7.00656 14.4781 7.50187 14.7418 8.05852 14.7418C8.61684 14.7418 9.11342 14.4766 9.42863 14.0673L9.49503 13.9807C9.60883 13.832 9.70828 13.7021 9.81866 13.5848C9.94625 13.4493 10.0601 13.363 10.1716 13.3165C10.1949 13.3067 10.2183 13.2968 10.2415 13.2867C10.3579 13.2362 10.5088 13.2147 10.7138 13.2192C10.8572 13.2224 10.9898 13.2357 11.1389 13.2508C11.2177 13.2587 11.3011 13.2671 11.3933 13.2747C11.8659 13.3138 12.3538 13.1495 12.7122 12.7827C13.0812 12.4051 13.2324 11.8954 13.1688 11.4112C13.1596 11.3414 13.1503 11.2761 13.1414 11.2139L13.1414 11.2138C13.1187 11.0549 13.0989 10.916 13.0913 10.7712C13.0814 10.5797 13.0988 10.4394 13.1436 10.3307C13.2405 10.0954 13.486 9.90371 13.8605 9.62771C14.2864 9.31383 14.5643 8.80709 14.5643 8.23552C14.5643 7.66459 14.287 7.15834 13.8619 6.84438C13.4869 6.56742 13.2409 6.37541 13.1437 6.13947C13.0988 6.03058 13.0814 5.89021 13.0912 5.69863C13.0986 5.55412 13.1182 5.41563 13.1407 5.25727L13.1407 5.25714C13.1495 5.19447 13.1589 5.1287 13.168 5.05821C13.2309 4.57471 13.0796 4.06599 12.7112 3.689C12.3531 3.32249 11.8656 3.15812 11.3933 3.19685C11.3015 3.20437 11.2184 3.21268 11.1399 3.22054C10.9907 3.23544 10.8582 3.24869 10.7149 3.25174C10.5103 3.25609 10.3596 3.23449 10.2434 3.18402C10.2191 3.17344 10.1946 3.16303 10.1701 3.15279C10.0588 3.10636 9.94507 3.02032 9.81762 2.88513C9.70725 2.76806 9.60777 2.63828 9.4939 2.48973L9.4939 2.48973L9.42791 2.40382C9.11266 1.99506 8.61641 1.73022 8.05852 1.73022ZM7.48219 3.01298C7.6163 2.84003 7.82447 2.73022 8.05852 2.73022C8.29326 2.73022 8.50198 2.84069 8.63605 3.01452L8.69313 3.08895L8.69313 3.08896C8.80598 3.23649 8.94125 3.41334 9.09 3.57112C9.26845 3.7604 9.49464 3.95455 9.78507 4.07571C9.80513 4.08407 9.82511 4.09258 9.84502 4.10123C10.1503 4.23381 10.4656 4.25726 10.7361 4.25151C10.9186 4.24763 11.1185 4.22785 11.2878 4.21109L11.2878 4.21109C11.3563 4.20431 11.4198 4.19803 11.475 4.1935C11.6633 4.17806 11.8547 4.24329 11.996 4.38789C12.1412 4.53655 12.2015 4.73636 12.1764 4.92918C12.1704 4.97488 12.1633 5.02518 12.1557 5.07873L12.1557 5.07889L12.1557 5.07891C12.1314 5.24998 12.1024 5.4542 12.0925 5.64732C12.079 5.91111 12.0947 6.21868 12.219 6.52038C12.4309 7.03463 12.903 7.38104 13.2123 7.60799L13.2678 7.64879C13.4487 7.78233 13.5643 7.99537 13.5643 8.23552C13.5643 8.47594 13.4484 8.68919 13.2672 8.8227L13.2128 8.86263C12.9035 9.08917 12.4309 9.43523 12.219 9.94971C12.0946 10.2516 12.0789 10.5593 12.0927 10.8232C12.1028 11.0169 12.1321 11.2216 12.1566 11.393L12.1566 11.3931C12.1642 11.4462 12.1713 11.4962 12.1773 11.5416C12.2027 11.7347 12.1425 11.9349 11.997 12.0838C11.8556 12.2285 11.6641 12.2937 11.4756 12.2781C11.4202 12.2735 11.3565 12.2672 11.2878 12.2603C11.1184 12.2434 10.9183 12.2235 10.7358 12.2195C10.465 12.2135 10.1491 12.2367 9.84344 12.3694C9.82445 12.3776 9.8054 12.3857 9.78628 12.3937C9.49547 12.5151 9.26908 12.7097 9.09053 12.8994C8.94181 13.0574 8.80655 13.2345 8.69372 13.3822L8.63635 13.4571C8.5023 13.6312 8.29344 13.7418 8.05852 13.7418C7.82429 13.7418 7.61598 13.6318 7.48188 13.4587L7.42434 13.3839L7.42432 13.3839C7.31108 13.2365 7.17535 13.0597 7.0262 12.9021C6.84713 12.7129 6.62022 12.5189 6.32908 12.3983C6.30706 12.3891 6.28513 12.3798 6.26328 12.3704C5.9594 12.2387 5.64569 12.2152 5.37647 12.2208C5.19411 12.2245 4.99473 12.2442 4.82593 12.2608L4.82579 12.2609C4.75833 12.2675 4.69576 12.2737 4.64111 12.2782C4.45283 12.2936 4.26146 12.2284 4.12017 12.0838C3.97714 11.9374 3.91657 11.7415 3.93865 11.5515C3.94445 11.5015 3.95174 11.4456 3.95956 11.3856L3.95957 11.3856L3.95957 11.3855C3.98157 11.2168 4.00769 11.0163 4.01622 10.8297C4.02834 10.5646 4.01161 10.2553 3.88654 9.95233C3.67679 9.44419 3.2134 9.09603 2.90698 8.86581L2.84185 8.81673C2.66525 8.68284 2.55273 8.47241 2.55273 8.23552C2.55273 7.9989 2.66499 7.78868 2.84125 7.65477L2.90744 7.6048C3.21384 7.37417 3.67684 7.02566 3.88647 6.51775C4.01147 6.21488 4.02832 5.9058 4.0164 5.64081C4.00803 5.45477 3.9822 5.25476 3.96044 5.08631C3.95263 5.02588 3.94535 4.96951 3.93959 4.9193C3.91781 4.72952 3.9784 4.53403 4.12121 4.38789C4.2624 4.2434 4.45358 4.17816 4.64173 4.19347C4.69626 4.1979 4.75866 4.20401 4.82592 4.21059C4.9946 4.2271 5.19383 4.2466 5.37615 4.25022C5.64502 4.25556 5.95827 4.23183 6.26169 4.10024C6.28446 4.09036 6.30733 4.08067 6.3303 4.07116C6.62106 3.95077 6.84777 3.75721 7.02673 3.5684C7.17591 3.41101 7.31166 3.23451 7.4249 3.08727L7.42491 3.08726L7.48219 3.01298ZM6.5 8.23511C6.5 7.40668 7.17157 6.73511 8 6.73511C8.82843 6.73511 9.5 7.40668 9.5 8.23511C9.5 9.06353 8.82843 9.73511 8 9.73511C7.17157 9.73511 6.5 9.06353 6.5 8.23511ZM8 5.73511C6.61929 5.73511 5.5 6.8544 5.5 8.23511C5.5 9.61582 6.61929 10.7351 8 10.7351C9.38071 10.7351 10.5 9.61582 10.5 8.23511C10.5 6.8544 9.38071 5.73511 8 5.73511Z" fill="url(#paint0_linear_1741_19832)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19832" x1="1.55273" y1="14.7416" x2="14.5643" y2="1.72998" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/settings-gray.svg b/apps/www/public/images/icons/brand/settings-gray.svg
new file mode 100644
index 00000000000..2b62223d7bc
--- /dev/null
+++ b/apps/www/public/images/icons/brand/settings-gray.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.3536 4.40221L11.996 4.75166V4.75166L12.3536 4.40221ZM8.05852 2.59399V3.09399V2.59399ZM3.7636 4.40221L4.12121 4.75166L3.7636 4.40221ZM3.76255 12.797L3.40494 13.1464H3.40494L3.76255 12.797ZM12.3546 12.797L11.997 12.4476L12.3546 12.797ZM12.6813 10.5042L13.1436 10.6947L12.6813 10.5042ZM13.5638 9.58924L13.8604 9.99175L13.5638 9.58924ZM12.673 11.8402L12.1773 11.9054L12.673 11.8402ZM12.6813 10.5042L13.1436 10.6947L12.6813 10.5042ZM10.0427 13.1919L9.84368 12.7333L10.0427 13.1919ZM11.4345 13.1402L11.4757 12.6419L11.4345 13.1402ZM9.03243 14.126L8.63632 13.8209L9.03243 14.126ZM9.97876 13.2192L10.1714 13.6806L9.97876 13.2192ZM6.13782 13.2242L5.94642 13.6862L6.13782 13.2242ZM3.42435 10.5071L3.88653 10.3163L3.42435 10.5071ZM3.42429 6.69099L3.88648 6.88174L3.42429 6.69099ZM3.42429 6.69099L3.88648 6.88174L3.42429 6.69099ZM4.68236 4.05889L4.64178 4.55724L4.68236 4.05889ZM4.68188 13.1403L4.64106 12.6419L4.68188 13.1403ZM9.97773 3.97833L9.78521 4.43978L9.97773 3.97833ZM9.03204 3.07302L8.63608 3.37834L9.03204 3.07302ZM11.4341 4.05895L11.3932 3.56063L11.4341 4.05895ZM10.0439 4.00652L9.84477 4.46513L10.0439 4.00652ZM3.42435 10.5071L3.88653 10.3163L3.42435 10.5071ZM13.5649 7.61062L13.2678 8.01282L13.5649 7.61062ZM12.6722 5.35745L12.1764 5.29294L12.6722 5.35745ZM12.6813 6.69391L13.1436 6.50345L12.6813 6.69391ZM13.168 5.42195C13.2309 4.93847 13.0796 4.42975 12.7112 4.05277L11.996 4.75166C12.1412 4.90031 12.2015 5.10012 12.1764 5.29294L13.168 5.42195ZM12.7112 4.05277C12.353 3.68623 11.8655 3.52186 11.3932 3.56063L11.475 4.55728C11.6633 4.54182 11.8547 4.60705 11.996 4.75166L12.7112 4.05277ZM9.78521 4.43978C9.80514 4.44809 9.82499 4.45654 9.84477 4.46513L10.2431 3.5479C10.2189 3.53739 10.1946 3.52705 10.1702 3.51688L9.78521 4.43978ZM9.42799 2.7677C9.11275 2.35888 8.61646 2.09399 8.05852 2.09399V3.09399C8.29328 3.09399 8.50202 3.20448 8.63608 3.37834L9.42799 2.7677ZM8.05852 2.09399C7.50225 2.09399 7.00724 2.35731 6.69187 2.76406L7.48215 3.3768C7.61627 3.20382 7.82445 3.09399 8.05852 3.09399V2.09399ZM6.26194 4.46414C6.28458 4.45432 6.30732 4.44468 6.33016 4.43523L5.94757 3.51131C5.91963 3.52288 5.8918 3.53467 5.8641 3.54669L6.26194 4.46414ZM4.72293 3.56054C4.25093 3.52211 3.76387 3.68651 3.40598 4.05277L4.12121 4.75166C4.26241 4.60716 4.45362 4.54192 4.64178 4.55724L4.72293 3.56054ZM3.40598 4.05277C3.04395 4.42327 2.89149 4.92109 2.94611 5.39706L3.93959 5.28306C3.91781 5.09328 3.97841 4.8978 4.12121 4.75166L3.40598 4.05277ZM2.23626 7.22255C1.82186 7.53741 1.55273 8.03713 1.55273 8.59954H2.55273C2.55273 8.36292 2.66499 8.15271 2.84123 8.0188L2.23626 7.22255ZM1.55273 8.59954C1.55273 9.16261 1.8225 9.66285 2.23774 9.97765L2.84186 9.18075C2.66526 9.04687 2.55273 8.83643 2.55273 8.59954H1.55273ZM2.94533 11.7999C2.88996 12.2765 3.04232 12.7753 3.40494 13.1464L4.12017 12.4476C3.97713 12.3012 3.91657 12.1053 3.93865 11.9152L2.94533 11.7999ZM3.40494 13.1464C3.76303 13.5129 4.25044 13.6773 4.72269 13.6386L4.64106 12.6419C4.45279 12.6574 4.26144 12.5921 4.12017 12.4476L3.40494 13.1464ZM6.32922 12.7623C6.30707 12.7531 6.28501 12.7438 6.26303 12.7343L5.86544 13.6518C5.89232 13.6635 5.91932 13.6749 5.94642 13.6862L6.32922 12.7623ZM6.6913 14.4348C7.00665 14.842 7.50192 15.1056 8.05852 15.1056V14.1056C7.82431 14.1056 7.61602 13.9956 7.48191 13.8225L6.6913 14.4348ZM8.05852 15.1056C8.61679 15.1056 9.11334 14.8404 9.42855 14.4312L8.63632 13.8209C8.50227 13.995 8.29342 14.1056 8.05852 14.1056V15.1056ZM9.84368 12.7333C9.82457 12.7416 9.80539 12.7497 9.78614 12.7578L10.1714 13.6806C10.1949 13.6708 10.2184 13.6608 10.2418 13.6506L9.84368 12.7333ZM11.3934 13.6385C11.866 13.6775 12.3539 13.5132 12.7122 13.1464L11.997 12.4476C11.8556 12.5922 11.6641 12.6575 11.4757 12.6419L11.3934 13.6385ZM12.7122 13.1464C13.0812 12.7689 13.2324 12.2592 13.1688 11.775L12.1773 11.9054C12.2027 12.0985 12.1425 12.2987 11.997 12.4476L12.7122 13.1464ZM13.8604 9.99175C14.2864 9.67787 14.5643 9.17112 14.5643 8.59954H13.5643C13.5643 8.83996 13.4484 9.05321 13.2672 9.18672L13.8604 9.99175ZM14.5643 8.59954C14.5643 8.02862 14.287 7.52238 13.8619 7.20842L13.2678 8.01282C13.4487 8.14636 13.5643 8.35939 13.5643 8.59954H14.5643ZM13.1436 10.6947C13.2405 10.4594 13.486 10.2677 13.8604 9.99175L13.2672 9.18672C12.9618 9.41181 12.4438 9.76801 12.219 10.3137L13.1436 10.6947ZM13.1688 11.775C13.1361 11.5266 13.1018 11.3365 13.0913 11.135C13.0814 10.9436 13.0988 10.8034 13.1436 10.6947L12.219 10.3137C12.0946 10.6155 12.079 10.9232 12.0927 11.187C12.1059 11.4409 12.1521 11.7135 12.1773 11.9054L13.1688 11.775ZM10.2418 13.6506C10.3581 13.6001 10.509 13.5786 10.714 13.5831C10.9333 13.5879 11.127 13.6165 11.3934 13.6385L11.4757 12.6419C11.2836 12.626 10.9925 12.589 10.7359 12.5833C10.4651 12.5774 10.1493 12.6006 9.84368 12.7333L10.2418 13.6506ZM9.42855 14.4312C9.57145 14.2456 9.68727 14.0883 9.81854 13.9488C9.94612 13.8133 10.0599 13.7271 10.1714 13.6806L9.78614 12.7578C9.49537 12.8792 9.26901 13.0737 9.09047 13.2633C8.91562 13.449 8.75939 13.6612 8.63632 13.8209L9.42855 14.4312ZM5.94642 13.6862C6.05801 13.7324 6.17206 13.8183 6.30001 13.9535C6.43166 14.0926 6.54791 14.2497 6.6913 14.4348L7.48191 13.8225C7.35841 13.663 7.20161 13.4513 7.02626 13.2661C6.8472 13.0769 6.62032 12.8829 6.32922 12.7623L5.94642 13.6862ZM2.96217 10.6979C3.00821 10.8094 3.02616 10.9527 3.01725 11.1479C3.00779 11.3551 2.97495 11.5448 2.94533 11.7999L3.93865 11.9152C3.96076 11.7248 4.00465 11.4466 4.01621 11.1935C4.02831 10.9285 4.01158 10.6193 3.88653 10.3163L2.96217 10.6979ZM2.96211 6.50023C2.86234 6.74198 2.61322 6.93614 2.23626 7.22255L2.84123 8.0188C3.14287 7.78962 3.66111 7.42779 3.88648 6.88174L2.96211 6.50023ZM2.94611 5.39706C2.97542 5.65254 3.00808 5.84204 3.01743 6.04963C3.02622 6.245 3.00822 6.38851 2.96211 6.50023L3.88648 6.88174C4.0115 6.57883 4.02834 6.2697 4.01642 6.00467C4.00504 5.75187 3.96141 5.47323 3.93959 5.28306L2.94611 5.39706ZM5.8641 3.54669C5.74865 3.59675 5.59915 3.61832 5.39623 3.61427C5.17944 3.60994 4.98673 3.58202 4.72293 3.56054L4.64178 4.55724C4.83308 4.57282 5.12125 4.60898 5.37628 4.61407C5.64519 4.61943 5.95847 4.59574 6.26194 4.46414L5.8641 3.54669ZM4.72269 13.6386C4.98687 13.617 5.17973 13.5889 5.3969 13.5844C5.60013 13.5802 5.74984 13.6017 5.86544 13.6518L6.26303 12.7343C5.9592 12.6026 5.64553 12.5791 5.37633 12.5846C5.12107 12.5899 4.83247 12.6263 4.64106 12.6419L4.72269 13.6386ZM10.1702 3.51688C10.0589 3.47043 9.94521 3.38437 9.81774 3.24914C9.68658 3.10999 9.5708 2.9529 9.42799 2.7677L8.63608 3.37834C8.75912 3.53791 8.91529 3.74965 9.09007 3.93506C9.26853 4.12439 9.49473 4.31859 9.78521 4.43978L10.1702 3.51688ZM11.3932 3.56063C11.1271 3.58246 10.9335 3.61092 10.7146 3.61559C10.51 3.61996 10.3593 3.59837 10.2431 3.5479L9.84477 4.46513C10.15 4.59771 10.4655 4.62114 10.736 4.61536C10.9923 4.60989 11.283 4.57303 11.475 4.55728L11.3932 3.56063ZM6.69187 2.76406C6.54856 2.94889 6.43236 3.10568 6.30082 3.24449C6.17298 3.37939 6.05903 3.46516 5.94757 3.51131L6.33016 4.43523C6.62096 4.31481 6.84769 4.1212 7.02667 3.93234C7.20194 3.74739 7.35868 3.53605 7.48215 3.3768L6.69187 2.76406ZM2.23774 9.97765C2.61416 10.263 2.8627 10.4569 2.96217 10.6979L3.88653 10.3163C3.66131 9.77067 3.14361 9.40951 2.84186 9.18075L2.23774 9.97765ZM13.8619 7.20842C13.4869 6.93143 13.2409 6.73941 13.1436 6.50345L12.219 6.88437C12.444 7.43047 12.9625 7.78731 13.2678 8.01282L13.8619 7.20842ZM12.1764 5.29294C12.1515 5.48463 12.1055 5.7575 12.0925 6.01118C12.0789 6.275 12.0947 6.58262 12.219 6.88437L13.1436 6.50345C13.0988 6.39454 13.0813 6.25414 13.0912 6.06251C13.1016 5.86073 13.1357 5.6707 13.168 5.42195L12.1764 5.29294Z" fill="#707070"/>
+<path d="M8 10.5991C9.10457 10.5991 10 9.70369 10 8.59912C10 7.49455 9.10457 6.59912 8 6.59912C6.89543 6.59912 6 7.49455 6 8.59912C6 9.70369 6.89543 10.5991 8 10.5991Z" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/settings-green.svg b/apps/www/public/images/icons/brand/settings-green.svg
new file mode 100644
index 00000000000..2d149540e53
--- /dev/null
+++ b/apps/www/public/images/icons/brand/settings-green.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.3535 4.40197L11.9958 4.75141L12.3535 4.40197ZM8.0584 2.59375V3.09375V2.59375ZM3.76347 4.40197L3.40586 4.05252L3.76347 4.40197ZM2.05273 8.59954H2.55273H2.05273ZM3.76243 12.7968L3.40481 13.1462H3.40481L3.76243 12.7968ZM12.3545 12.7968L11.9969 12.4473L12.3545 12.7968ZM12.6813 10.5042L13.1436 10.6947L12.6813 10.5042ZM12.6813 10.5042L13.1436 10.6947L12.6813 10.5042ZM11.4345 13.14L11.4756 12.6417L11.4345 13.14ZM9.97849 13.2193L9.7859 12.7579L9.97849 13.2193ZM6.13786 13.2243L5.94646 13.6862L6.13786 13.2243ZM3.42431 10.507L3.88649 10.3162L3.42431 10.507ZM3.42428 6.69103L3.88646 6.88178L3.42428 6.69103ZM3.44274 5.33993L2.946 5.39698L3.44274 5.33993ZM3.42428 6.69103L3.88646 6.88178L3.42428 6.69103ZM6.06327 4.00531L5.86437 3.54657L6.06327 4.00531ZM4.68233 4.05865L4.64172 4.557L4.68233 4.05865ZM4.68166 13.14L4.64088 12.6417L4.68166 13.14ZM6.06394 13.1929L5.86511 13.6517L6.06394 13.1929ZM9.03195 3.07283L8.63598 3.37812L9.03195 3.07283ZM10.0436 4.00639L9.8445 4.46502L10.0436 4.00639ZM3.42431 10.507L3.88649 10.3162L3.42431 10.507ZM13.565 7.61068L13.2679 8.01285L13.565 7.61068ZM12.6813 6.69381L13.1436 6.50334L12.6813 6.69381ZM12.6721 5.35706L12.1763 5.29262L12.6721 5.35706ZM12.6813 6.69381L13.1436 6.50334L12.6813 6.69381ZM13.1679 5.4215C13.2308 4.93808 13.0794 4.42946 12.7111 4.05252L11.9958 4.75141C12.1411 4.90005 12.2013 5.09982 12.1763 5.29262L13.1679 5.4215ZM12.7111 4.05252C12.3529 3.68595 11.8653 3.52158 11.3929 3.5604L11.4748 4.55704C11.6631 4.54156 11.8545 4.60679 11.9958 4.75141L12.7111 4.05252ZM9.78524 4.43979C9.80506 4.44806 9.82482 4.45647 9.8445 4.46502L10.2428 3.54776C10.2187 3.5373 10.1945 3.52701 10.1703 3.51689L9.78524 4.43979ZM9.42792 2.76753C9.11268 2.35867 8.61636 2.09375 8.0584 2.09375V3.09375C8.29317 3.09375 8.50192 3.20425 8.63598 3.37812L9.42792 2.76753ZM8.0584 2.09375C7.50206 2.09375 7.00699 2.35713 6.69163 2.76396L7.48198 3.37661C7.61609 3.2036 7.8243 3.09375 8.0584 3.09375V2.09375ZM6.26216 4.46405C6.28465 4.4543 6.30723 4.44472 6.32991 4.43533L5.94726 3.51144C5.91952 3.52293 5.89189 3.53464 5.86437 3.54657L6.26216 4.46405ZM4.72295 3.56031C4.25091 3.52183 3.76378 3.68623 3.40586 4.05252L4.12109 4.75141C4.2623 4.6069 4.45353 4.54166 4.64172 4.557L4.72295 3.56031ZM3.40586 4.05252C3.04378 4.42307 2.89133 4.92096 2.946 5.39698L3.93947 5.28288C3.91767 5.09308 3.97826 4.89757 4.12109 4.75141L3.40586 4.05252ZM2.2363 7.22252C1.82188 7.53737 1.55273 8.03711 1.55273 8.59954H2.55273C2.55273 8.36291 2.665 8.15269 2.84125 8.01878L2.2363 7.22252ZM1.55273 8.59954C1.55273 9.16267 1.82255 9.66295 2.23786 9.97774L2.84191 9.18079C2.66528 9.04691 2.55273 8.83645 2.55273 8.59954H1.55273ZM2.94522 11.7994C2.88979 12.2761 3.04214 12.775 3.40481 13.1462L4.12004 12.4473C3.97699 12.3009 3.91643 12.105 3.93853 11.9149L2.94522 11.7994ZM3.40481 13.1462C3.76287 13.5126 4.25023 13.677 4.72244 13.6384L4.64088 12.6417C4.45263 12.6571 4.2613 12.5919 4.12004 12.4473L3.40481 13.1462ZM6.32925 12.7623C6.307 12.7531 6.28484 12.7437 6.26276 12.7342L5.86511 13.6517C5.89211 13.6634 5.91923 13.6749 5.94646 13.6862L6.32925 12.7623ZM6.69123 14.4346C7.00658 14.8417 7.50182 15.1053 8.0584 15.1053V14.1053C7.8242 14.1053 7.61592 13.9954 7.48181 13.8223L6.69123 14.4346ZM8.0584 15.1053C8.6166 15.1053 9.11309 14.8402 9.42831 14.4311L8.63615 13.8208C8.50209 13.9948 8.29327 14.1053 8.0584 14.1053V15.1053ZM9.8439 12.7332C9.82464 12.7415 9.8053 12.7498 9.7859 12.7579L10.1711 13.6807C10.1948 13.6708 10.2185 13.6607 10.2421 13.6505L9.8439 12.7332ZM11.3934 13.6383C11.866 13.6773 12.3538 13.5129 12.7121 13.1462L11.9969 12.4473C11.8555 12.592 11.664 12.6572 11.4756 12.6417L11.3934 13.6383ZM12.7121 13.1462C13.081 12.7687 13.2323 12.259 13.1687 11.7749L12.1772 11.9052C12.2026 12.0983 12.1424 12.2984 11.9969 12.4473L12.7121 13.1462ZM13.8605 9.99172C14.2864 9.67784 14.5643 9.1711 14.5643 8.59954H13.5643C13.5643 8.83995 13.4484 9.0532 13.2672 9.18671L13.8605 9.99172ZM14.5643 8.59954C14.5643 8.02867 14.2871 7.52247 13.8621 7.20851L13.2679 8.01285C13.4487 8.1464 13.5643 8.35942 13.5643 8.59954H14.5643ZM13.1436 10.6947C13.2405 10.4594 13.486 10.2677 13.8605 9.99172L13.2672 9.18671C12.9618 9.41181 12.4438 9.76803 12.219 10.3137L13.1436 10.6947ZM13.1687 11.7749C13.136 11.5266 13.1018 11.3365 13.0913 11.135C13.0814 10.9436 13.0988 10.8034 13.1436 10.6947L12.219 10.3137C12.0946 10.6155 12.0789 10.9231 12.0927 11.1869C12.1059 11.4408 12.152 11.7133 12.1772 11.9052L13.1687 11.7749ZM10.2421 13.6505C10.3584 13.6 10.5092 13.5785 10.7142 13.5829C10.9334 13.5877 11.1271 13.6163 11.3934 13.6383L11.4756 12.6417C11.2836 12.6258 10.9925 12.5888 10.736 12.5832C10.4652 12.5773 10.1495 12.6005 9.8439 12.7332L10.2421 13.6505ZM9.42831 14.4311C9.5712 14.2456 9.68702 14.0883 9.81828 13.9489C9.94585 13.8134 10.0597 13.7272 10.1711 13.6807L9.7859 12.7579C9.49517 12.8792 9.26882 13.0737 9.09029 13.2633C8.91545 13.449 8.75922 13.661 8.63615 13.8208L9.42831 14.4311ZM5.94646 13.6862C6.05802 13.7324 6.17206 13.8183 6.29999 13.9534C6.43162 14.0925 6.54786 14.2495 6.69123 14.4346L7.48181 13.8223C7.35832 13.6628 7.20153 13.4512 7.0262 13.266C6.84716 13.0768 6.6203 12.8829 6.32925 12.7623L5.94646 13.6862ZM2.96213 10.6977C3.00815 10.8092 3.02609 10.9525 3.01718 11.1477C3.00771 11.3548 2.97487 11.5445 2.94522 11.7994L3.93853 11.9149C3.96067 11.7245 4.00457 11.4463 4.01613 11.1933C4.02825 10.9283 4.01152 10.6192 3.88649 10.3162L2.96213 10.6977ZM2.96209 6.50028C2.86233 6.74199 2.61324 6.93614 2.2363 7.22252L2.84125 8.01878C3.14289 7.78962 3.6611 7.42781 3.88646 6.88178L2.96209 6.50028ZM2.946 5.39698C2.97534 5.65248 3.00803 5.84201 3.01739 6.04963C3.0262 6.24502 3.0082 6.38855 2.96209 6.50028L3.88646 6.88178C4.0115 6.57882 4.02833 6.26964 4.01637 6.00458C4.00497 5.75174 3.96131 5.47307 3.93947 5.28288L2.946 5.39698ZM5.86437 3.54657C5.7489 3.59663 5.59937 3.61819 5.3964 3.61412C5.17954 3.60977 4.98681 3.58181 4.72295 3.56031L4.64172 4.557C4.83303 4.57259 5.12127 4.6088 5.37634 4.61392C5.64529 4.61931 5.95863 4.59565 6.26216 4.46405L5.86437 3.54657ZM4.72244 13.6384C4.9866 13.6167 5.17946 13.5887 5.3966 13.5842C5.59982 13.5801 5.74952 13.6016 5.86511 13.6517L6.26276 12.7342C5.95895 12.6025 5.6453 12.5789 5.37612 12.5844C5.12087 12.5897 4.83229 12.626 4.64088 12.6417L4.72244 13.6384ZM10.1703 3.51689C10.0589 3.47044 9.94521 3.38435 9.81772 3.24909C9.68654 3.1099 9.57075 2.95278 9.42792 2.76753L8.63598 3.37812C8.75903 3.53772 8.91522 3.74952 9.09 3.93497C9.26848 4.12433 9.49471 4.31858 9.78524 4.43979L10.1703 3.51689ZM11.3929 3.5604C11.1269 3.58225 10.9333 3.61072 10.7144 3.61541C10.5097 3.6198 10.359 3.59822 10.2428 3.54776L9.8445 4.46502C10.1498 4.59759 10.4652 4.62098 10.7358 4.61519C10.9921 4.60969 11.2828 4.57281 11.4748 4.55704L11.3929 3.5604ZM6.69163 2.76396C6.54832 2.94884 6.43211 3.10568 6.30056 3.24453C6.17271 3.37947 6.05874 3.46527 5.94726 3.51144L6.32991 4.43533C6.62075 4.31487 6.8475 4.12121 7.02648 3.9323C7.20176 3.7473 7.3585 3.5359 7.48198 3.37661L6.69163 2.76396ZM2.23786 9.97774C2.61421 10.263 2.86269 10.4568 2.96213 10.6977L3.88649 10.3162C3.6613 9.77062 3.14367 9.40951 2.84191 9.18079L2.23786 9.97774ZM13.8621 7.20851C13.4869 6.93142 13.2408 6.73938 13.1436 6.50334L12.219 6.88428C12.444 7.43041 12.9626 7.78731 13.2679 8.01285L13.8621 7.20851ZM12.1763 5.29262C12.1514 5.48431 12.1055 5.75726 12.0924 6.01096C12.0789 6.27482 12.0947 6.58249 12.219 6.88428L13.1436 6.50334C13.0987 6.39439 13.0813 6.25395 13.0911 6.06225C13.1015 5.86039 13.1356 5.67034 13.1679 5.4215L12.1763 5.29262Z" fill="#4CC38A"/>
+<path d="M8 10.5989C9.10457 10.5989 10 9.70345 10 8.59888C10 7.49431 9.10457 6.59888 8 6.59888C6.89543 6.59888 6 7.49431 6 8.59888C6 9.70345 6.89543 10.5989 8 10.5989Z" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/storage-gray-negative.svg b/apps/www/public/images/icons/brand/storage-gray-negative.svg
new file mode 100644
index 00000000000..837bee9ee6d
--- /dev/null
+++ b/apps/www/public/images/icons/brand/storage-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 2.20972L3 1.70972H9.40637L9.76028 1.85652L13.3539 5.45747L13.5 5.81066V7.24404H14L14.5 7.74404V14.2351L14 14.7351H2L1.5 14.2351V6.23511L2 5.73511H2.5V2.20972ZM3.5 5.73511H4.87717L5.22783 5.87869L6.6156 7.24404H12.5V6.31958L9.41553 6.31958L8.91553 5.81958L8.91553 2.70972H3.5V5.73511ZM11.7929 5.31958L9.91553 3.44221V5.31958L11.7929 5.31958ZM2.5 13.7351V6.73511H4.67244L6.06021 8.10046L6.41088 8.24404H13.5V13.7351H2.5Z" fill="url(#paint0_linear_1741_19660)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19660" x1="1.5" y1="14.7351" x2="14.5254" y2="1.73513" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/storage-gray.svg b/apps/www/public/images/icons/brand/storage-gray.svg
new file mode 100644
index 00000000000..bef6045c255
--- /dev/null
+++ b/apps/www/public/images/icons/brand/storage-gray.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 14.5737H13V6.17468L9.40637 2.57373H3V14.5737Z" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.41553 2.59912L13 6.18359L9.41553 6.18359L9.41553 2.59912Z" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M2 6.59912H4.87717L6.41088 8.10806H14V14.5991H2V6.59912Z" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/storage-green.svg b/apps/www/public/images/icons/brand/storage-green.svg
new file mode 100644
index 00000000000..55b6ca6367f
--- /dev/null
+++ b/apps/www/public/images/icons/brand/storage-green.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 14.5994H13V6.20031L9.38184 2.59937H3V14.5994Z" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.38037 2.59912L12.9648 6.18359L9.38037 6.18359L9.38037 2.59912Z" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M2 6.59888H4.87717L6.41088 8.10781H14V14.5989H2V6.59888Z" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/support-add-ons-gray-negative.svg b/apps/www/public/images/icons/brand/support-add-ons-gray-negative.svg
new file mode 100644
index 00000000000..4eaf7940385
--- /dev/null
+++ b/apps/www/public/images/icons/brand/support-add-ons-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.97266 1.73511L1.47266 2.23511V11.6085L1.97266 12.1085H4.8495V14.2351L5.71017 14.5814L8.08456 12.1085H8.55446V12.1096H9.55446V7.69561L9.05446 7.19561H8.02554L10.9506 4.22834L13.4727 6.78684V6.84071H13.5258L13.8756 7.19561H13.0022L12.5022 7.69561V12.2351H13.5022V8.19561H15.0706L15.4267 7.34459L14.4727 6.37681V2.23511L13.9727 1.73511H1.97266ZM13.4727 5.36238V2.73511H2.47266V11.1085H5.3495L5.8495 11.6085V12.9924L7.51081 11.2622L7.87148 11.1085H8.55446V8.70972H4.2124V7.70972H6.62726L6.47449 7.34459L7.61367 6.18896H4.2124V5.18896H8.59944L10.5945 3.1651H11.3067L13.4727 5.36238ZM10.5474 14.2351V8.20972H11.5474V14.2351H10.5474Z" fill="url(#paint0_linear_1741_19747)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19747" x1="1.47266" y1="14.5814" x2="14.2751" y2="0.674992" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/support-add-ons-gray.svg b/apps/www/public/images/icons/brand/support-add-ons-gray.svg
new file mode 100644
index 00000000000..bd8647de63d
--- /dev/null
+++ b/apps/www/public/images/icons/brand/support-add-ons-gray.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.2124 6.05298H8.9248" stroke="#1C1C1C"/>
+<path d="M4.2124 8.57373H8.9248" stroke="#1C1C1C"/>
+<path d="M9.05446 12.4737L9.05446 8.05962L6.83057 8.05962L10.9506 3.88013L15.0706 8.05962L13.0022 8.05962L13.0022 12.5991" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M11.0474 8.57373V14.5991" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M13.9727 7.20472V2.59912H1.97266V11.9725H5.3495V14.5991L7.87148 11.9725H9.45259" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/support-add-ons-green.svg b/apps/www/public/images/icons/brand/support-add-ons-green.svg
new file mode 100644
index 00000000000..6ff5e144638
--- /dev/null
+++ b/apps/www/public/images/icons/brand/support-add-ons-green.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.2124 6.05298H8.9248" stroke="#133929"/>
+<path d="M4.2124 8.57373H8.9248" stroke="#133929"/>
+<path d="M9.05446 12.4737L9.05446 8.05962L6.83057 8.05962L10.9506 3.88013L15.0706 8.05962L13.0022 8.05962L13.0022 12.5991" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M11.0474 8.57373V14.5991" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M13.9727 7.20472V2.59912H1.97266V11.9725H5.3495V14.5991L7.87148 11.9725H9.45259" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/support-gray-negative.svg b/apps/www/public/images/icons/brand/support-gray-negative.svg
new file mode 100644
index 00000000000..c2f5ca07036
--- /dev/null
+++ b/apps/www/public/images/icons/brand/support-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.23511L2 1.73511H14L14.5 2.23511V11.6085L14 12.1085H7.72236L5.34797 14.5814L4.4873 14.2351V12.1085H2L1.5 11.6085V2.23511ZM2.5 2.73511V11.1085H4.9873L5.4873 11.6085V12.9924L7.14861 11.2622L7.50928 11.1085H13.5V2.73511H2.5ZM11.2637 6.18896H4.42871V5.18896H11.2637V6.18896ZM4.42871 8.70972H11.2637V7.70972H4.42871V8.70972Z" fill="url(#paint0_linear_1741_19758)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19758" x1="1.5" y1="14.5814" x2="14.3454" y2="1.58232" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/support-gray.svg b/apps/www/public/images/icons/brand/support-gray.svg
new file mode 100644
index 00000000000..7f0cddd1c45
--- /dev/null
+++ b/apps/www/public/images/icons/brand/support-gray.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 2.59912H2V11.9725H4.9873V14.5991L7.50928 11.9725H14V2.59912Z" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M4.42871 6.05298H11.2637" stroke="#1C1C1C"/>
+<path d="M4.42871 8.57373H11.2637" stroke="#1C1C1C"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/support-green.svg b/apps/www/public/images/icons/brand/support-green.svg
new file mode 100644
index 00000000000..0e3034f495a
--- /dev/null
+++ b/apps/www/public/images/icons/brand/support-green.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 2.59912H2V11.9725H4.9873V14.5991L7.50928 11.9725H14V2.59912Z" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M4.42871 6.05298H11.2637" stroke="#133929"/>
+<path d="M4.42871 8.57373H11.2637" stroke="#133929"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/table-editor-gray-negative.svg b/apps/www/public/images/icons/brand/table-editor-gray-negative.svg
new file mode 100644
index 00000000000..53d8b392821
--- /dev/null
+++ b/apps/www/public/images/icons/brand/table-editor-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 3.23511L1.5 3.73511V6.73511V12.7351L2 13.2351H14L14.5 12.7351V6.73511V3.73511L14 3.23511H2ZM13.5 6.23511V4.23511H2.5V6.23511H13.5ZM6.53613 7.23511H13.5V9.35339L6.53613 9.35169V7.23511ZM5.53613 7.23511H2.5V9.35071L5.53613 9.35145V7.23511ZM5.53613 10.3515L2.5 10.3507V12.2351H5.53613V10.3515ZM6.53613 12.2351H13.5V10.3534L6.53613 10.3517V12.2351Z" fill="url(#paint0_linear_1741_19912)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19912" x1="1.5" y1="13.2351" x2="11.1654" y2="0.670052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/table-editor-gray.svg b/apps/www/public/images/icons/brand/table-editor-gray.svg
new file mode 100644
index 00000000000..7c79f5d9512
--- /dev/null
+++ b/apps/www/public/images/icons/brand/table-editor-gray.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.98242 10.2146L14.0202 10.2175" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M6.03613 6.61304L6.03613 13.1507" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="2" y="4.09912" width="12" height="9" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="2" y="4.09912" width="12" height="3" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/table-editor-green.svg b/apps/www/public/images/icons/brand/table-editor-green.svg
new file mode 100644
index 00000000000..a100b64c80f
--- /dev/null
+++ b/apps/www/public/images/icons/brand/table-editor-green.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.98242 10.2146L14.0202 10.2175" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M6.03613 6.61304L6.03613 13.1507" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="2" y="4.09912" width="12" height="9" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="2" y="4.09912" width="12" height="3" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/tables-gray-negative.svg b/apps/www/public/images/icons/brand/tables-gray-negative.svg
new file mode 100644
index 00000000000..0156ae2f417
--- /dev/null
+++ b/apps/www/public/images/icons/brand/tables-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 3.23511L1.5 3.73511V12.7351L2 13.2351H14L14.5 12.7351V3.73511L14 3.23511H2ZM2.5 6.08753V4.23511H5.59863V6.08828L2.5 6.08753ZM2.5 7.08753V9.26477L5.59863 9.26553L5.59863 7.08828L2.5 7.08753ZM2.5 10.2648V12.2351H5.59863V10.2655L2.5 10.2648ZM6.59863 12.2351H9.40234V10.2665L6.59863 10.2658V12.2351ZM10.4023 12.2351H13.5V10.2675L10.4023 10.2667V12.2351ZM13.5 9.26745V7.09021L10.4023 7.08945V9.2667L13.5 9.26745ZM13.5 6.09021V4.23511H10.4023V6.08945L13.5 6.09021ZM9.40234 4.23511H6.59863V6.08853L9.40234 6.08921V4.23511ZM9.40234 7.08921L9.40234 9.26645L6.59863 9.26577L6.59863 7.08853L9.40234 7.08921Z" fill="url(#paint0_linear_1741_19868)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19868" x1="1.5" y1="13.2351" x2="11.1654" y2="0.670052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/tables-gray.svg b/apps/www/public/images/icons/brand/tables-gray.svg
new file mode 100644
index 00000000000..3f7f4a54554
--- /dev/null
+++ b/apps/www/public/images/icons/brand/tables-gray.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.98193 10.1287L14.0197 10.1316" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M1.98193 6.95142L14.0197 6.95435" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M6.09863 3.93237L6.09863 13.1507" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.90234 3.93237L9.90234 13.1507" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="2" y="4.09912" width="12" height="9" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/tables-green.svg b/apps/www/public/images/icons/brand/tables-green.svg
new file mode 100644
index 00000000000..509103462b1
--- /dev/null
+++ b/apps/www/public/images/icons/brand/tables-green.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.98193 10.1287L14.0197 10.1316" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M1.98193 6.95142L14.0197 6.95435" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M6.09863 3.93237L6.09863 13.1507" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.90234 3.93237L9.90234 13.1507" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<rect x="2" y="4.09912" width="12" height="9" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/tutorials-gray-negative.svg b/apps/www/public/images/icons/brand/tutorials-gray-negative.svg
new file mode 100644
index 00000000000..08a86d1254d
--- /dev/null
+++ b/apps/www/public/images/icons/brand/tutorials-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 8.23511C2.5 5.19754 4.96243 2.73511 8 2.73511C11.0376 2.73511 13.5 5.19754 13.5 8.23511C13.5 11.2727 11.0376 13.7351 8 13.7351C4.96243 13.7351 2.5 11.2727 2.5 8.23511ZM8 1.73511C4.41015 1.73511 1.5 4.64526 1.5 8.23511C1.5 11.825 4.41015 14.7351 8 14.7351C11.5899 14.7351 14.5 11.825 14.5 8.23511C14.5 4.64526 11.5899 1.73511 8 1.73511ZM8.77115 6.17201C8.77115 6.57507 8.48901 6.83033 8.09939 6.83033C7.70977 6.83033 7.42763 6.57507 7.42763 6.17201C7.42763 5.76896 7.70977 5.48682 8.09939 5.48682C8.48901 5.48682 8.77115 5.76896 8.77115 6.17201ZM9.77879 10.6594H6.50732V9.85997H7.64931V8.00591H6.50732V7.23339H8.6368V9.85997H9.77879V10.6594Z" fill="url(#paint0_linear_1741_19688)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19688" x1="1.5" y1="14.7351" x2="14.5" y2="1.73511" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/tutorials-gray.svg b/apps/www/public/images/icons/brand/tutorials-gray.svg
new file mode 100644
index 00000000000..df4b35c7489
--- /dev/null
+++ b/apps/www/public/images/icons/brand/tutorials-gray.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 8.59912C14 11.9128 11.3137 14.5991 8 14.5991C4.68629 14.5991 2 11.9128 2 8.59912C2 5.28541 4.68629 2.59912 8 2.59912C11.3137 2.59912 14 5.28541 14 8.59912Z" fill="#1C1C1C" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M8.09939 7.19435C8.48901 7.19435 8.77115 6.93908 8.77115 6.53602C8.77115 6.13297 8.48901 5.85083 8.09939 5.85083C7.70977 5.85083 7.42763 6.13297 7.42763 6.53602C7.42763 6.93908 7.70977 7.19435 8.09939 7.19435ZM6.50732 11.0234H9.77879V10.224H8.6368V7.5974H6.50732V8.36993H7.64931V10.224H6.50732V11.0234Z" fill="#707070"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/tutorials-green.svg b/apps/www/public/images/icons/brand/tutorials-green.svg
new file mode 100644
index 00000000000..a4787fd42a3
--- /dev/null
+++ b/apps/www/public/images/icons/brand/tutorials-green.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 8.59912C14 11.9128 11.3137 14.5991 8 14.5991C4.68629 14.5991 2 11.9128 2 8.59912C2 5.28541 4.68629 2.59912 8 2.59912C11.3137 2.59912 14 5.28541 14 8.59912Z" fill="#133929" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M8.09939 7.19435C8.48901 7.19435 8.77115 6.93908 8.77115 6.53602C8.77115 6.13297 8.48901 5.85083 8.09939 5.85083C7.70977 5.85083 7.42763 6.13297 7.42763 6.53602C7.42763 6.93908 7.70977 7.19435 8.09939 7.19435ZM6.50732 11.0234H9.77879V10.224H8.6368V7.5974H6.50732V8.36993H7.64931V10.224H6.50732V11.0234Z" fill="#4CC38A"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/wrappers-gray-negative.svg b/apps/www/public/images/icons/brand/wrappers-gray-negative.svg
new file mode 100644
index 00000000000..b9825cc8b84
--- /dev/null
+++ b/apps/www/public/images/icons/brand/wrappers-gray-negative.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.45802 8.23512C2.45802 6.963 2.88667 5.791 3.60741 4.85568L6.19887 7.45155C5.74719 8.12587 5.48353 8.93736 5.48353 9.80953C5.48353 11.6184 6.61581 13.1628 8.21027 13.7727C8.14034 13.7753 8.07009 13.7766 7.99952 13.7766C4.93904 13.7766 2.45802 11.2956 2.45802 8.23512ZM5.1487 5.10095L4.22612 4.1768C4.47035 3.94962 4.7351 3.74422 5.0173 3.5637C5.4142 3.39681 5.85055 3.30437 6.30962 3.30437C7.08552 3.30437 7.79957 3.56917 8.36632 4.01334C8.14316 3.99423 7.91565 3.99261 7.68532 4.00977C6.70324 4.08294 5.82412 4.48574 5.1487 5.10095ZM9.36586 5.29952C8.88073 5.0732 8.33268 4.96431 7.75963 5.007C7.02586 5.06168 6.36776 5.35653 5.85613 5.80959L7.12749 7.08311L7.15705 7.69873C6.68445 8.27298 6.40103 9.00755 6.40103 9.80953C6.40103 10.3072 6.51038 10.7793 6.70637 11.2031C7.17339 11.4073 7.69566 11.5038 8.24067 11.4632C8.98853 11.4074 9.6578 11.1022 10.1735 10.6343L8.91723 9.37591L8.88768 8.76028C9.3621 8.18382 9.64661 7.44643 9.64661 6.64135C9.64661 6.16404 9.5464 5.71013 9.36586 5.29952ZM10.8806 11.3426C10.2014 11.9728 9.31117 12.3862 8.31498 12.4604C8.1153 12.4753 7.91772 12.476 7.72326 12.4635C8.28011 12.8842 8.97353 13.1337 9.72522 13.1337C10.1987 13.1337 10.6479 13.035 11.0544 12.8575L11.055 12.8589C11.3211 12.6827 11.5711 12.4841 11.8023 12.2659L10.8806 11.3426ZM12.4163 11.5823C13.1221 10.6523 13.541 9.49264 13.541 8.23512C13.541 5.17463 11.06 2.69362 7.99952 2.69362C7.96661 2.69362 7.93376 2.69391 7.90098 2.69448C9.46232 3.3246 10.5641 4.85431 10.5641 6.64135C10.5641 7.51662 10.2994 8.33094 9.8459 9.00751L12.4163 11.5823ZM7.99952 1.77612C4.43232 1.77612 1.54053 4.66791 1.54053 8.23512C1.54053 11.8023 4.43232 14.6941 7.99952 14.6941C11.5667 14.6941 14.4585 11.8023 14.4585 8.23512C14.4585 4.66791 11.5667 1.77612 7.99952 1.77612Z" fill="url(#paint0_linear_1741_19676)"/>
+<defs>
+<linearGradient id="paint0_linear_1741_19676" x1="1.54053" y1="14.6941" x2="14.4585" y2="1.77612" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/icons/brand/wrappers-gray.svg b/apps/www/public/images/icons/brand/wrappers-gray.svg
new file mode 100644
index 00000000000..6b504f78bf5
--- /dev/null
+++ b/apps/www/public/images/icons/brand/wrappers-gray.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="7.99976" cy="8.59912" r="6.00024" stroke="#707070" stroke-width="0.917497" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.68872 9.56607C9.68872 10.1907 11.0373 10.4124 10.7546 10.9227C10.1479 12.0177 9.39801 12.1579 8.05748 12.1579C6.71696 12.1579 6.32034 12.1469 5.71367 11.0519C5.43099 10.5416 6.28083 8.49496 6.28083 7.87034C6.28083 6.80305 4.96918 6.57488 5.71339 5.9227C6.33945 5.37405 7.15963 5.0415 8.05748 5.0415C8.98078 5.0415 9.05633 5.03087 9.68872 5.60757C10.4023 6.2583 9.68872 8.52423 9.68872 9.56607Z" fill="#1C1C1C"/>
+<path d="M5.01369 6.35289C5.63868 5.52256 6.60489 4.95568 7.72271 4.87239C8.43596 4.81925 9.11735 4.96996 9.70968 5.27528M6.39307 11.9735C6.96108 12.2447 7.60539 12.3759 8.27806 12.3258C9.39825 12.2423 10.3662 11.6732 10.991 10.84" stroke="#707070" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M3.56592 4.52856L6.80307 7.77122C6.26538 8.42456 5.94252 9.26134 5.94252 10.1735C5.94252 12.2628 7.63619 13.9565 9.72545 13.9565C10.2633 13.9565 10.775 13.8442 11.2382 13.6419" stroke="#707070" stroke-width="0.917497" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M12.4902 12.6694L9.24213 9.4158C9.78164 8.76026 10.1056 7.92064 10.1056 7.00536C10.1056 4.90903 8.40618 3.20962 6.30986 3.20962C5.77018 3.20962 5.2568 3.32225 4.79196 3.52529" stroke="#707070" stroke-width="0.917497" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/icons/brand/wrappers-green.svg b/apps/www/public/images/icons/brand/wrappers-green.svg
new file mode 100644
index 00000000000..970028b1b07
--- /dev/null
+++ b/apps/www/public/images/icons/brand/wrappers-green.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="7.99976" cy="8.59912" r="6.00024" stroke="#4CC38A" stroke-width="0.917497" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.68872 9.56607C9.68872 10.1907 11.0373 10.4124 10.7546 10.9227C10.1479 12.0177 9.39801 12.1579 8.05748 12.1579C6.71696 12.1579 6.32034 12.1469 5.71367 11.0519C5.43099 10.5416 6.28083 8.49496 6.28083 7.87034C6.28083 6.80305 4.96918 6.57488 5.71339 5.9227C6.33945 5.37405 7.15963 5.0415 8.05748 5.0415C8.98078 5.0415 9.05633 5.03087 9.68872 5.60757C10.4023 6.2583 9.68872 8.52423 9.68872 9.56607Z" fill="#133929"/>
+<path d="M5.01369 6.35289C5.63868 5.52256 6.60489 4.95568 7.72271 4.87239C8.43596 4.81925 9.11735 4.96996 9.70968 5.27528M6.39307 11.9735C6.96108 12.2447 7.60539 12.3759 8.27806 12.3258C9.39825 12.2423 10.3662 11.6732 10.991 10.84" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M3.56592 4.52856L6.80307 7.77122C6.26538 8.42456 5.94252 9.26134 5.94252 10.1735C5.94252 12.2628 7.63619 13.9565 9.72545 13.9565C10.2633 13.9565 10.775 13.8442 11.2382 13.6419" stroke="#4CC38A" stroke-width="0.917497" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M12.4902 12.6694L9.24213 9.4158C9.78164 8.76026 10.1056 7.92064 10.1056 7.00536C10.1056 4.90903 8.40618 3.20962 6.30986 3.20962C5.77018 3.20962 5.2568 3.32225 4.79196 3.52529" stroke="#4CC38A" stroke-width="0.917497" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>