feat: add discord embed

Author: liangricky7

index.html

@@ -5,6 +5,17 @@
     <link rel="icon" type="image/svg+xml" href="/TigerRacing.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>LSU TigerRacing Formula SAE</title>
+    <meta name="description" content="TigerRacing is LSU's Formula SAE team, a group of 30+ students with the goal of designing, manufacturing, and racing a Formula SAE car every year. Made up of undergraduate students across 8+ disciplines, the team builds an electric racecar each season for the FORMULA SAE Electric competition.">
+    
+	<meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.formulalsu.org/">
+    <meta property="og:title" content="TigerRacing Formula SAE">
+    <meta property="og:description" content="TigerRacing is LSU's Formula SAE team, a group of 30+ students with the goal of designing, manufacturing, and racing a Formula SAE car every year. Made up of undergraduate students across 8+ disciplines, the team builds an electric racecar each season for the FORMULA SAE Electric competition.">
+    <meta property="og:image" content="https://www.formulalsu.org/assets/Landing-BvXgL6IR.jpg"> 
+	<!-- warning about image; this image is just the landing page image; if you change landing page you must change this too. -->
+    <meta name="theme-color" content="#510087">
+
+
     <!-- script below needed for browserrouter -->
     <script>
       (function() {

src/pages/Home.tsx

@@ -77,6 +77,7 @@ const Home = () => {
 		<div className="background">
 			<div className="flex-center relative w-screen h-screen overflow-hidden">
 				{/* Background Image */}
+				{/* WARNING: discord embed of this website relies on this image; if you change this image out in the future, make sure to update index.html too. */}
 				<img
 					src={Landing}
 					alt="Racing car"