diff --git a/site/static/images/class1.png b/site/static/images/class1.png
new file mode 100644
index 00000000..264d5e76
Binary files /dev/null and b/site/static/images/class1.png differ
diff --git a/site/static/landing/css/fonts/MORNING_RAIN.jpg b/site/static/landing/css/fonts/MORNING_RAIN.jpg
new file mode 100644
index 00000000..8f20d7c5
Binary files /dev/null and b/site/static/landing/css/fonts/MORNING_RAIN.jpg differ
diff --git a/site/static/landing/css/fonts/morning-rain-3d.ttf b/site/static/landing/css/fonts/morning-rain-3d.ttf
new file mode 100644
index 00000000..851b87d7
Binary files /dev/null and b/site/static/landing/css/fonts/morning-rain-3d.ttf differ
diff --git a/site/static/landing/css/fonts/morning-rain-bold.ttf b/site/static/landing/css/fonts/morning-rain-bold.ttf
new file mode 100644
index 00000000..a48b2850
Binary files /dev/null and b/site/static/landing/css/fonts/morning-rain-bold.ttf differ
diff --git a/site/static/landing/css/fonts/morning-rain.ttf b/site/static/landing/css/fonts/morning-rain.ttf
new file mode 100644
index 00000000..de5a4803
Binary files /dev/null and b/site/static/landing/css/fonts/morning-rain.ttf differ
diff --git a/site/static/landing/css/styles.css b/site/static/landing/css/styles.css
new file mode 100644
index 00000000..0404ba8d
--- /dev/null
+++ b/site/static/landing/css/styles.css
@@ -0,0 +1,116 @@
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');
+
+@font-face {
+	font-family:"Thicc font";
+	src: url("fonts/morning-rain.ttf");
+}
+
+:root {
+	--primary-color: #3a4052;
+}
+
+* {
+	box-sizing: border-box;
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	font-family: 'Open Sans', sans-serif;
+	line-height: 1.5;
+}
+
+a {
+	text-decoration: none;
+	color: var(--primary-color);
+}
+
+h1 {
+	font-weight: 300;
+    font-size: 60px;
+    line-height: 1.2;
+    margin: 15px;
+}
+
+.showcase {
+	height: 100vh;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	text-align: center;
+	color: #fff;
+	padding: 0 20px;
+}
+
+.video-container {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+	background: var(--primary-color) url('./https://traversymedia.com/downloads/cover.jpg') no-repeat center
+		center/cover;
+}
+
+.video-container video {
+	min-width: 100%;
+	min-height: 100%;
+  position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	object-fit: cover;
+}
+
+.video-container:after {
+	content: '';
+	z-index: 1;
+	height: 100%;
+	width: 100%;
+	top: 0;
+	left: 0;
+	background: rgba(0, 0, 0, 0.5);
+	position: absolute;
+}
+
+.content {
+    z-index: 2;
+}
+
+.btn {
+	display: inline-block;
+	padding: 10px 30px;
+	background: var(--primary-color);
+	color: #fff;
+	border-radius: 5px;
+	border: solid #fff 1px;
+	margin-top: 25px;
+    opacity: 0.7;
+    transition: all 0.75s ease-in-out;
+}
+
+.btn:hover {
+    transform: scale(0.98);
+    opacity: 1;
+}
+
+#about {
+	padding: 40px;
+	text-align: center;
+}
+
+#about p {
+	font-size: 1.2rem;
+	max-width: 600px;
+	margin: auto;
+}
+
+#about h2 {
+	margin: 30px 0;
+	color: var(--primary-color);
+}
+
+.social a {
+	margin: 0 5px;
+}