diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
index 3c55851eb..e794a6ab4 100644
Binary files a/public/android-chrome-192x192.png and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
index 49b1df856..e49a78c8a 100644
Binary files a/public/android-chrome-512x512.png and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
index aea147302..73108e490 100644
Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
index 581f154ea..9d2ba8a41 100644
Binary files a/public/favicon-16x16.png and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
index 93786c091..e5887fc74 100644
Binary files a/public/favicon-32x32.png and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index c04318222..ed7e7bbc5 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/index.html b/public/index.html
index 51d5e4d17..a890f6150 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,20 +1,52 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
+<head prefix="og: http://ogp.me/ns#">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <title>Nebula Planner</title>
-  <meta name="description" content="Say goodbye to the stress and hassle of degree planning and hello to a smooth, organized path towards graduation with Nebula Planner.">
-  <meta property="og:title" content="Nebula Planner">
-  <meta property="og:description" content="Say goodbye to the stress and hassle of degree planning and hello to a smooth, organized path towards graduation with Nebula Planner.">
-  <meta property="og:image" content="/img.png">
+
+  <meta
+    name="description"
+    content="Say goodbye to the stress and hassle of degree planning and hello to a smooth, organized path towards graduation with Nebula Planner."
+  />
+  <meta name="theme-color" content="#573DFF" />
+
+  <meta property="og:title" content="Nebula Planner" />
+  <meta
+    property="og:description"
+    content="Say goodbye to the stress and hassle of degree planning and hello to a smooth, organized path towards graduation with Nebula Planner."
+  />
+  <meta property="og:type" content="website" />
+  <meta
+    property="og:image"
+    content="https://planner.utdnebula.com/logoIcon.png"
+  />
+  <meta property="og:image:type" content="image/png" />
+  <meta property="og:image:alt" content="Nebula Labs Icon." />
+  <meta property="og:image:width" content="512" />
+  <meta property="og:image:height" content="512" />
+
+  <meta name="twitter:card" content="summary" />
+  <meta name="twitter:domain" content="planner.utdnebula.com" />
+
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="32x32"
+    href="/favicon-32x32.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="16x16"
+    href="/favicon-16x16.png"
+  />
+  <link rel="icon" href="/logoIcon.svg" type="image/svg+xml" />
   <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
-  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
-  <link rel="manifest" href="/site.webmanifest"/>
-  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#090b2a" />
+  <link rel="manifest" href="/site.webmanifest" />
   <meta name="msapplication-TileColor" content="#4659A7" />
   <meta name="theme-color" content="#4659A7" />
+
   <link rel="stylesheet" href="/index.css">
 </head>
 <body>
diff --git a/public/logoIcon.png b/public/logoIcon.png
new file mode 100644
index 000000000..af6a9e40a
Binary files /dev/null and b/public/logoIcon.png differ
diff --git a/public/logoIcon.svg b/public/logoIcon.svg
new file mode 100644
index 000000000..b84269ca4
--- /dev/null
+++ b/public/logoIcon.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" fill="#090B2C">
+  <rect width="512" height="512" rx="96" fill="#fff"/>
+  <path d="m398.63 260.09a6.9133 6.9133 0 0 0-8.7574 4.3481c-18.418 54.758-35.795 106.22-44.222 130.01-5.803-0.0398-47.882-0.33463-72.627-0.34287a6.9133 6.9133 0 0 0-6.9149 6.9103 6.9133 6.9133 0 0 0 6.9104 6.9165c26.303 9e-3 77.537 0.36625 77.553 0.36625a6.914 6.9141 0 0 0 6.5082-4.5835c8.048-22.471 26.658-77.67 45.897-134.87a6.9133 6.9133 0 0 0-4.3481-8.7574z"/>
+  <path d="m144.83 248.53a6.9133 6.9133 0 0 0-6.9134 6.9134c0 32.986 12.252 63.053 32.3 85.316 17.762 19.73 41.707 33.367 68.61 37.427 0.71039 0.1158 1.3738 0.20698 1.9762 0.28833a6.9133 6.9133 0 0 0 7.7768-5.9254 6.9133 6.9133 0 0 0-5.9254-7.7768c-0.60938-0.0823-1.1601-0.15805-1.6396-0.23689a6.914 6.9141 0 0 0-0.0919-0.014c-23.599-3.5531-44.673-15.507-60.431-33.014a6.914 6.9141 0 0 0 0-2e-3c-17.781-19.745-28.747-46.497-28.747-76.061a6.9133 6.9133 0 0 0-6.9134-6.9134z"/>
+  <path d="m267.78 132.14a6.914 6.9141 0 0 0-6.449 9.4054c14.381 37.219 27.209 108.43 40.798 167.05a6.9133 6.9133 0 0 0 8.2954 5.1726 6.9133 6.9133 0 0 0 5.1742-8.2954c-12.293-53.031-23.75-116.38-37.439-157.55 8.9554 2.0868 17.498 5.3399 25.438 9.7143a6.914 6.9141 0 0 0 2e-3 0c11.178 6.1548 21.198 14.423 29.556 24.306a6.914 6.9141 0 0 0 2e-3 0c16.467 19.461 26.516 45.166 26.531 73.453v0.0452a6.9133 6.9133 0 0 0 6.9134 6.9134 6.9133 6.9133 0 0 0 6.9134-6.9134v-0.0499a6.914 6.9141 0 0 0 0-3e-3c-0.0177-31.56-11.247-60.446-29.804-82.372-9.4215-11.138-20.743-20.494-33.443-27.487h-2e-3c-12.691-6.9929-26.765-11.626-41.664-13.329l2.4359 0.74963c-0.89982-0.47362-3.2429-0.80265-3.2588-0.80265z"/>
+  <path d="m245.7 103.69a6.9133 6.9133 0 0 0-6.9134 6.9134 6.9133 6.9133 0 0 0 6.9134 6.9134h2e-3c0.89446 2e-3 2.9503 0.81509 5.9674 4.8593 1.6749 2.245 3.4605 5.442 5.2723 9.1518-0.40951-4e-3 -0.80529-0.0702-1.2156-0.0702a6.9133 6.9133 0 0 0-6.9134 6.9134 6.9133 6.9133 0 0 0 6.9134 6.9134c3.8116 0 7.5732 0.21802 11.263 0.6452a6.914 6.9141 0 0 0 7.0412-9.817c-3.4545-8.8898-7.0415-16.324-11.279-22.004-4.3083-5.775-9.8929-10.404-17.021-10.419a6.914 6.9141 0 0 0-0.0139 0zm28.302 32.349 0.0249 0.0577a6.914 6.9141 0 0 0-2e-3 -6e-3z"/>
+  <path d="m242.64 364.77a6.914 6.9141 0 0 0-7.3296 9.4161c3.7638 9.4322 7.7697 17.303 12.594 23.286 4.8244 5.9831 11.081 10.481 18.543 10.481h6.0688c4.0153 0 7.5882-1.8737 10.281-4.2593 7.6714-6.791 8.8906-17.272 5.556-25.271-3.3347-7.9994-11.771-14.471-21.903-13.371a6.914 6.9141 0 0 0-0.0125 6e-3l2e-3 -5e-3c-3.5189 0.38753-7.0973 0.58287-10.727 0.58287-4.4283 0-8.7901-0.29701-13.072-0.86497zm25.302 14.025v2e-3c3.8254-0.41507 6.2763 1.6498 7.6506 4.9466 1.3743 3.2968 1.1236 6.8693-1.9605 9.5982a6.914 6.9141 0 0 0-3e-3 2e-3c-1.027 0.90982-1.2341 0.78391-1.1128 0.78391h-6.0688c-1.9164 0-4.3998-1.1428-7.7799-5.3347-1.8729-2.3227-3.8285-5.6116-5.7944-9.425 0.9484 0.0239 1.8857 0.0951 2.8396 0.0951 4.1211 0 8.202-0.22389 12.23-0.66703z"/>
+  <path d="m374.23 104.37a6.914 6.9141 0 0 0-6.0469 3.4489s-15.693 27.097-26.421 47.057a6.9133 6.9133 0 0 0 2.8162 9.3634 6.9133 6.9133 0 0 0 9.3616-2.8177c9.3974-17.484 21.428-38.363 24.231-43.222 23.173 0.16414 51.9 0.0991 61.24 0.0748-4.5537 13.03-10.237 29.559-17.989 52.48a6.9133 6.9133 0 0 0 4.3341 8.763 6.9133 6.9133 0 0 0 8.763-4.3341c9.1081-26.928 16.691-49.152 21.079-61.494a6.914 6.9141 0 0 0-6.5348-9.2286s-48.925 0.1496-74.833-0.0904z"/>
+  <path d="m245.65 103.64-75.423 0.55794a6.9133 6.9133 0 0 0-6.862 6.9648 6.9133 6.9133 0 0 0 6.9633 6.862l57.704-0.42703c-1.3044 4.174-1.3627 8.6537-0.22442 12.644 2.3989 8.4095 10.464 15.98 20.922 15.244a6.914 6.9141 0 0 0 3e-3 -2e-3c2.3083-0.16354 4.6452-0.24779 6.9914-0.24779 2.3798 0 4.6989 0.23442 7.0365 0.40364 6.6719 18.42 13.108 43.721 19.35 71.498 6.6835 29.772 13.226 62.116 20.021 91.429a6.914 6.9141 0 0 0 0 2e-3c3.4841 15.015 7.0312 29.244 10.727 41.965a6.914 6.9141 0 0 0 5e-3 0.0156c1.541 5.2592 8.7183 7.8576 13.241 4.3123a6.914 6.9141 0 0 0 6e-3 -5e-3c28.843-22.662 47.405-58.834 47.405-99.447a6.9133 6.9133 0 0 0-6.9134-6.9134 6.9133 6.9133 0 0 0-6.9134 6.9134c0 33.247-13.969 62.83-35.792 82.986-2.8032-10.271-5.5712-21.205-8.2954-32.947v-2e-3c-6.7296-29.03-13.27-61.356-20.001-91.331a6.914 6.9141 0 0 0 0-2e-3c-6.73-29.946-13.616-57.486-21.346-77.52a6.914 6.9141 0 0 0-0.20727-0.48468c0.35829 0.75241 0.35087 0.72826-0.0234-0.0577a6.914 6.9141 0 0 0-6.2308-3.9382h-3e-3a6.914 6.9141 0 0 0-9e-3 -3e-3h-0.0389c-3.9549-0.43046-7.9634-0.69041-12.018-0.69041-2.6815 0-5.3418 0.0978-7.9654 0.28364-3.7354 0.26292-5.6981-1.8912-6.6547-5.2443-0.95661-3.3531-0.36454-6.5279 3.0172-8.4638a6.914 6.9141 0 0 0 6e-3 -4e-3c0.78086-0.44799 1.1965-0.51418 1.5694-0.5143h0.0532a6.914 6.9141 0 0 0-0.0515-13.827c-0.017 0-0.0328 8e-3 -0.0499 8e-3z"/>
+  <path d="m172.68 104.62a6.9133 6.9133 0 0 0-8.8835 4.0832l-36.689 99.161a6.9133 6.9133 0 0 0 4.0847 8.8835 6.9133 6.9133 0 0 0 8.8835-4.0847l36.689-99.161a6.9133 6.9133 0 0 0-4.0848-8.8819z"/>
+  <path d="m106.44 283.63a6.9133 6.9133 0 0 0-8.8835 4.0848l-41.123 111.13a6.914 6.9141 0 0 0 6.4614 9.3134c25.354 0.0829 72.743 0.37287 98.366 0.081 6e-3 -2e-3 4.892-1.9702 5.3674-2.5559 0.4757-0.5861 0.59949-0.85938 0.71533-1.0738 0.23166-0.42879 0.28085-0.57572 0.33351-0.70598 0.10536-0.26052 0.13073-0.34931 0.16053-0.43794 0.0596-0.17722 0.0887-0.27773 0.12467-0.3974 0.0721-0.23934 0.15045-0.50839 0.24781-0.85254 0.19471-0.68823 0.4596-1.6513 0.78858-2.8661 0.65798-2.4296 1.5664-5.8551 2.6104-9.9134 2.088-8.1166 4.7159-18.747 6.9462-28.909a6.9133 6.9133 0 0 0-5.2692-8.2348 6.9133 6.9133 0 0 0-8.2348 5.2708c-2.1752 9.9108-4.7729 20.421-6.8323 28.427-0.8913 3.4647-1.6095 6.1593-2.2208 8.4342-23.309 0.19516-58.263 0.0413-83.169-0.0577l37.69-101.84a6.9133 6.9133 0 0 0-4.0847-8.8835z"/>
+  <path d="m193.17 151.93a6.914 6.9141 0 0 0-4.2141 1.3154c-15.446 11.208-28.194 26.171-37.09 43.621a6.914 6.9141 0 0 0-2e-3 4e-3c-8.889 17.449-13.921 37.391-13.921 58.526v0.0498a6.914 6.9141 0 0 0 0 3e-3c0.0169 32.963 12.26 63.005 32.3 85.252a6.9133 6.9133 0 0 0 9.7634 0.51117 6.9133 6.9133 0 0 0 0.50963-9.7634c-17.773-19.735-28.73-46.461-28.745-76.006v-0.0499c0-18.941 4.5011-36.713 12.415-52.248v-2e-3c6.2464-12.252 14.677-23.021 24.623-31.913 2.8316 12.088 5.6362 25.109 8.4374 39.231 11.211 56.543 20.499 123.88 36.231 163.45l-0.2182-0.63741c0.15871 0.55017 0.31963 0.91072 0.3678 1.0239a6.9133 6.9133 0 0 0 9.0688 3.653 6.9133 6.9133 0 0 0 3.6546-9.067c-0.0155-0.0368 0.0824 0.17374 0.19326 0.55794a6.914 6.9141 0 0 0-0.2182-0.63898c-14.39-36.198-24.19-103.89-35.518-161.03a6.914 6.9141 0 0 0 0-2e-3c-3.643-18.365-7.2845-35.676-11.09-50.637a6.914 6.9141 0 0 0-6.5472-5.2069z"/>
+  <ellipse cx="412.76" cy="143.3" rx="7.7456" ry="7.9131"/>
+  <ellipse cx="109.58" cy="373.29" rx="7.7456" ry="7.9131"/>
+  <path d="m412.19 215.95c-0.0255-2.0331 1.0517-3.5899 2.9604-4.186 0.57532-0.17954 1.1873-0.27609 1.789-0.31838 3.2636-0.22822 3.2747-0.21784 3.4439-3.6896 0.0591-1.2096 0.36865-2.3084 1.1514-3.2388 1.9789-2.3523 5.5983-1.8943 6.9652 0.87134 0.53862 1.09 0.64873 2.2638 0.52904 3.4312-0.19788 1.9342 0.45563 2.8495 2.4688 2.6284 0.78677-0.0863 1.6238 0.0423 2.4058 0.22183 2.1648 0.49791 3.4687 2.1553 3.4375 4.245-0.0319 2.1464-1.5361 3.8397-3.7105 4.277-1.4362 0.28964-3.2396-0.62319-4.2594 0.57292-0.90411 1.0612-0.14442 2.8055-0.42051 4.2259-0.4245 2.1816-2.1847 3.7998-4.1916 3.827-2.0627 0.0288-3.854-1.6533-4.2985-3.9602-0.27209-1.4092 0.53622-3.1495-0.49711-4.186-1.0278-1.0318-2.7234-0.22184-4.1062-0.47478-2.247-0.41173-3.6394-1.998-3.6673-4.2474z"/>
+  <path d="m109.02 249.12c-0.0255-2.0331 1.0517-3.5899 2.9604-4.186 0.57531-0.17955 1.1873-0.27609 1.789-0.31839 3.2636-0.22821 3.2747-0.21784 3.4439-3.6896 0.059-1.2096 0.36864-2.3084 1.1514-3.2388 1.9789-2.3523 5.5984-1.8943 6.9652 0.87136 0.53861 1.09 0.64872 2.2638 0.52904 3.4312-0.1979 1.9342 0.45561 2.8495 2.4688 2.6284 0.78677-0.0862 1.6238 0.0423 2.4058 0.22182 2.1648 0.49792 3.4687 2.1553 3.4375 4.245-0.0319 2.1464-1.5361 3.8397-3.7105 4.277-1.4362 0.28964-3.2396-0.62319-4.2594 0.57292-0.90411 1.0613-0.14443 2.8056-0.42052 4.2259-0.4245 2.1815-2.1847 3.7998-4.1916 3.8269-2.0627 0.0288-3.854-1.6533-4.2985-3.9602-0.2721-1.4092 0.53621-3.1495-0.49712-4.186-1.0278-1.0317-2.7234-0.22182-4.1062-0.47477-2.247-0.41173-3.6394-1.998-3.6673-4.2474z"/>
+</svg>
diff --git a/public/safari-pinned-tab.svg b/public/safari-pinned-tab.svg
deleted file mode 100644
index 8cf7c0233..000000000
--- a/public/safari-pinned-tab.svg
+++ /dev/null
@@ -1,87 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.14, written by Peter Selinger 2001-2017
-</metadata>
-<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M2035 6102 c-77 -7 -97 -28 -142 -152 -49 -133 -160 -432 -213 -575
--26 -71 -65 -175 -85 -230 -20 -55 -45 -122 -55 -150 -48 -127 -83 -221 -130
--350 -28 -77 -62 -167 -75 -200 -42 -108 -53 -150 -48 -182 6 -36 56 -92 85
--94 10 -1 24 -2 31 -3 22 -4 64 15 85 37 11 12 38 72 60 132 22 61 70 189 105
-285 36 96 149 402 252 680 102 278 192 519 200 535 l14 30 451 3 c352 3 450 1
-445 -9 -14 -22 -12 -153 2 -204 19 -61 69 -142 114 -179 19 -16 59 -41 89 -55
-51 -23 67 -25 210 -27 85 -1 162 -2 171 -3 12 -1 29 -39 62 -143 48 -148 129
--436 167 -593 96 -399 122 -513 269 -1195 55 -256 112 -517 126 -580 15 -63
-32 -142 40 -175 7 -33 23 -100 35 -150 12 -49 23 -97 25 -106 9 -44 128 -500
-141 -538 32 -95 81 -137 154 -132 62 4 106 36 270 201 174 174 290 338 404
-568 101 207 179 471 201 682 4 36 9 79 11 95 6 44 6 289 -1 370 -13 155 -33
-263 -89 465 -33 122 -124 329 -203 465 -189 322 -475 601 -793 773 -163 89
--399 174 -541 197 -61 10 -92 21 -101 36 -4 7 -24 50 -44 94 -75 168 -187 305
--289 355 l-50 25 -665 0 c-366 0 -678 -1 -695 -3z m1330 -248 c40 -26 155
--198 141 -211 -3 -4 -44 -8 -90 -10 -100 -5 -135 8 -160 61 -20 42 -20 76 -2
-120 23 55 65 70 111 40z m670 -547 c323 -108 625 -326 840 -605 6 -7 15 -18
-20 -25 6 -7 28 -39 49 -72 21 -33 46 -71 56 -85 9 -14 37 -65 62 -115 194
--382 257 -818 182 -1255 -8 -47 -18 -94 -21 -105 -4 -11 -8 -24 -9 -30 -60
--246 -213 -555 -362 -728 -95 -110 -177 -197 -186 -197 -5 0 -7 5 -66 240 -43
-170 -136 575 -175 760 -2 8 -19 89 -39 180 -19 91 -58 271 -86 400 -181 837
--313 1378 -394 1611 -9 24 -16 50 -16 57 0 15 22 11 145 -31z"/>
-<path d="M5481 6089 c-35 -14 -46 -28 -143 -196 -258 -449 -380 -678 -381
--716 0 -64 53 -117 118 -117 62 0 84 26 203 241 62 112 123 222 136 244 12 22
-36 65 53 95 17 30 52 92 78 137 l47 83 524 0 c288 0 524 -1 524 -3 0 -1 -13
--40 -29 -87 -107 -309 -264 -770 -272 -795 -5 -16 -9 -44 -9 -61 0 -62 76
--120 140 -108 60 12 80 47 150 255 35 107 65 196 65 199 1 3 7 18 13 33 7 16
-12 30 12 33 0 5 78 233 160 469 27 77 51 153 54 169 7 39 -15 88 -50 111 -28
-19 -54 20 -699 21 -369 0 -681 -3 -694 -7z"/>
-<path d="M6144 5559 c-55 -15 -95 -81 -88 -144 10 -92 109 -144 192 -101 44
-23 65 59 66 114 2 96 -76 156 -170 131z"/>
-<path d="M2387 5275 c-75 -26 -310 -239 -434 -395 -227 -285 -391 -650 -443
--990 -6 -41 -13 -86 -16 -100 -8 -54 -17 -200 -17 -290 -1 -472 157 -942 444
--1322 134 -177 367 -386 569 -511 137 -84 409 -199 522 -221 12 -2 55 -12 93
--21 l70 -16 45 -96 c116 -249 260 -390 416 -410 33 -5 391 -8 796 -8 l738 0
-29 30 c27 28 82 173 240 640 265 782 379 1121 475 1407 l117 347 -19 44 c-39
-89 -154 97 -206 14 -8 -12 -77 -211 -155 -442 -77 -231 -204 -607 -281 -835
--78 -228 -152 -446 -165 -485 -13 -38 -55 -162 -94 -274 -39 -113 -71 -206
--71 -208 0 -2 -218 -3 -485 -3 l-486 1 7 36 c26 136 -18 275 -117 371 -36 35
--118 79 -165 89 -32 6 -30 6 -239 0 -82 -2 -171 -2 -197 0 -47 5 -48 6 -67 57
--53 142 -180 620 -217 816 -3 14 -16 75 -29 137 -14 61 -27 123 -29 137 -3 15
--10 52 -16 84 -5 31 -12 68 -15 82 -3 14 -8 41 -11 60 -4 19 -8 44 -11 55 -7
-39 -32 170 -37 195 -2 14 -7 36 -10 50 -3 14 -8 39 -10 55 -11 67 -45 258 -50
-273 -3 9 -7 33 -10 52 -3 19 -10 62 -16 95 -6 33 -13 74 -16 90 -5 32 -20 110
--83 430 -22 110 -42 211 -45 225 -56 285 -139 644 -161 696 -21 52 -83 78
--138 59z m-31 -348 c1 -7 16 -75 34 -152 26 -119 133 -640 146 -715 3 -14 13
--72 24 -130 27 -146 59 -320 64 -350 2 -14 7 -36 10 -50 3 -14 8 -43 12 -65 3
--22 7 -44 8 -50 2 -5 7 -32 11 -60 5 -27 10 -52 10 -55 1 -3 5 -23 9 -45 4
--22 11 -60 17 -85 5 -25 11 -58 13 -75 10 -58 17 -100 26 -140 5 -22 11 -53
-14 -70 3 -16 10 -55 16 -85 6 -30 13 -66 16 -80 3 -14 14 -70 25 -125 12 -55
-23 -109 25 -120 10 -48 14 -68 49 -215 44 -190 85 -344 125 -474 16 -54 30
--100 30 -101 0 -9 -194 66 -285 110 -835 404 -1243 1425 -938 2345 89 271 259
-547 457 742 67 66 77 72 82 45z m1432 -3554 c38 -28 67 -101 58 -147 -11 -60
--43 -88 -107 -92 -77 -5 -101 2 -146 44 -52 49 -143 179 -143 205 0 2 19 3 43
-3 23 -1 74 1 112 4 116 9 153 5 183 -17z"/>
-<path d="M6345 4385 c-14 -13 -25 -30 -26 -37 -6 -80 -3 -75 -49 -83 -19 -3
--43 -8 -53 -11 -22 -7 -44 -52 -39 -81 5 -33 50 -65 82 -59 47 7 55 -4 59 -85
-2 -26 40 -59 70 -59 47 0 71 28 74 84 2 39 7 51 22 56 11 4 26 5 33 2 38 -14
-95 42 87 84 -2 11 -4 22 -4 26 -2 15 -55 42 -80 40 -40 -3 -53 11 -57 59 -3
-32 -11 50 -29 67 -34 29 -60 28 -90 -3z"/>
-<path d="M1151 3818 c-12 -12 -23 -38 -27 -57 -9 -57 -10 -58 -58 -65 -75 -12
--110 -77 -66 -124 12 -12 24 -22 28 -23 4 0 24 -2 45 -4 47 -3 49 -5 50 -55 2
--119 147 -119 147 0 0 43 14 58 50 55 36 -3 79 21 86 50 14 58 -15 94 -79 98
--47 3 -57 14 -57 58 0 74 -74 116 -119 67z"/>
-<path d="M872 3029 c-47 -10 -78 -43 -101 -108 -10 -31 -33 -92 -49 -136 -16
--44 -100 -271 -186 -505 -87 -234 -161 -434 -166 -445 -5 -11 -41 -108 -80
--215 -40 -107 -103 -279 -141 -382 -38 -102 -71 -199 -73 -215 -6 -42 18 -90
-55 -112 31 -19 57 -20 888 -21 l857 -1 13 36 c8 24 18 35 33 35 11 0 35 15 53
-33 25 25 36 50 53 117 11 47 34 139 51 205 18 66 33 129 36 140 2 11 16 70 30
-130 33 133 35 183 9 218 -51 68 -161 62 -198 -12 -11 -21 -29 -89 -51 -191 -8
--36 -96 -389 -107 -427 l-12 -43 -51 -1 c-102 -2 -1368 1 -1370 4 -1 1 42 121
-96 267 55 146 126 339 160 430 183 496 208 562 307 830 44 118 81 224 82 235
-5 43 -1 65 -25 93 -31 37 -69 51 -113 41z"/>
-<path d="M943 1615 c-44 -19 -83 -74 -83 -119 0 -133 164 -190 238 -82 73 107
--37 250 -155 201z"/>
-</g>
-</svg>
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 2702a2c5a..9a844a010 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -86,25 +86,21 @@ const NebulaApp: AppType<{ session: Session | null }> = ({
     <SessionProvider session={session}>
       <ReactQueryDevtools initialIsOpen={false} />
       <Head>
+        <title>Nebula Planner</title>
+        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+        <link rel="icon" href="/logoIcon.svg" type="image/svg+xml" />
+        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+        <link rel="manifest" href="/site.webmanifest" />
+
         <meta charSet="utf-8" />
         <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
         <meta
           name="viewport"
           content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
         />
-        <meta
-          name="description"
-          content="A tool to help students plan their degree plans and college experience at UTD."
-        />
         <meta name="keywords" content="UTD, UT Dallas, degree planner" />
-        <title>Planner</title>
-        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
-        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
-        <link rel="manifest" href="/site.webmanifest" />
-        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#090b2a" />
-        <meta name="msapplication-TileColor" content="#4659A7" />
-        <meta name="theme-color" content="#4659A7" />
+        <meta name="msapplication-TileColor" content="#573DFF" />
 
         {process.env.VERCEL_ENV === 'production' && (
           <script
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index 5c0b26b2c..79229c204 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -8,8 +8,29 @@ class MyDocument extends Document {
 
   render() {
     return (
-      <Html>
-        <Head>
+      <Html lang="en">
+        <Head prefix="og: http://ogp.me/ns#">
+          <meta
+            name="description"
+            content="Say goodbye to the stress and hassle of degree planning and hello to a smooth, organized path towards graduation with Nebula Planner."
+          />
+          <meta name="theme-color" content="#573DFF" />
+
+          <meta property="og:title" content="Nebula Planner" />
+          <meta
+            property="og:description"
+            content="Say goodbye to the stress and hassle of degree planning and hello to a smooth, organized path towards graduation with Nebula Planner."
+          />
+          <meta property="og:type" content="website" />
+          <meta property="og:image" content="https://planner.utdnebula.com/logoIcon.png" />
+          <meta property="og:image:type" content="image/png" />
+          <meta property="og:image:alt" content="Nebula Labs Icon." />
+          <meta property="og:image:width" content="512" />
+          <meta property="og:image:height" content="512" />
+
+          <meta name="twitter:card" content="summary" />
+          <meta name="twitter:domain" content="planner.utdnebula.com" />
+
           <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
         </Head>
         <body>
diff --git a/src/pages/app/home.tsx b/src/pages/app/home.tsx
index a157d8078..025c4bc94 100644
--- a/src/pages/app/home.tsx
+++ b/src/pages/app/home.tsx
@@ -1,5 +1,6 @@
 import { createServerSideHelpers } from '@trpc/react-query/server';
 import { GetServerSidePropsContext } from 'next';
+import Head from 'next/head';
 import { getServerSession } from 'next-auth';
 import superjson from 'superjson';
 
@@ -25,7 +26,15 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   };
 }
 export default function MiniDrawer() {
-  return <Home />;
+  return (
+    <>
+      <Head>
+        <link rel="canonical" href="https://planner.utdnebula.com/app/home" key="canonical" />
+        <meta property="og:url" content="https://planner.utdnebula.com/app/home" />
+      </Head>
+      <Home />
+    </>
+  );
 }
 
 MiniDrawer.auth = true;
diff --git a/src/pages/app/onboarding.tsx b/src/pages/app/onboarding.tsx
index 24c182e9e..3c0d180c0 100644
--- a/src/pages/app/onboarding.tsx
+++ b/src/pages/app/onboarding.tsx
@@ -1,6 +1,7 @@
 import { SemesterType } from '@prisma/client';
 import { createServerSideHelpers } from '@trpc/react-query/server';
 import { GetServerSidePropsContext } from 'next';
+import Head from 'next/head';
 import { useRouter } from 'next/router';
 import { getServerSession } from 'next-auth/next';
 import React, { useEffect, useState } from 'react';
@@ -118,6 +119,10 @@ export default function OnboardingPage() {
   // TODO: Find better way to structure this glorified form.
   return (
     <>
+      <Head>
+        <link rel="canonical" href="https://planner.utdnebula.com/app/onboarding" key="canonical" />
+        <meta property="og:url" content="https://planner.utdnebula.com/app/onboarding" />
+      </Head>
       <div className="relative flex h-screen flex-col items-center justify-center space-y-10 bg-white">
         <section>
           <div className="w-auto">
diff --git a/src/pages/app/profile.tsx b/src/pages/app/profile.tsx
index e2ecf8d0f..e2110cbca 100644
--- a/src/pages/app/profile.tsx
+++ b/src/pages/app/profile.tsx
@@ -1,3 +1,4 @@
+import Head from 'next/head';
 import * as React from 'react';
 
 import ProfilePage from '@/components/home/Profile';
@@ -7,7 +8,15 @@ import ProfilePage from '@/components/home/Profile';
 export default function MiniDrawer() {
   // const isDesktop = useMedia('(min-width: 900px)');
 
-  return <ProfilePage isDesktop={true} />;
+  return (
+    <>
+      <Head>
+        <link rel="canonical" href="https://planner.utdnebula.com/app/profile" key="canonical" />
+        <meta property="og:url" content="https://planner.utdnebula.com/app/profile" />
+      </Head>
+      <ProfilePage isDesktop={true} />
+    </>
+  );
 }
 
 MiniDrawer.auth = true;
diff --git a/src/pages/auth/login.tsx b/src/pages/auth/login.tsx
index f0c09f5f7..b03e94ef9 100644
--- a/src/pages/auth/login.tsx
+++ b/src/pages/auth/login.tsx
@@ -1,4 +1,5 @@
 import { InferGetServerSidePropsType } from 'next';
+import Head from 'next/head';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import { getProviders, signIn, useSession } from 'next-auth/react';
@@ -86,96 +87,102 @@ export function AuthPage(props: {
   };
 
   return (
-    <div className="relative flex h-screen flex-col items-center justify-center space-y-10 bg-[#ffffff]">
-      {status !== 'loading' && (
-        <section className="w-full min-w-[300px] max-w-xl p-5 sm:w-2/3">
-          <div className="flex flex-wrap items-center">
-            <div>{signUp ? EmojiIcon['sparkle'] : EmojiIcon['waveEmoji']}</div>
-            <h1 className="-mt-2 ml-2 text-2xl text-[36px] font-bold leading-normal tracking-tight lg:text-3xl">
-              {signUp ? 'Create An Account' : 'Welcome Back!'}
-            </h1>
-          </div>
-          <p className="text-[16px] text-sm font-medium leading-normal text-[#737373]">
-            {signUp
-              ? 'Welcome to Nebula Planner! To get started, please sign up below.'
-              : 'Sign in to continue using Nebula Planner'}
-          </p>
-          <section className="mt-7 space-y-5 ">
-            <div className="relative mb-4">
-              <input
-                ref={inputRef}
-                type="email"
-                className={`w-full rounded border bg-[#F5F5F5] p-3 pl-4 text-[14px] text-[#737373] outline-none focus:border-primary ${
-                  displayEmailError ? '!border-red-500' : ''
-                }`}
-                value={email}
-                onChange={handleEmailChange}
-                placeholder="Email Address"
-                onKeyDown={(e) => {
-                  if (e.key == 'Enter') {
-                    handleEmailSignIn();
-                  }
-                }}
-              />
-              <small className={`${displayEmailError ? 'visible' : 'invisible'}  text-red-500`}>
-                Please provide a valid email
-              </small>
+    <>
+      <Head>
+        <link rel="canonical" href="https://planner.utdnebula.com/auth/login" key="canonical" />
+        <meta property="og:url" content="https://planner.utdnebula.com/auth/login" />
+      </Head>
+      <div className="relative flex h-screen flex-col items-center justify-center space-y-10 bg-[#ffffff]">
+        {status !== 'loading' && (
+          <section className="w-full min-w-[300px] max-w-xl p-5 sm:w-2/3">
+            <div className="flex flex-wrap items-center">
+              <div>{signUp ? EmojiIcon['sparkle'] : EmojiIcon['waveEmoji']}</div>
+              <h1 className="-mt-2 ml-2 text-2xl text-[36px] font-bold leading-normal tracking-tight lg:text-3xl">
+                {signUp ? 'Create An Account' : 'Welcome Back!'}
+              </h1>
             </div>
+            <p className="text-[16px] text-sm font-medium leading-normal text-[#737373]">
+              {signUp
+                ? 'Welcome to Nebula Planner! To get started, please sign up below.'
+                : 'Sign in to continue using Nebula Planner'}
+            </p>
+            <section className="mt-7 space-y-5 ">
+              <div className="relative mb-4">
+                <input
+                  ref={inputRef}
+                  type="email"
+                  className={`w-full rounded border bg-[#F5F5F5] p-3 pl-4 text-[14px] text-[#737373] outline-none focus:border-primary ${
+                    displayEmailError ? '!border-red-500' : ''
+                  }`}
+                  value={email}
+                  onChange={handleEmailChange}
+                  placeholder="Email Address"
+                  onKeyDown={(e) => {
+                    if (e.key == 'Enter') {
+                      handleEmailSignIn();
+                    }
+                  }}
+                />
+                <small className={`${displayEmailError ? 'visible' : 'invisible'}  text-red-500`}>
+                  Please provide a valid email
+                </small>
+              </div>
 
-            <Button
-              className="hover:bg-[#EEF2FF] hover:text-[#312E81]"
-              width="full"
-              size="large"
-              font="large"
-              isLoading={isModifyLoading}
-              onClick={(e) => {
-                e.stopPropagation();
-                handleEmailSignIn();
-              }}
-            >
-              Continue
-            </Button>
-            {providers && (
-              <div className="relative flex items-center py-5">
-                <div className="flex-grow border-t border-gray-400"></div>
-                <span className="mx-4 flex-shrink font-medium text-gray-400">
-                  or {signUp ? 'sign up' : 'log in'} using other accounts
-                </span>
-                <div className="flex-grow border-t border-gray-400"></div>
+              <Button
+                className="hover:bg-[#EEF2FF] hover:text-[#312E81]"
+                width="full"
+                size="large"
+                font="large"
+                isLoading={isModifyLoading}
+                onClick={(e) => {
+                  e.stopPropagation();
+                  handleEmailSignIn();
+                }}
+              >
+                Continue
+              </Button>
+              {providers && (
+                <div className="relative flex items-center py-5">
+                  <div className="flex-grow border-t border-gray-400"></div>
+                  <span className="mx-4 flex-shrink font-medium text-gray-400">
+                    or {signUp ? 'sign up' : 'log in'} using other accounts
+                  </span>
+                  <div className="flex-grow border-t border-gray-400"></div>
+                </div>
+              )}
+              <div className="flex w-full appearance-none items-center justify-center rounded-lg pb-4">
+                {providers &&
+                  Object.values(providers).map((provider, idx) => (
+                    <button
+                      key={idx}
+                      onClick={() => {
+                        setIsModifyLoading(true);
+                        signIn(provider.id, {
+                          callbackUrl: '/app/home',
+                        });
+                      }}
+                      className={`-ml-2 h-10 rounded-full px-3 text-gray-200 `}
+                    >
+                      {AuthIcons[provider.id]}
+                    </button>
+                  ))}
               </div>
-            )}
-            <div className="flex w-full appearance-none items-center justify-center rounded-lg pb-4">
-              {providers &&
-                Object.values(providers).map((provider, idx) => (
-                  <button
-                    key={idx}
-                    onClick={() => {
-                      setIsModifyLoading(true);
-                      signIn(provider.id, {
-                        callbackUrl: '/app/home',
-                      });
-                    }}
-                    className={`-ml-2 h-10 rounded-full px-3 text-gray-200 `}
+              <div className="flex place-content-center">
+                <h4 className="text-base font-normal text-[#A3A3A3] sm:text-lg">
+                  {signUp ? 'Already' : "Don't"} have an account?{' '}
+                  <Link
+                    className="font-semibold text-[#4F46E5] hover:underline"
+                    href={signUp ? '/auth/login' : '/auth/signup'}
                   >
-                    {AuthIcons[provider.id]}
-                  </button>
-                ))}
-            </div>
-            <div className="flex place-content-center">
-              <h4 className="text-base font-normal text-[#A3A3A3] sm:text-lg">
-                {signUp ? 'Already' : "Don't"} have an account?{' '}
-                <Link
-                  className="font-semibold text-[#4F46E5] hover:underline"
-                  href={signUp ? '/auth/login' : '/auth/signup'}
-                >
-                  {signUp ? 'Sign in' : 'Sign up'}
-                </Link>
-              </h4>
-            </div>
+                    {signUp ? 'Sign in' : 'Sign up'}
+                  </Link>
+                </h4>
+              </div>
+            </section>
           </section>
-        </section>
-      )}
-    </div>
+        )}
+      </div>
+    </>
   );
 }
 export async function getStaticProps() {
