diff --git a/package-lock.json b/package-lock.json
index b8514bc36..cdab1bf3e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2241,9 +2241,9 @@
       }
     },
     "node_modules/get-func-name": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
-      "integrity": "sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.2.tgz",
+      "integrity": "sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==",
       "dev": true,
       "engines": {
         "node": "*"
@@ -3234,9 +3234,9 @@
       "license": "MIT"
     },
     "node_modules/postcss": {
-      "version": "8.4.25",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.25.tgz",
-      "integrity": "sha512-7taJ/8t2av0Z+sQEvNzCkpDynl0tX3uJMCODi6nT3PfASC7dYCWV9aQ+uiCf+KBD4SEFcu+GvJdGdwzQ6OSjCw==",
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
       "dev": true,
       "funding": [
         {
@@ -6117,9 +6117,9 @@
       "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="
     },
     "get-func-name": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
-      "integrity": "sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.2.tgz",
+      "integrity": "sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==",
       "dev": true
     },
     "get-intrinsic": {
@@ -6844,9 +6844,9 @@
       "from": "pomo@github:ethanthatonekid/pomo#npm"
     },
     "postcss": {
-      "version": "8.4.25",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.25.tgz",
-      "integrity": "sha512-7taJ/8t2av0Z+sQEvNzCkpDynl0tX3uJMCODi6nT3PfASC7dYCWV9aQ+uiCf+KBD4SEFcu+GvJdGdwzQ6OSjCw==",
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
       "dev": true,
       "requires": {
         "nanoid": "^3.3.6",
diff --git a/src/routes/(site)/6/+layout.svelte b/src/routes/(site)/6/+layout.svelte
new file mode 100644
index 000000000..0bb831cf6
--- /dev/null
+++ b/src/routes/(site)/6/+layout.svelte
@@ -0,0 +1,41 @@
+<script lang="ts">
+  import { preloadData } from '$app/navigation';
+  import { onMount } from 'svelte';
+  import Navbar from '$lib/components/nav/bar.svelte';
+  import Footer from '$lib/components/footer/footer.svelte';
+  import AcmToaster from '$lib/components/toaster/toaster.svelte';
+  import { AcmTheme, theme } from '$lib/public/legacy/theme';
+
+  function changeTheme(event: MediaQueryListEvent) {
+    theme.set(event.matches ? AcmTheme.Dark : AcmTheme.Light);
+  }
+
+  onMount(() => {
+    theme.init();
+
+    if ('matchMedia' in window) {
+      const mediaList = matchMedia('(prefers-color-scheme: dark)');
+      mediaList.addEventListener('change', changeTheme);
+      return () => mediaList.removeEventListener('change', changeTheme);
+    }
+
+    // preloadData improves the load time of the events page, see #772
+    // https://kit.svelte.dev/docs/modules#$app-navigation-preloaddata
+    preloadData('/events');
+  });
+</script>
+
+<Navbar />
+<main><slot /></main>
+<Footer />
+<AcmToaster />
+
+<svelte:head>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+</svelte:head>
+
+<style>
+  main {
+    min-height: 100vh;
+  }
+</style>
diff --git a/src/routes/(site)/6/+page.svelte b/src/routes/(site)/6/+page.svelte
new file mode 100644
index 000000000..5d862fe0c
--- /dev/null
+++ b/src/routes/(site)/6/+page.svelte
@@ -0,0 +1,39 @@
+<script>
+  import Spacing from '$lib/public/legacy/spacing.svelte';
+  import Hero from './hero.svelte';
+  import Desc from './desc.svelte';
+  import Teams from './teams.svelte';
+  import Testimony from './testimony.svelte';
+  import Lucky from './lucky.svelte';
+  import Blog from './blog.svelte';
+</script>
+
+<svelte:head>
+  <title>ACM at CSUF</title>
+</svelte:head>
+
+<Spacing --min="175px" --med="200px" --max="200px" />
+
+<Hero />
+
+<Spacing --min="120px" --med="175px" --max="200px" />
+
+<Desc />
+
+<Spacing --min="120px" --med="175px" --max="200px" />
+
+<Teams />
+
+<Spacing --min="120px" --med="175px" --max="200px" />
+
+<Testimony />
+
+<Spacing --min="120px" --med="175px" --max="200px" />
+
+<Lucky />
+
+<Spacing --min="120px" --med="175px" --max="200px" />
+
+<Blog />
+
+<Spacing --min="75px" --med="100px" --max="120px" />
diff --git a/src/routes/(site)/6/blog.svelte b/src/routes/(site)/6/blog.svelte
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/routes/(site)/6/desc.svelte b/src/routes/(site)/6/desc.svelte
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/routes/(site)/6/hero.svelte b/src/routes/(site)/6/hero.svelte
new file mode 100644
index 000000000..7a13719f7
--- /dev/null
+++ b/src/routes/(site)/6/hero.svelte
@@ -0,0 +1,94 @@
+<script lang="ts">
+  import AcmButton from '$lib/components/button/button.svelte';
+</script>
+
+<section class="hero-container">
+  <div class="hero-inner-container">
+    <div class="hero-text">
+      <h1 class="brand-header size-xl">
+        <span>We are the largest</span> <span class="multicolor-text">Computer Science</span>
+        <span>community at CSUF</span>
+      </h1>
+      <div class="join-button">
+        <AcmButton text="Join today!" link="/discord" redirect={true} />
+      </div>
+    </div>
+
+    <img
+      src="/assets/png/capy-power.png"
+      alt="Chip the Capybara surrounded by all ACM Team badges"
+    />
+  </div>
+</section>
+
+<style>
+  section {
+    display: grid;
+  }
+
+  section .hero-inner-container {
+    display: grid;
+    grid-template-columns: 1fr;
+    align-items: center;
+    gap: 1em;
+  }
+
+  section .hero-inner-container .hero-text {
+    display: grid;
+    align-items: center;
+    text-align: center;
+    gap: 1em;
+  }
+
+  section .hero-inner-container .hero-text span.multicolor-text {
+    background: linear-gradient(
+      to right,
+      var(--acm-turquoise),
+      var(--acm-blue),
+      var(--acm-bluer),
+      var(--acm-purple),
+      var(--acm-pink)
+    );
+    -webkit-background-clip: text;
+    color: transparent;
+  }
+
+  section .hero-inner-container .hero-text span {
+    display: block;
+  }
+
+  section .hero-inner-container .hero-text .join-button {
+    display: grid;
+    justify-self: center;
+  }
+
+  section .hero-inner-container img {
+    max-width: clamp(20rem, 17.342rem + 10.13vw, 30rem);
+    justify-self: center;
+  }
+
+  @media screen and (min-width: 768px) {
+    section {
+      display: grid;
+      place-items: center;
+      align-items: center;
+      max-width: 1280px;
+      margin: 0 auto;
+    }
+
+    section .hero-inner-container {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      align-items: center;
+      gap: 4em;
+    }
+
+    section .hero-inner-container .hero-text {
+      text-align: start;
+    }
+
+    section .hero-inner-container .hero-text .join-button {
+      justify-self: start;
+    }
+  }
+</style>
diff --git a/src/routes/(site)/6/lucky.svelte b/src/routes/(site)/6/lucky.svelte
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/routes/(site)/6/teams.svelte b/src/routes/(site)/6/teams.svelte
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/routes/(site)/6/testimony.svelte b/src/routes/(site)/6/testimony.svelte
new file mode 100644
index 000000000..e69de29bb
diff --git a/static/assets/png/capy-power.png b/static/assets/png/capy-power.png
new file mode 100644
index 000000000..86beffe90
Binary files /dev/null and b/static/assets/png/capy-power.png differ