diff --git a/.gitignore b/.gitignore
index cb1f55c..924e95c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -25,6 +25,7 @@ yarn-debug.log*
 yarn-error.log*
 
 # local env files
+.env
 .env.local
 .env.development.local
 .env.test.local
diff --git a/public/icons/discord.svg b/public/icons/discord.svg
index 46d5665..5b98cf4 100644
--- a/public/icons/discord.svg
+++ b/public/icons/discord.svg
@@ -1,4 +1,4 @@
-<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="28" cy="28" r="28" fill="#7289DA"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M35.9559 38.5C35.9559 38.5 35.039 37.3354 34.2748 36.3063C37.6115 35.3042 38.8851 33.0834 38.8851 33.0834C37.8408 33.8146 36.8474 34.3292 35.9559 34.6813C34.6824 35.25 33.4598 35.6292 32.2626 35.8459C29.8174 36.3334 27.576 36.1979 25.6657 35.8188C24.2138 35.5209 22.9658 35.0875 21.9214 34.6542C21.3356 34.4105 20.6988 34.1125 20.0621 33.7334C19.9857 33.6792 19.9092 33.6521 19.8328 33.598C19.7819 33.5709 19.7564 33.5438 19.731 33.5167C19.2725 33.2459 19.0178 33.0563 19.0178 33.0563C19.0178 33.0563 20.2404 35.2229 23.4752 36.2521C22.711 37.2813 21.7686 38.5 21.7686 38.5C16.1396 38.3104 14 34.3834 14 34.3834C14 25.6626 17.6678 18.5939 17.6678 18.5939C21.3356 15.669 24.8251 15.7502 24.8251 15.7502L25.0798 16.0752C20.4951 17.4835 18.381 19.6231 18.381 19.6231C18.381 19.6231 18.9414 19.2981 19.8838 18.8377C22.6092 17.5648 24.7742 17.2127 25.6657 17.1315C25.8185 17.1044 25.9458 17.0773 26.0987 17.0773C27.6524 16.8606 29.4099 16.8065 31.2438 17.0231C33.6635 17.321 36.2616 18.0794 38.9105 19.6231C38.9105 19.6231 36.8983 17.5919 32.5683 16.1836L32.9249 15.7502C32.9249 15.7502 36.4144 15.669 40.0822 18.5939C40.0822 18.5939 43.75 25.6626 43.75 34.3834C43.75 34.3834 41.585 38.3104 35.9559 38.5ZM24.8293 26.3436C23.3889 26.3436 22.2517 27.7378 22.2517 29.4388C22.2517 31.1398 23.4142 32.534 24.8293 32.534C26.2697 32.534 27.4069 31.1398 27.4069 29.4388C27.4321 27.7378 26.2697 26.3436 24.8293 26.3436ZM34.0529 26.3436C32.6125 26.3436 31.4754 27.7378 31.4754 29.4388C31.4754 31.1398 32.6378 32.534 34.0529 32.534C35.4933 32.534 36.6305 31.1398 36.6305 29.4388C36.6305 27.7378 35.4933 26.3436 34.0529 26.3436Z" fill="white"/>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="24" cy="24" r="24" fill="#7289DA"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.1404 35C31.1404 35 30.2158 33.8738 29.4452 32.8786C32.8099 31.9096 34.0942 29.762 34.0942 29.762C33.0411 30.4691 32.0394 30.9667 31.1404 31.3072C29.8562 31.8572 28.6233 32.2238 27.4161 32.4334C24.9503 32.9048 22.6901 32.7738 20.7637 32.4072C19.2997 32.1191 18.0411 31.7 16.988 31.281C16.3973 31.0453 15.7551 30.7572 15.113 30.3905C15.036 30.3381 14.9589 30.312 14.8818 30.2596C14.8305 30.2334 14.8048 30.2072 14.7791 30.181C14.3168 29.9191 14.0599 29.7358 14.0599 29.7358C14.0599 29.7358 15.2928 31.831 18.5548 32.8262C17.7842 33.8214 16.8339 35 16.8339 35C11.1575 34.8167 9 31.0191 9 31.0191C9 22.5858 12.6986 15.7502 12.6986 15.7502C16.3973 12.9216 19.9161 13.0002 19.9161 13.0002L20.1729 13.3145C15.5497 14.6764 13.4178 16.7454 13.4178 16.7454C13.4178 16.7454 13.9829 16.4311 14.9332 15.9859C17.6815 14.755 19.8647 14.4145 20.7637 14.3359C20.9178 14.3097 21.0462 14.2835 21.2003 14.2835C22.7671 14.074 24.5394 14.0216 26.3887 14.2312C28.8288 14.5193 31.4486 15.2526 34.1199 16.7454C34.1199 16.7454 32.0908 14.7812 27.7243 13.4193L28.0839 13.0002C28.0839 13.0002 31.6027 12.9216 35.3014 15.7502C35.3014 15.7502 39 22.5858 39 31.0191C39 31.0191 36.8168 34.8167 31.1404 35ZM19.9203 23.2443C18.4678 23.2443 17.3211 24.5926 17.3211 26.2375C17.3211 27.8824 18.4933 29.2307 19.9203 29.2307C21.3728 29.2307 22.5195 27.8824 22.5195 26.2375C22.545 24.5926 21.3728 23.2443 19.9203 23.2443ZM29.2214 23.2443C27.7689 23.2443 26.6222 24.5926 26.6222 26.2375C26.6222 27.8824 27.7944 29.2307 29.2214 29.2307C30.6739 29.2307 31.8206 27.8824 31.8206 26.2375C31.8206 24.5926 30.6739 23.2443 29.2214 23.2443Z" fill="white"/>
 </svg>
diff --git a/public/icons/github.svg b/public/icons/github.svg
index eed2a94..c1d56f4 100644
--- a/public/icons/github.svg
+++ b/public/icons/github.svg
@@ -1,10 +1,3 @@
-<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M28.0002 0C12.5382 0 0 12.8531 0 28.7089C0 41.3932 8.02292 52.1545 19.1483 55.9507C20.5476 56.2164 21.0614 55.3279 21.0614 54.5696C21.0614 53.885 21.0354 51.6235 21.0234 49.2246C13.2337 50.9613 11.5899 45.8373 11.5899 45.8373C10.3162 42.519 8.48103 41.6366 8.48103 41.6366C5.94057 39.8548 8.67252 39.8914 8.67252 39.8914C11.4842 40.0939 12.9647 42.8499 12.9647 42.8499C15.4621 47.2388 19.515 45.97 21.1128 45.2364C21.3642 43.3809 22.0898 42.1144 22.8906 41.3975C16.6713 40.6716 10.1336 38.2099 10.1336 27.2094C10.1336 24.0751 11.2274 21.5141 13.0185 19.5036C12.7278 18.7805 11.7694 15.8605 13.2898 11.9061C13.2898 11.9061 15.6411 11.1345 20.9918 14.8489C23.2253 14.2128 25.6207 13.8938 28.0002 13.8828C30.3798 13.8938 32.777 14.2128 35.0147 14.8489C40.3589 11.1345 42.707 11.9061 42.707 11.9061C44.2311 15.8605 43.2722 18.7805 42.9815 19.5036C44.7768 21.5141 45.8632 24.0751 45.8632 27.2094C45.8632 38.236 39.3129 40.6639 33.0779 41.3747C34.0822 42.2656 34.9771 44.0127 34.9771 46.6912C34.9771 50.5324 34.9446 53.624 34.9446 54.5696C34.9446 55.3336 35.4487 56.2288 36.868 55.9469C47.9873 52.1464 56 41.3889 56 28.7089C56 12.8531 43.4637 0 28.0002 0" fill="white"/>
-<path d="M10.6879 41.0228C10.6264 41.164 10.4079 41.2064 10.2089 41.1094C10.0062 41.0167 9.89237 40.8241 9.95809 40.6824C10.0183 40.537 10.2372 40.4965 10.4394 40.594C10.6426 40.6867 10.7583 40.8811 10.6879 41.0228" fill="#161514"/>
-<path d="M11.8198 42.3067C11.6865 42.4324 11.4259 42.3741 11.2491 42.1754C11.0663 41.9772 11.0321 41.7122 11.1672 41.5847C11.3047 41.459 11.5573 41.5178 11.7406 41.716C11.9234 41.9165 11.9591 42.1797 11.8198 42.3067" fill="#161514"/>
-<path d="M12.9212 43.944C12.75 44.065 12.47 43.9515 12.2969 43.6988C12.1257 43.446 12.1257 43.1428 12.3006 43.0214C12.4742 42.9 12.75 43.0092 12.9254 43.2601C13.0962 43.5171 13.0962 43.8202 12.9212 43.944" fill="#161514"/>
-<path d="M14.4316 45.5256C14.2784 45.6974 13.9521 45.6513 13.7133 45.4168C13.4689 45.1876 13.4009 44.8623 13.5545 44.6905C13.7096 44.5182 14.0377 44.5667 14.2784 44.7993C14.5209 45.028 14.5949 45.3557 14.4316 45.5256" fill="#161514"/>
-<path d="M16.5138 46.4439C16.4462 46.6665 16.132 46.7677 15.8154 46.6731C15.4993 46.5757 15.2924 46.3149 15.3563 46.0899C15.422 45.8658 15.7377 45.7604 16.0565 45.8616C16.3722 45.9585 16.5795 46.2174 16.5138 46.4439" fill="#161514"/>
-<path d="M18.8016 46.6143C18.8094 46.8488 18.541 47.0432 18.2087 47.0474C17.8746 47.0549 17.6043 46.8652 17.6006 46.6346C17.6006 46.3978 17.863 46.2053 18.1971 46.1996C18.5294 46.193 18.8016 46.3813 18.8016 46.6143" fill="#161514"/>
-<path d="M20.9299 46.2457C20.9697 46.4744 20.7387 46.7093 20.4088 46.7719C20.0843 46.8322 19.784 46.691 19.7428 46.4641C19.7025 46.2297 19.9376 45.9948 20.2616 45.9341C20.592 45.8757 20.8878 46.0131 20.9299 46.2457" fill="#161514"/>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0305 0.0885732C18.3258 0.0827648 12.8054 2.1123 8.45875 5.81348C4.11207 9.51467 1.22315 14.6456 0.309757 20.2867C-0.60364 25.9278 0.51818 31.7104 3.47415 36.5982C6.43013 41.486 11.0271 45.1596 16.4411 46.9605C17.6348 47.1819 18.0769 46.429 18.0769 45.7942C18.0769 45.1594 18.0769 43.7127 18.0769 41.7049C11.4012 43.1812 9.98646 38.4866 9.98646 38.4866C9.54163 37.0317 8.59661 35.7816 7.31912 34.9583C5.15283 33.482 7.49595 33.482 7.49595 33.482C8.25533 33.5895 8.98034 33.8686 9.61608 34.2983C10.2518 34.728 10.7816 35.297 11.1654 35.9622C11.4915 36.5544 11.9311 37.0764 12.459 37.4981C12.9869 37.9198 13.5927 38.2328 14.2417 38.4194C14.8907 38.6059 15.5701 38.6623 16.2409 38.5851C16.9117 38.508 17.5606 38.2989 18.1506 37.9699C18.2431 36.7555 18.7657 35.6141 19.6242 34.7517C14.2896 34.1464 8.68962 32.0796 8.68962 22.8676C8.65299 20.4804 9.53414 18.1705 11.1506 16.4162C10.4292 14.3408 10.5134 12.0696 11.3864 10.0535C11.3864 10.0535 13.4054 9.40388 17.9885 12.5188C21.924 11.4364 26.078 11.4364 30.0136 12.5188C34.5967 9.40388 36.6009 10.0535 36.6009 10.0535C37.483 12.0667 37.5725 14.3396 36.8514 16.4162C38.4679 18.1705 39.3491 20.4804 39.3124 22.8676C39.3124 32.1091 33.6978 34.1316 28.3483 34.6778C28.9219 35.2554 29.3649 35.9499 29.6471 36.714C29.9293 37.4781 30.0443 38.2941 29.9841 39.1067C29.9841 42.3249 29.9841 44.9232 29.9841 45.7056C29.9841 46.4881 30.4115 47.0933 31.6346 46.8719C37.0317 45.054 41.6086 41.3746 44.549 36.49C47.4895 31.6055 48.6023 25.8333 47.6889 20.2032C46.7755 14.573 43.8953 9.45096 39.5621 5.75059C35.2289 2.05022 29.7244 0.0121915 24.0305 0V0.0885732Z" fill="white"/>
 </svg>
diff --git a/public/icons/twitter.svg b/public/icons/twitter.svg
index d7e5172..5f78b2e 100644
--- a/public/icons/twitter.svg
+++ b/public/icons/twitter.svg
@@ -1,4 +1,4 @@
-<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0 28C0 12.536 12.536 0 28 0C43.464 0 56 12.536 56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28Z" fill="#55ACEE"/>
-<path d="M27.1614 22.7586L27.2202 23.7274L26.2409 23.6088C22.6763 23.154 19.5623 21.6117 16.9182 19.0215L15.6256 17.7363L15.2926 18.6854C14.5876 20.8011 15.038 23.0354 16.5069 24.5381C17.2904 25.3686 17.1141 25.4872 15.7627 24.9929C15.2926 24.8347 14.8813 24.7161 14.8422 24.7754C14.7051 24.9138 15.1751 26.7131 15.5472 27.4249C16.0565 28.4136 17.0945 29.3824 18.2305 29.9558L19.1901 30.4106L18.0542 30.4304C16.9574 30.4304 16.9182 30.4501 17.0357 30.8654C17.4274 32.1506 18.9747 33.5149 20.6982 34.1081L21.9125 34.5233L20.8549 35.1561C19.2881 36.0656 17.447 36.5797 15.606 36.6192C14.7247 36.639 14 36.7181 14 36.7774C14 36.9751 16.3894 38.0824 17.78 38.5174C21.9517 39.8026 26.9068 39.249 30.628 37.0542C33.2721 35.4922 35.9161 32.3879 37.15 29.3824C37.8159 27.7808 38.4818 24.8545 38.4818 23.4506C38.4818 22.5411 38.5405 22.4224 39.6373 21.3349C40.2836 20.7022 40.8908 20.0101 41.0083 19.8124C41.2042 19.4367 41.1846 19.4367 40.1857 19.7729C38.5209 20.3661 38.2859 20.287 39.1085 19.3972C39.7157 18.7645 40.4403 17.6176 40.4403 17.2815C40.4403 17.2222 40.1465 17.3211 39.8136 17.499C39.4611 17.6967 38.6776 17.9933 38.0901 18.1713L37.0325 18.5074L36.0728 17.8549C35.544 17.499 34.7997 17.1036 34.408 16.9849C33.4092 16.7081 31.8815 16.7476 30.9806 17.064C28.5324 17.9538 26.9851 20.2474 27.1614 22.7586Z" fill="white"/>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24Z" fill="#55ACEE"/>
+<path d="M24.5956 20.1184L24.6563 21.1132L23.6447 20.9914C19.9626 20.5244 16.7458 18.9408 14.0145 16.2812L12.6792 14.9616L12.3353 15.9361C11.6069 18.1084 12.0723 20.4026 13.5896 21.9456C14.3989 22.7983 14.2168 22.9201 12.8208 22.4125C12.3353 22.2501 11.9104 22.1283 11.87 22.1892C11.7283 22.3313 12.2139 24.1788 12.5983 24.9097C13.1243 25.9248 14.1966 26.9196 15.37 27.5084L16.3614 27.9754L15.1879 27.9957C14.055 27.9957 14.0145 28.016 14.1359 28.4423C14.5405 29.762 16.1388 31.1628 17.9192 31.7719L19.1735 32.1983L18.081 32.8479C16.4625 33.7818 14.5608 34.3097 12.659 34.3503C11.7486 34.3706 11 34.4518 11 34.5127C11 34.7157 13.4682 35.8527 14.9047 36.2993C19.214 37.619 24.3326 37.0505 28.1766 34.797C30.9078 33.1931 33.6391 30.0056 34.9137 26.9196C35.6016 25.2752 36.2894 22.2704 36.2894 20.8289C36.2894 19.895 36.3501 19.7732 37.4831 18.6566C38.1507 18.0069 38.7779 17.2963 38.8993 17.0933C39.1016 16.7076 39.0814 16.7076 38.0496 17.0527C36.3299 17.6618 36.0871 17.5806 36.9368 16.667C37.564 16.0173 38.3126 14.8398 38.3126 14.4946C38.3126 14.4337 38.0091 14.5352 37.6652 14.7179C37.301 14.921 36.4917 15.2255 35.8848 15.4082L34.7923 15.7534L33.801 15.0834C33.2547 14.7179 32.4859 14.3119 32.0813 14.1901C31.0495 13.9058 29.4714 13.9464 28.5407 14.2713C26.0118 15.1849 24.4135 17.54 24.5956 20.1184Z" fill="white"/>
 </svg>
diff --git a/src/components/DAOStructures/index.tsx b/src/components/DAOStructures/index.tsx
index 9efb57b..574a3c2 100644
--- a/src/components/DAOStructures/index.tsx
+++ b/src/components/DAOStructures/index.tsx
@@ -33,7 +33,7 @@ export default function DAOStructures(props: Props) {
         className={clsxm(
           'flex-col',
           'flex',
-          'gap-x-4',
+          'gap-x-2',
           'gap-y-4',
           'items-start',
           '1_5xl:flex-wrap',
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index b47bb62..a3ae23c 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -41,7 +41,10 @@ export default function Footer(props: Props) {
             'sm:-translate-y-1/2'
           )}
         >
-          <SocialIcons className='mb-5 sm:mb-10' trackingContext='footer' />
+          <SocialIcons
+            className='mb-5 mt-0 sm:mt-16 sm:mb-10'
+            trackingContext='footer'
+          />
           <div className='flex flex-wrap justify-center space-x-2 text-sm opacity-70'>
             <div>© 2022 Realms</div>
             {/**
diff --git a/src/components/Introduction.tsx b/src/components/Introduction.tsx
index 6cec4cc..b0c2f45 100644
--- a/src/components/Introduction.tsx
+++ b/src/components/Introduction.tsx
@@ -1,5 +1,6 @@
 import Image from 'next/image';
 import Link from 'next/link';
+import { useMediaQuery } from 'react-responsive';
 
 import trackClick from '@/lib/trackClick';
 
@@ -10,12 +11,17 @@ import Icon from '@/components/Icon';
 import Text from '@/components/Text';
 
 export default function Introduction() {
+  const isNarrow = useMediaQuery({ query: `(max-width: 834px)` });
+  const imgClass = isNarrow
+    ? 'absolute -top-[295px] left-1/2 -z-10 h-[844px] w-[1800px] -translate-x-[640px]'
+    : 'absolute -top-[275px] left-1/2 -z-10 h-[844px] w-[1800px] -translate-x-[1072px]';
+
   return (
     // The page gets sized by the overflowing hero image. To keep the page
     // width from being affected by the hero, we need to add an
     // 'overflow-hidden' to the container div
     <div className='relative overflow-hidden'>
-      <div className='absolute -top-[275px] left-1/2 -z-10 h-[844px] w-[1800px] -translate-x-1/2'>
+      <div className={imgClass}>
         <Image
           priority
           className='w-full'
diff --git a/src/components/ManagingDAOs/index.tsx b/src/components/ManagingDAOs/index.tsx
index cbf9176..649fa14 100644
--- a/src/components/ManagingDAOs/index.tsx
+++ b/src/components/ManagingDAOs/index.tsx
@@ -1,4 +1,5 @@
 import Image from 'next/image';
+import { useMediaQuery } from 'react-responsive';
 
 import clsxm from '@/lib/clsxm';
 
@@ -9,15 +10,19 @@ import CONFIG from './config';
 import Section from './Section';
 
 export default function ManagingDAOs() {
+  const isNarrow = useMediaQuery({ query: `(max-width: 834px)` });
+  const imgClass = isNarrow
+    ? 'absolute -z-10 top-0 -left-[800px] bottom-0 -right-60 bg-[#201F27]'
+    : 'absolute -z-10 h-full w-full bg-[#201F27]';
+
   return (
-    <div className='relative'>
-      <div className='absolute -z-10 h-full w-full bg-[#201F27]'>
+    <div className='relative overflow-hidden'>
+      <div className={imgClass}>
         <Image
           className='w-full'
           alt='hero image'
           src='/backgrounds/managing-dao.png'
           layout='fill'
-          objectFit='cover'
         />
       </div>
       <CenteredContent className='px-5'>
diff --git a/src/components/Metrics/index.tsx b/src/components/Metrics/index.tsx
index 18a7b7f..bbd3582 100644
--- a/src/components/Metrics/index.tsx
+++ b/src/components/Metrics/index.tsx
@@ -7,7 +7,7 @@ import GrowingValue from '@/components/Metrics/GrowingValue';
 
 export default function Metrics() {
   return (
-    <div className='bg-[#201F27]'>
+    <div className='bg-nightgrey'>
       <CenteredContent
         className={clsxm(
           'flex-col',
diff --git a/tailwind.config.js b/tailwind.config.js
index b718fa0..704368d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -45,7 +45,7 @@ module.exports = {
       colors: {
         'landing-theme': {
           background: '#292833',
-          nightgrey: '#292833',
+          nightgrey: '#201f27',
         },
         background: 'var(--background)',
         nightgrey: 'var(--nightgrey)',