added features and deprecated interact (#5313)

saminacodes · web-flow · commit d7f161bcd37b · 2024-11-05T16:06:41.000-08:00
diff --git a/apps/portal/public/icons/feature-cards/dashboard.svg b/apps/portal/public/icons/feature-cards/dashboard.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3Z" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3 9H21" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 21V9" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/portal/public/icons/feature-cards/default-library.svg b/apps/portal/public/icons/feature-cards/default-library.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 3.73535H2V18.7354H9C10.7 18.7354 12 20.0354 12 21.7354V7.73535C12 5.53535 10.2 3.73535 8 3.73535Z" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 12.7354L18 14.7354L22 10.7354" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22 6.73535V3.73535H16C13.8 3.73535 12 5.53535 12 7.73535V21.7354C12 20.0354 13.3 18.7354 15 18.7354H22V16.4354" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/portal/public/icons/feature-cards/deployable.svg b/apps/portal/public/icons/feature-cards/deployable.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 16.5462C3 17.8062 2.5 21.5462 2.5 21.5462C2.5 21.5462 6.24 21.0462 7.5 19.5462C8.21 18.7062 8.2 17.4162 7.41 16.6362C7.02131 16.2652 6.50929 16.0509 5.97223 16.0342C5.43516 16.0176 4.91088 16.2 4.5 16.5462Z" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 15.0461L9 12.0461C9.53214 10.6656 10.2022 9.34221 11 8.09615C12.1652 6.23313 13.7876 4.6992 15.713 3.64024C17.6384 2.58128 19.8027 2.03252 22 2.04615C22 4.76615 21.22 9.54615 16 13.0461C14.7369 13.8449 13.3968 14.5149 12 15.0461Z" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 12.0464H4C4 12.0464 4.55 9.01641 6 8.04641C7.62 6.96641 11 8.04641 11 8.04641" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 15.0464V20.0464C12 20.0464 15.03 19.4964 16 18.0464C17.08 16.4264 16 13.0464 16 13.0464" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/portal/public/icons/feature-cards/evm.svg b/apps/portal/public/icons/feature-cards/evm.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_987_513)">
+<path d="M1.45313 12C1.45312 13.385 1.72593 14.7565 2.25596 16.0361C2.78599 17.3157 3.56287 18.4784 4.54223 19.4578C5.5216 20.4371 6.68428 21.214 7.96389 21.744C9.24349 22.2741 10.615 22.5469 12 22.5469C13.385 22.5469 14.7565 22.2741 16.0361 21.744C17.3157 21.214 18.4784 20.4371 19.4578 19.4578C20.4371 18.4784 21.214 17.3157 21.744 16.0361C22.2741 14.7565 22.5469 13.385 22.5469 12C22.5469 10.615 22.2741 9.24349 21.744 7.96389C21.214 6.68428 20.4371 5.5216 19.4578 4.54223C18.4784 3.56287 17.3157 2.78599 16.0361 2.25596C14.7565 1.72593 13.385 1.45313 12 1.45312C10.615 1.45313 9.24349 1.72593 7.96389 2.25596C6.68428 2.78599 5.5216 3.56287 4.54223 4.54223C3.56287 5.5216 2.78599 6.68428 2.25596 7.96389C1.72593 9.24349 1.45312 10.615 1.45313 12Z" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 5.40625L15.75 10.5625L12 13.375L8.25 10.5625L12 5.40625Z" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.5021 15.3125L12 18.5938L8.49792 15.3125" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_987_513">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/portal/public/icons/feature-cards/framworks.svg b/apps/portal/public/icons/feature-cards/framworks.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 7.73535H18C17.4696 7.73535 16.9609 7.52464 16.5858 7.14957C16.2107 6.77449 16 6.26578 16 5.73535V2.73535" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 6.73535V13.2354C21 14.0354 20.3 14.7354 19.5 14.7354H12.5C11.7 14.7354 11 14.0354 11 13.2354V4.23535C11 3.43535 11.7 2.73535 12.5 2.73535H17L21 6.73535Z" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7 8.73535V17.5354C7 17.8354 7.2 18.1354 7.4 18.3354C7.6 18.5354 7.9 18.7354 8.2 18.7354H15" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3 12.7354V21.5354C3 21.8354 3.2 22.1354 3.4 22.3354C3.6 22.5354 3.9 22.7354 4.2 22.7354H11" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/portal/public/icons/feature-cards/manage-contracts.svg b/apps/portal/public/icons/feature-cards/manage-contracts.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 2.73535H6C5.46957 2.73535 4.96086 2.94607 4.58579 3.32114C4.21071 3.69621 4 4.20492 4 4.73535V20.7354C4 21.2658 4.21071 21.7745 4.58579 22.1496C4.96086 22.5246 5.46957 22.7354 6 22.7354H18C18.5304 22.7354 19.0391 22.5246 19.4142 22.1496C19.7893 21.7745 20 21.2658 20 20.7354V7.73535L15 2.73535Z" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 2.73535V6.73535C14 7.26578 14.2107 7.77449 14.5858 8.14957C14.9609 8.52464 15.4696 8.73535 16 8.73535H20" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 12.7354H16" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 11.7354V13.7354" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 17.7354H16" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 16.7354V18.7354" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/portal/public/icons/feature-cards/ownership.svg b/apps/portal/public/icons/feature-cards/ownership.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 22.7349H18C18.5304 22.7349 19.0391 22.5241 19.4142 22.1491C19.7893 21.774 20 21.2653 20 20.7349V7.73486L15 2.73486H6C5.46957 2.73486 4.96086 2.94558 4.58579 3.32065C4.21071 3.69572 4 4.20443 4 4.73486V10.7349" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 2.73486V6.73486C14 7.2653 14.2107 7.774 14.5858 8.14908C14.9609 8.52415 15.4696 8.73486 16 8.73486H20" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 18.7349C5.10457 18.7349 6 17.8394 6 16.7349C6 15.6303 5.10457 14.7349 4 14.7349C2.89543 14.7349 2 15.6303 2 16.7349C2 17.8394 2.89543 18.7349 4 18.7349Z" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 10.7349L5.5 15.2349" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 11.7349L10 12.7349" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/portal/public/icons/feature-cards/protocols.svg b/apps/portal/public/icons/feature-cards/protocols.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 3.04639H5C3.89543 3.04639 3 3.94182 3 5.04639V9.04639C3 10.151 3.89543 11.0464 5 11.0464H9C10.1046 11.0464 11 10.151 11 9.04639V5.04639C11 3.94182 10.1046 3.04639 9 3.04639Z" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7 11.0464V15.0464C7 15.5768 7.21071 16.0855 7.58579 16.4606C7.96086 16.8357 8.46957 17.0464 9 17.0464H13" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 13.0464H15C13.8954 13.0464 13 13.9418 13 15.0464V19.0464C13 20.151 13.8954 21.0464 15 21.0464H19C20.1046 21.0464 21 20.151 21 19.0464V15.0464C21 13.9418 20.1046 13.0464 19 13.0464Z" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/portal/public/icons/feature-cards/security.svg b/apps/portal/public/icons/feature-cards/security.svg
@@ -1,4 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20 13C20 18 16.5 20.5 12.34 21.95C12.1222 22.0238 11.8855 22.0202 11.67 21.94C7.5 20.5 4 18 4 13V5.99996C4 5.73474 4.10536 5.48039 4.29289 5.29285C4.48043 5.10532 4.73478 4.99996 5 4.99996C7 4.99996 9.5 3.79996 11.24 2.27996C11.4519 2.09896 11.7214 1.99951 12 1.99951C12.2786 1.99951 12.5481 2.09896 12.76 2.27996C14.51 3.80996 17 4.99996 19 4.99996C19.2652 4.99996 19.5196 5.10532 19.7071 5.29285C19.8946 5.48039 20 5.73474 20 5.99996V13Z" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9 12L11 14L15 10" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 18.0002V21.0002C2 21.6002 2.4 22.0002 3 22.0002H7V19.0002H10V16.0002H12L13.4 14.6002C14.7898 15.0843 16.3028 15.0825 17.6915 14.5949C19.0801 14.1074 20.2622 13.163 21.0444 11.9163C21.8265 10.6696 22.1624 9.19433 21.9971 7.7319C21.8318 6.26946 21.1751 4.90641 20.1344 3.86573C19.0937 2.82505 17.7307 2.16834 16.2683 2.00305C14.8058 1.83776 13.3306 2.17366 12.0839 2.9558C10.8372 3.73795 9.89279 4.92003 9.40525 6.30868C8.91771 7.69733 8.91585 9.21033 9.4 10.6002L2 18.0002Z" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.5 8C16.7761 8 17 7.77614 17 7.5C17 7.22386 16.7761 7 16.5 7C16.2239 7 16 7.22386 16 7.5C16 7.77614 16.2239 8 16.5 8Z" fill="black" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/apps/portal/public/icons/feature-cards/streamlined-deployment.svg b/apps/portal/public/icons/feature-cards/streamlined-deployment.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.99999 14.0002C3.81076 14.0008 3.62522 13.9477 3.46495 13.8471C3.30467 13.7465 3.17623 13.6025 3.09454 13.4318C3.01286 13.2611 2.98129 13.0707 3.00349 12.8828C3.0257 12.6949 3.10077 12.5171 3.21999 12.3702L13.12 2.17016C13.1943 2.08444 13.2955 2.02652 13.407 2.0059C13.5185 1.98527 13.6337 2.00318 13.7337 2.05667C13.8337 2.11016 13.9126 2.19606 13.9573 2.30027C14.0021 2.40448 14.0101 2.52081 13.98 2.63016L12.06 8.65016C12.0034 8.80169 11.9844 8.96468 12.0046 9.12517C12.0248 9.28566 12.0837 9.43884 12.1761 9.57159C12.2685 9.70434 12.3918 9.81268 12.5353 9.88732C12.6788 9.96197 12.8382 10.0007 13 10.0002H20C20.1892 9.99952 20.3748 10.0526 20.535 10.1532C20.6953 10.2538 20.8238 10.3978 20.9054 10.5685C20.9871 10.7392 21.0187 10.9296 20.9965 11.1175C20.9743 11.3054 20.8992 11.4832 20.78 11.6302L10.88 21.8302C10.8057 21.9159 10.7045 21.9738 10.593 21.9944C10.4815 22.0151 10.3663 21.9972 10.2663 21.9437C10.1663 21.8902 10.0874 21.8043 10.0427 21.7001C9.99791 21.5958 9.98991 21.4795 10.02 21.3702L11.94 15.3502C11.9966 15.1986 12.0156 15.0356 11.9954 14.8752C11.9752 14.7147 11.9163 14.5615 11.8239 14.4287C11.7315 14.296 11.6082 14.1876 11.4647 14.113C11.3212 14.0384 11.1617 13.9996 11 14.0002H3.99999Z" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/portal/public/icons/feature-cards/verified.svg b/apps/portal/public/icons/feature-cards/verified.svg
@@ -0,0 +1,3 @@
+<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.4096 1.97614C14.1455 1.87709 13.8545 1.87709 13.5904 1.97614L4.25702 5.47614C3.80167 5.6469 3.5 6.0822 3.5 6.56852V14.7352C3.5 18.756 6.16204 21.9689 8.56508 24.0715C9.79111 25.1443 11.0116 25.9828 11.9233 26.5526C12.3804 26.8383 12.763 27.0584 13.0339 27.2084C13.1695 27.2834 13.2773 27.341 13.3529 27.3807C13.3907 27.4005 13.4204 27.4159 13.4415 27.4267L13.4665 27.4395L13.4741 27.4433L13.4766 27.4445L13.4775 27.445C13.4779 27.4452 13.4783 27.4454 14 26.4019L13.4783 27.4454C13.8067 27.6096 14.1933 27.6096 14.5217 27.4454L14 26.4019C14.5217 27.4454 14.5221 27.4452 14.5225 27.445L14.5234 27.4445L14.5259 27.4433L14.5335 27.4395L14.5585 27.4267C14.5796 27.4159 14.6093 27.4005 14.6471 27.3807C14.7227 27.341 14.8305 27.2834 14.9661 27.2084C15.237 27.0584 15.6196 26.8383 16.0767 26.5526C16.9884 25.9828 18.2089 25.1443 19.4349 24.0715C21.838 21.9689 24.5 18.756 24.5 14.7352V6.56852C24.5 6.0822 24.1983 5.6469 23.743 5.47614L14.4096 1.97614ZM14.84 24.574C14.5095 24.7806 14.2236 24.9483 14 25.0751C13.7764 24.9483 13.4905 24.7806 13.16 24.574C12.3217 24.05 11.2089 23.2844 10.1016 22.3155C7.83796 20.3348 5.83333 17.7143 5.83333 14.7352V7.37702L14 4.31452L22.1667 7.37702V14.7352C22.1667 17.7143 20.162 20.3348 17.8984 22.3155C16.7911 23.2844 15.6783 24.05 14.84 24.574ZM18.325 13.2269C18.7806 12.7712 18.7806 12.0325 18.325 11.5769C17.8693 11.1213 17.1307 11.1213 16.675 11.5769L12.8333 15.4186L11.325 13.9103C10.8693 13.4547 10.1307 13.4547 9.67504 13.9103C9.21943 14.3659 9.21943 15.1046 9.67504 15.5602L12.0084 17.8935C12.464 18.3491 13.2027 18.3491 13.6583 17.8935L18.325 13.2269Z" fill="#777777"/>
+</svg>
diff --git a/apps/portal/public/icons/feature-cards/versioning.svg b/apps/portal/public/icons/feature-cards/versioning.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V7L15 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V8" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 2V6C14 6.53043 14.2107 7.03914 14.5858 7.41421C14.9609 7.78929 15.4696 8 16 8H20" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 12L2 15L5 18" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 18L12 15L9 12" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/portal/public/icons/feature-cards/wallet.svg b/apps/portal/public/icons/feature-cards/wallet.svg
@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M19 7V4C19 3.73478 18.8946 3.48043 18.7071 3.29289C18.5196 3.10536 18.2652 3 18 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5C3 5.53043 3.21071 6.03914 3.58579 6.41421C3.96086 6.78929 4.46957 7 5 7H20C20.2652 7 20.5196 7.10536 20.7071 7.29289C20.8946 7.48043 21 7.73478 21 8V12M21 12H18C17.4696 12 16.9609 12.2107 16.5858 12.5858C16.2107 12.9609 16 13.4696 16 14C16 14.5304 16.2107 15.0391 16.5858 15.4142C16.9609 15.7893 17.4696 16 18 16H21C21.2652 16 21.5196 15.8946 21.7071 15.7071C21.8946 15.5196 22 15.2652 22 15V13C22 12.7348 21.8946 12.4804 21.7071 12.2929C21.5196 12.1054 21.2652 12 21 12Z" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V16" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 7.73535V4.73535C19 4.47014 18.8946 4.21578 18.7071 4.02824C18.5196 3.84071 18.2652 3.73535 18 3.73535H5C4.46957 3.73535 3.96086 3.94607 3.58579 4.32114C3.21071 4.69621 3 5.20492 3 5.73535C3 6.26578 3.21071 6.77449 3.58579 7.14957C3.96086 7.52464 4.46957 7.73535 5 7.73535H20C20.2652 7.73535 20.5196 7.84071 20.7071 8.02824C20.8946 8.21578 21 8.47014 21 8.73535V12.7354M21 12.7354H18C17.4696 12.7354 16.9609 12.9461 16.5858 13.3211C16.2107 13.6962 16 14.2049 16 14.7354C16 15.2658 16.2107 15.7745 16.5858 16.1496C16.9609 16.5246 17.4696 16.7354 18 16.7354H21C21.2652 16.7354 21.5196 16.63 21.7071 16.4425C21.8946 16.2549 22 16.0006 22 15.7354V13.7354C22 13.4701 21.8946 13.2158 21.7071 13.0282C21.5196 12.8407 21.2652 12.7354 21 12.7354Z" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3 5.73535V19.7354C3 20.2658 3.21071 20.7745 3.58579 21.1496C3.96086 21.5246 4.46957 21.7354 5 21.7354H20C20.2652 21.7354 20.5196 21.63 20.7071 21.4425C20.8946 21.2549 21 21.0006 21 20.7354V16.7354" stroke="#777777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/apps/portal/redirects.mjs b/apps/portal/redirects.mjs
@@ -333,6 +333,7 @@ const solidityRedirects = {
 		"/contracts/build/base-contracts/erc-721/delayed-reveal",
 	"/solidity/base-contracts/smart-accounts":
 		"/contracts/build/base-contracts/erc-4337",
+	"/interact/overview":"/connect/blockchain-api"
 };
 
 const extensionsTable = "/typescript/v4/extensions#all-available-extensions";
diff --git a/apps/portal/src/app/contracts/deploy/overview/page.mdx b/apps/portal/src/app/contracts/deploy/overview/page.mdx
@@ -1,4 +1,4 @@
-import { createMetadata } from "@doc";
+import { createMetadata, FeatureCard } from "@doc";
 
 export const metadata = createMetadata({
 	image: {
@@ -20,11 +20,52 @@ Simply run the following command at the root of your contract directory:
 npx thirdweb deploy
 ```
 
-#### Features
+### Features
 
-- **Automatically verified contracts:** Contracts deployed using Deploy are automatically verified on [Sourcify](https://sourcify.dev/).
-- **Client-side deployment (increased security):** Deploy simplifies contract deployment with an intuitive dashboard. Users can avoid exporting / storing private keys, setting up RPC URLs, copying ABIs, or running scripts.
-- **No additional setup:** There is no need to modify your contract or do any additional setup. Deploy works with any contract, including those created with popular frameworks such as Hardhat and Foundry.
-- **Deploy to any EVM network:** Deploy supports the deployment of a contract to any EVM network.
-- **Dashboard management:** Automatically add your contracts to dashboard to setup constructors, manage and interact with your contract.
-- **Support for browser based wallets:** Deploy a contract using browser-based wallets like MetaMask, Coinbase Wallet, and others. Alternatively, deploy safely with a team using options such as Safe.
+<div
+	className="my-4 grid gap-2 md:grid-cols-2 lg:grid-cols-2 "
+>
+	<FeatureCard
+		title="Automatically verified"
+		description="Contracts are automatically verified on Sourcify"
+		iconUrl="/icons/feature-cards/verified.svg"
+	/>
+	    <FeatureCard
+    	title="Deploy to any EVM"
+    	description="Deploy to over 2,000+ available EVM chains"
+			iconUrl="/icons/feature-cards/evm.svg"
+    />
+
+    <FeatureCard
+    	title="Increased security"
+    	description="Avoid exporting private keys with client-side deployment"
+			iconUrl="/icons/feature-cards/security.svg"
+    />
+			<FeatureCard
+		title="Streamlined deployment"
+		description="Avoid writing scripts, setting up RPCs, copying ABIs, etc."
+		iconUrl="/icons/feature-cards/streamlined-deployment.svg"
+	/>
+		<FeatureCard
+		title="Support for frameworks"
+		description="Works with contracts built with Hardhat and Foundry"
+		iconUrl="/icons/feature-cards/frameworks.svg"
+	/>
+
+    <FeatureCard
+    	title="Deploy with any wallet"
+    	description="Use any supported EOA or in-app wallet to deploy"
+			iconUrl="/icons/feature-cards/wallet.svg"
+    />
+	    <FeatureCard
+    	title="Dashboard"
+    	description="Unlock a management dashboard"
+			iconUrl="/icons/feature-cards/dashboard.svg"
+    />
+		    <FeatureCard
+    	title="Publish options"
+    	description="Include versioning and a landing page for published contracts"
+			iconUrl="/icons/feature-cards/versioning.svg"
+    />
+
+</div>
diff --git a/apps/portal/src/app/contracts/explore/overview/page.mdx b/apps/portal/src/app/contracts/explore/overview/page.mdx
diff --git a/apps/portal/src/app/contracts/interact/overview/page.mdx b/apps/portal/src/app/contracts/interact/overview/page.mdx
diff --git a/apps/portal/src/app/contracts/sidebar.tsx b/apps/portal/src/app/contracts/sidebar.tsx
