diff --git a/package-lock.json b/package-lock.json
index 1a0ae45..bbd7353 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,6 +23,7 @@
         "react": "18.2.0",
         "react-aria": "^3.23.0",
         "react-dom": "18.2.0",
+        "react-icons": "^4.8.0",
         "superjson": "1.9.1",
         "zod": "^3.20.2"
       },
@@ -5420,6 +5421,14 @@
         "react": "^18.2.0"
       }
     },
+    "node_modules/react-icons": {
+      "version": "4.8.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.8.0.tgz",
+      "integrity": "sha512-N6+kOLcihDiAnj5Czu637waJqSnwlMNROzVZMhfX68V/9bu9qHaMIJC4UdozWoOk57gahFCNHwVvWzm0MTzRjg==",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -10013,6 +10022,12 @@
         "scheduler": "^0.23.0"
       }
     },
+    "react-icons": {
+      "version": "4.8.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.8.0.tgz",
+      "integrity": "sha512-N6+kOLcihDiAnj5Czu637waJqSnwlMNROzVZMhfX68V/9bu9qHaMIJC4UdozWoOk57gahFCNHwVvWzm0MTzRjg==",
+      "requires": {}
+    },
     "react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
diff --git a/package.json b/package.json
index 7313569..368a4d2 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "react": "18.2.0",
     "react-aria": "^3.23.0",
     "react-dom": "18.2.0",
+    "react-icons": "^4.8.0",
     "superjson": "1.9.1",
     "zod": "^3.20.2"
   },
diff --git a/public/apple.svg b/public/apple.svg
new file mode 100644
index 0000000..c3c14f6
--- /dev/null
+++ b/public/apple.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="20" fill="black"/>
+<path d="M20.2363 14.986C21.016 14.986 21.9932 14.4589 22.5752 13.7562C23.1023 13.1193 23.4866 12.2298 23.4866 11.3404C23.4866 11.2196 23.4756 11.0988 23.4537 11C22.5862 11.0329 21.543 11.582 20.9171 12.3177C20.423 12.8777 19.9728 13.7562 19.9728 14.6566C19.9728 14.7884 19.9947 14.9201 20.0057 14.9641C20.0606 14.975 20.1485 14.986 20.2363 14.986ZM17.4911 28.2727C18.5563 28.2727 19.0284 27.559 20.3571 27.559C21.7077 27.559 22.0042 28.2508 23.1901 28.2508C24.3541 28.2508 25.1337 27.1747 25.8694 26.1205C26.693 24.9126 27.0334 23.7267 27.0554 23.6718C26.9785 23.6498 24.7494 22.7384 24.7494 20.1799C24.7494 17.9618 26.5063 16.9625 26.6052 16.8857C25.4412 15.2166 23.6733 15.1727 23.1901 15.1727C21.8834 15.1727 20.8183 15.9633 20.1485 15.9633C19.4237 15.9633 18.4684 15.2166 17.3374 15.2166C15.1852 15.2166 13 16.9955 13 20.3556C13 22.4419 13.8126 24.6491 14.8118 26.0766C15.6683 27.2845 16.415 28.2727 17.4911 28.2727Z" fill="white"/>
+</svg>
diff --git a/public/facebook.svg b/public/facebook.svg
new file mode 100644
index 0000000..2ac61c8
--- /dev/null
+++ b/public/facebook.svg
@@ -0,0 +1,11 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="20" fill="#1877F2"/>
+<g clip-path="url(#clip0_428_503)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32 20.0707C32 13.4042 26.6274 8 20 8C13.3726 8 8 13.4042 8 20.0707C8 26.0956 12.3882 31.0893 18.125 31.9948V23.5599H15.0781V20.0707H18.125V17.4114C18.125 14.3862 19.9165 12.7151 22.6576 12.7151C23.9705 12.7151 25.3438 12.9509 25.3438 12.9509V15.9214H23.8306C22.3399 15.9214 21.875 16.8519 21.875 17.8065V20.0707H25.2031L24.6711 23.5599H21.875V31.9948C27.6118 31.0893 32 26.0956 32 20.0707Z" fill="#FFFFFE"/>
+</g>
+<defs>
+<clipPath id="clip0_428_503">
+<rect width="24" height="24" fill="white" transform="translate(8 8)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/github.svg b/public/github.svg
new file mode 100644
index 0000000..ba40b93
--- /dev/null
+++ b/public/github.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="20" fill="#171515"/>
+<path d="M16.0274 27.3248C16.0274 27.424 15.9161 27.5034 15.7758 27.5034C15.6161 27.5183 15.5048 27.4389 15.5048 27.3248C15.5048 27.2255 15.6161 27.1461 15.7565 27.1461C15.9016 27.1312 16.0274 27.2106 16.0274 27.3248ZM14.5226 27.1014C14.4887 27.2007 14.5855 27.3148 14.7306 27.3446C14.8565 27.3942 15.0016 27.3446 15.0306 27.2454C15.0597 27.1461 14.9677 27.032 14.8226 26.9873C14.6968 26.9526 14.5565 27.0022 14.5226 27.1014ZM16.6613 27.0171C16.521 27.0518 16.4242 27.1461 16.4387 27.2603C16.4532 27.3595 16.579 27.424 16.7242 27.3893C16.8645 27.3545 16.9613 27.2603 16.9468 27.161C16.9323 27.0667 16.8016 27.0022 16.6613 27.0171ZM19.8452 8C13.1339 8 8 13.2257 8 20.109C8 25.6126 11.3774 30.3222 16.2016 31.9798C16.821 32.0939 17.0387 31.7019 17.0387 31.3793C17.0387 31.0716 17.0242 29.3744 17.0242 28.3322C17.0242 28.3322 13.6371 29.0766 12.9258 26.8533C12.9258 26.8533 12.3742 25.4092 11.5806 25.037C11.5806 25.037 10.4726 24.2578 11.6581 24.2727C11.6581 24.2727 12.8629 24.372 13.5258 25.5531C14.5855 27.4687 16.3613 26.9178 17.0532 26.5903C17.1645 25.7963 17.479 25.2454 17.8274 24.9179C15.1226 24.6102 12.3935 24.2082 12.3935 19.4341C12.3935 18.0693 12.7613 17.3845 13.5355 16.511C13.4097 16.1885 12.9984 14.8585 13.6613 13.1414C14.6726 12.8188 17 14.4813 17 14.4813C17.9677 14.2034 19.0081 14.0595 20.0387 14.0595C21.0694 14.0595 22.1097 14.2034 23.0774 14.4813C23.0774 14.4813 25.4048 12.8138 26.4161 13.1414C27.079 14.8634 26.6677 16.1885 26.5419 16.511C27.3161 17.3894 27.7903 18.0743 27.7903 19.4341C27.7903 24.2231 24.9403 24.6052 22.2355 24.9179C22.6806 25.3099 23.0581 26.0543 23.0581 27.2205C23.0581 28.893 23.0435 30.9624 23.0435 31.3694C23.0435 31.6919 23.2661 32.084 23.8806 31.9699C28.7194 30.3222 32 25.6126 32 20.109C32 13.2257 26.5565 8 19.8452 8ZM12.7032 25.1164C12.6403 25.166 12.6548 25.2801 12.7371 25.3744C12.8145 25.4538 12.9258 25.4886 12.9887 25.424C13.0516 25.3744 13.0371 25.2603 12.9548 25.166C12.8774 25.0866 12.7661 25.0518 12.7032 25.1164ZM12.1806 24.7144C12.1468 24.7789 12.1952 24.8583 12.2919 24.9079C12.3694 24.9576 12.4661 24.9427 12.5 24.8732C12.5339 24.8087 12.4855 24.7293 12.3887 24.6796C12.2919 24.6499 12.2145 24.6648 12.1806 24.7144ZM13.7484 26.4811C13.671 26.5456 13.7 26.6945 13.8113 26.7888C13.9226 26.9029 14.0629 26.9178 14.1258 26.8384C14.1887 26.7739 14.1597 26.625 14.0629 26.5307C13.9565 26.4166 13.8113 26.4017 13.7484 26.4811ZM13.1968 25.7516C13.1194 25.8012 13.1194 25.9302 13.1968 26.0444C13.2742 26.1585 13.4048 26.2082 13.4677 26.1585C13.5452 26.094 13.5452 25.965 13.4677 25.8508C13.4 25.7367 13.2742 25.6871 13.1968 25.7516Z" fill="white"/>
+</svg>
diff --git a/public/google.svg b/public/google.svg
new file mode 100644
index 0000000..e823597
--- /dev/null
+++ b/public/google.svg
@@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="20" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.64 20.2046C28.64 19.5664 28.5827 18.9527 28.4764 18.3636H20V21.845H24.8436C24.635 22.97 24.0009 23.9232 23.0477 24.5614V26.8196H25.9564C27.6582 25.2527 28.64 22.9455 28.64 20.2046Z" fill="#4285F4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 29C22.43 29 24.4673 28.1941 25.9564 26.8195L23.0477 24.5613C22.2418 25.1013 21.2109 25.4204 20 25.4204C17.6559 25.4204 15.6718 23.8372 14.9641 21.71H11.9573V24.0418C13.4382 26.9831 16.4818 29 20 29Z" fill="#34A853"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9641 21.7101C14.7841 21.1701 14.6818 20.5933 14.6818 20.0001C14.6818 19.4069 14.7841 18.8301 14.9641 18.2901V15.9583H11.9573C11.3477 17.1733 11 18.5478 11 20.0001C11 21.4523 11.3477 22.8269 11.9573 24.0419L14.9641 21.7101Z" fill="#FBBC05"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 14.5795C21.3214 14.5795 22.5077 15.0336 23.4405 15.9255L26.0218 13.3441C24.4632 11.8918 22.4259 11 20 11C16.4818 11 13.4382 13.0168 11.9573 15.9582L14.9641 18.29C15.6718 16.1627 17.6559 14.5795 20 14.5795Z" fill="#EA4335"/>
+</svg>
diff --git a/public/twitter.svg b/public/twitter.svg
new file mode 100644
index 0000000..7b71ca2
--- /dev/null
+++ b/public/twitter.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="20" fill="white"/>
+<path d="M34 12.5014C33.0434 12.9261 32.0153 13.2121 30.9363 13.341C32.0381 12.6812 32.8841 11.6358 33.2817 10.39C32.2515 11.001 31.1096 11.4452 29.8941 11.6846C28.9224 10.6478 27.5347 10 26.0007 10C22.5567 10 20.0261 13.2132 20.8039 16.5487C16.372 16.3267 12.4417 14.2033 9.81025 10.9761C8.41275 13.3735 9.0855 16.5097 11.4602 18.0979C10.587 18.0697 9.76367 17.8303 9.04542 17.4306C8.98692 19.9017 10.7582 22.2135 13.3235 22.7281C12.5727 22.9317 11.7505 22.9794 10.9142 22.8191C11.5923 24.9381 13.5618 26.4797 15.8975 26.523C13.655 28.2812 10.8297 29.0667 8 28.733C10.3606 30.2464 13.1653 31.1293 16.177 31.1293C26.0808 31.1293 31.6762 22.7649 31.3382 15.2628C32.3804 14.5099 33.285 13.5707 34 12.5014Z" fill="#1E8EEE"/>
+</svg>
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 9bb7743..53baf44 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -93,10 +93,12 @@ module.exports = {
           "radial-gradient(circle farthest-side at center, #deb887 0%, #00000000 100%)",
       },
       boxShadow: {
+        "solid-raised": "14px 28px 0px rgba(0, 0, 0, 0.2)",
         solid: "12px 24px 0px rgba(0, 0, 0, 0.2)",
         "solid-lowered": "10px 20px 0px rgba(0, 0, 0, 0.2)",
+        "solid-medium": "8px 16px 0px rgba(0, 0, 0, 0.2)",
+        "solid-medium-lowered": "6px 12px 0px rgba(0, 0, 0, 0.2)",
         "solid-lowest": "2px 4px 0px rgba(0, 0, 0, 0.2)",
-        "solid-raised": "14px 28px 0px rgba(0, 0, 0, 0.2)",
       },
       dropShadow: {
         blur: "0 0 5px #303030",