diff --git a/src/lib/components/atoms/DocsNavNode.svelte b/src/lib/components/atoms/DocsNavNode.svelte
deleted file mode 100644
index f9123a9..0000000
--- a/src/lib/components/atoms/DocsNavNode.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-  import type { DocumentInfo } from '$lib/documentation.shared';
-  export let info: DocumentInfo;
-</script>
-
-<!-- Always part of a list -->
-<li>
-  <div class="doc-section">
-    <a href="/docs/{info.slug}">{info.title}</a>
-  </div>
-</li>
-
-<style>
-a {
-  text-decoration: none;
-  background-color: inherit;
-  color: var(--white);
-}
-
-.doc-section {
-	background-color: var(--grey-one);
-	border-radius: 12px;
-	padding: 15px 20px;
-}
-
-li {
-  padding-bottom: 0.5rem;
-}
-</style>
diff --git a/src/lib/components/atoms/HeroImage.svelte b/src/lib/components/atoms/HeroImage.svelte
deleted file mode 100644
index 2047ae9..0000000
--- a/src/lib/components/atoms/HeroImage.svelte
+++ /dev/null
@@ -1,38 +0,0 @@
-<script>
-</script>
-
-<div class="hero-img">
-	<img src="/manager_two.png" alt="Screenshot of ReVanced Manager" />
-</div>
-
-<style>
-	img {
-		height: 100%;
-		border-radius: 2rem;
-
-	}
-	.hero-img {
-		overflow: hidden;
-		height: 70vh;
-		max-height: 70rem;
-		z-index: -1;
-		width: auto;
-		float: right;
-		padding: 0.75rem 0.75rem;
-		border-radius: 2.5rem;
-		background-color: var(--grey-two);
-		backdrop-filter: blur(15px);
-		-webkit-backdrop-filter: blur(15px);
-		box-shadow:0 50px 100px -20px rgba(16, 22, 31, 0.25), 0 30px 60px -30px rgba(18, 19, 22, 0.767), inset 0 -2px 20px 0 rgba(20, 21, 23, 0.598);
-		user-select: none;
-		
-	}
-	@media (max-width: 1700px) {
-		.hero-img {
-			position: fixed;
-			height: 100vh;
-			top: 115px;
-			right: 6rem;
-		}
-	}
-</style>
diff --git a/src/lib/components/atoms/SocialButton.svelte b/src/lib/components/atoms/SocialButton.svelte
deleted file mode 100644
index f63356f..0000000
--- a/src/lib/components/atoms/SocialButton.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script>
-	export let src = 'github';
-	export let href = '#';
-</script>
-
-<a {href} rel="noreferrer" target="_blank">
-	<div>
-		<img src="socials/{src}.svg" alt={src} />
-	</div>
-</a>
-
-<style>
-	div {
-		border: 0;
-		width: 60px;
-		height: 60px;
-		padding: 14px;
-		cursor: pointer;
-		border-radius: 200px;
-		transition: transform 0.4s var(--bezier-one);
-		background-color: var(--grey-two);
-		color: var(--white);
-		user-select: none;
-	}
-
-	div {
-		display: flex;
-		justify-content: center;
-	}
-
-	img {
-		transition: filter 0.4s var(--bezier-one);
-		width: 30px;
-	}
-
-	div:hover {
-		transform: translateY(-5%);
-	}
-
-	div:hover img {
-		filter: brightness(1.2);
-	}
-</style>
diff --git a/src/lib/components/atoms/TerminalWindow.svelte b/src/lib/components/atoms/TerminalWindow.svelte
deleted file mode 100644
index daaca16..0000000
--- a/src/lib/components/atoms/TerminalWindow.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<div class="terminal-container">
-hhh
-</div>
-
-<style>
-    .terminal-container {
-        padding: 1rem;
-        height: 500px;
-        width: 700px;
-        background-color: var(--grey-six);
-        position: fixed;
-        z-index: -2;
-		backdrop-filter: blur(10px);
-		-webkit-backdrop-filter: blur(10px);    
-        right: 100px;
-        border-radius: 1rem;
-        border: 1px solid var(--grey-three)
-    }
-
-    @media (max-width: 1700px) {
-		.terminal-container {
-			position: fixed;
-			height: 100vh;
-            overflow: hidden;
-			top: 115px;
-			right: 6rem;
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/src/lib/components/atoms/TreeMenuButton.svelte b/src/lib/components/atoms/TreeMenuButton.svelte
deleted file mode 100644
index 2e7b43f..0000000
--- a/src/lib/components/atoms/TreeMenuButton.svelte
+++ /dev/null
@@ -1,67 +0,0 @@
-<script lang="ts">
-	export let current: string | boolean;
-	export let name: string;
-</script>
-
-<!-- svelte-ignore a11y-click-events-have-key-events -->
-<div
-	class="package"
-	class:selected={current === name}
-	on:click={() =>
-		(current = current === name ? false : name) && window.scrollTo({ top: 0, behavior: 'smooth' })}
->
-	<h3>{name}</h3>
-</div>
-
-<style>
-	.package {
-		padding: 0.6rem;
-		border-radius: 8px;
-		cursor: pointer;
-		display: flex;
-		align-items: center;
-		gap: 0.6rem;
-		width: 100%;
-		user-select: none;
-		transition: all 0.4s var(--bezier-one);
-	}
-
-	.package::before {
-		content: '';
-		height: 5px;
-		inline-size: 4px;
-		border-radius: 200px;
-		background-color: var(--accent-color);
-		transition: all 0.2s var(--bezier-one);
-		opacity: 0;
-	}
-
-	.selected::before {
-		height: 20px;
-		transition: all 0.3s var(--bezier-one);
-		opacity: 1;
-	}
-
-	h3 {
-		font-size: 0.9rem;
-	}
-
-	.package > h3 {
-		color: var(--grey-five);
-		transition: all 0.3s var(--bezier-one);
-	}
-
-	.selected > h3 {
-		color: var(--accent-color);
-		transition: all 0.3s var(--bezier-one);
-	}
-
-	.package:hover,
-	.selected {
-		background-color: var(--grey-six);
-	}
-
-	.package:not(.selected):hover > h3 {
-		color: var(--white);
-	}
-</style>
diff --git a/src/lib/components/molecules/Footer.svelte b/src/lib/components/molecules/Footer.svelte
deleted file mode 100644
index c16e041..0000000
--- a/src/lib/components/molecules/Footer.svelte
+++ /dev/null
@@ -1,119 +0,0 @@
-<script lang="ts">
-import { repositories } from "../../../data/api";
-</script>
-
-<hr />
-
-<footer>
-	<section class="main-content">
-		<img src="/logo.svg" class="logo-image" alt="ReVanced Logo" />
-		<div>
-			<h1>
-				<span>Re</span>Vanced
-			</h1>
-			<h6>Copyright © 2022</h6>
-		</div>
-	</section>
-
-	<section class="links-container">
-		<div class="link-column">
-			<h5>Pages</h5>
-			<a href="/"><h6>Home</h6></a>
-			<a href="/download"><h6>Download</h6></a>
-			<!-- <a href="/docs"><h6>Docs</h6></a> -->
-			<a href="/patches"><h6>Patches</h6></a>
-			<a href="/contributors"><h6>Contributors</h6></a>
-		</div>
-		<div class="link-column">
-			<h5>Repos</h5>
-			{#each $repositories as { name }}
-				<a href="https://github.com/{name}" target="_blank" rel="noreferrer">
-					<div>
-						<h6>
-							{name
-								.replace(/-/g, ' ')
-								.replace(/revanced\/revanced/g, '')
-								.replace(/cli/g, 'CLI')
-								.replace(/api/g, 'API')
-								.replace(/(?:^|\s)\S/g, (x) => x.toUpperCase())}
-						</h6>
-					</div>
-				</a>
-			{/each}
-		</div>
-		<div class="link-column">
-			<!-- to replace -->
-			<h5>Socials</h5>
-			<a href="https://github.com/revanced" target="_blank" rel="noreferrer"><h6>GitHub</h6></a>
-			<a href="https://revanced.app/discord" target="_blank" rel="noreferrer"><h6>Discord</h6></a>
-			<a href="https://reddit.com/r/revancedapp" target="_blank" rel="noreferrer"><h6>Reddit</h6></a>
-			<a href="https://t.me/app_revanced" target="_blank" rel="noreferrer"><h6>Telegram</h6></a>
-			<a href="https://twitter.com/revancedapp" target="_blank" rel="noreferrer"><h6>Twitter</h6></a>
-			<a href="https://www.youtube.com/c/ReVanced" target="_blank" rel="noreferrer"><h6>YouTube</h6></a>
-		</div>
-	</section>
-</footer>
-
-<style>
-	footer {
-		margin: 4rem 0 5rem 0;
-		margin-inline: auto;
-		display: flex;
-		gap: 2rem;
-		justify-content: space-between;
-		width: min(85%, 90rem);
-	}
-
-	.main-content {
-		display: flex;
-		gap: 1rem;
-	}
-
-	.main-content span {
-		color: var(--accent-color);
-	}
-
-	.main-content h1 {
-		letter-spacing: -0.04rem;
-		margin-bottom: 0.5rem;
-	}
-
-	img {
-		height: 3rem;
-	}
-
-	a {
-		text-decoration: none;
-	}
-
-	h6 {
-		font-size: 0.9rem;
-	}
-
-	.links-container {
-		display: flex;
-		gap: 5rem;
-
-	}
-
-	.link-column {
-		display: flex;
-		gap: 0.5rem;
-		flex-direction: column;
-	}
-
-
-	@media screen and (max-width: 700px) {
-		footer {
-			flex-direction: column;
-		}
-
-		.links-container {
-			display: grid;
-			gap: 3rem;
-			grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
-
-		}
-
-	}
-</style>
diff --git a/src/lib/components/molecules/NavHost.svelte b/src/lib/components/molecules/NavHost.svelte
deleted file mode 100644
index adaab83..0000000
--- a/src/lib/components/molecules/NavHost.svelte
+++ /dev/null
@@ -1,159 +0,0 @@
-<script lang="ts">
-	import Navigation from '../atoms/NavButton.svelte';
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import Button from '../atoms/Button.svelte';
-
-	let menuBtn: HTMLElement;
-	let menuOpen = false;
-	onMount(() => {
-		menuBtn.addEventListener('click', () => {
-			if (!menuOpen) {
-				menuBtn.classList.add('open');
-				menuOpen = true;
-			} else {
-				menuBtn.classList.remove('open');
-				menuOpen = false;
-			}
-		});
-	});
-</script>
-
-<nav>
-	<div class="left-side">
-		<a href="/">
-			<div class="logo">
-				<img src="/logo.svg" class="logo-image" alt="ReVanced Logo" />
-			</div>
-		</a>
-		<ul>
-			<Navigation href="/">Home</Navigation>
-			<Navigation href="/download">Download</Navigation>
-      <div hidden>
-        <!-- This is just temporary so the build doesn't fail -->
-			  <Navigation is_selected={target => target.startsWith("/docs")} href="/docs">Docs</Navigation>
-      </div>
-			<Navigation href="/patches">Patches</Navigation>
-		</ul>
-	</div>
-	<ul>
-		<Navigation href="/contributors/">
-			<img src="/icons/contrib.svg" alt="Contributors"/>
-		</Navigation>
-		<Navigation href="/api-settings/">
-			<img src="/icons/settings.svg" alt="Settings"/>
-		</Navigation>
-	</ul>
-	<div class="menu-btn" class:open={menuOpen} bind:this={menuBtn}>
-		<div class="menu-btn__burger" />
-	</div>
-</nav>
-
-<style>
-	nav {
-		padding: 0 1rem 0 2rem;
-		top: 0;
-		position: fixed;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		height: 70px;
-		width: 100%;
-		z-index: 999;
-		background-color: var(--grey-six);
-		backdrop-filter: blur(15px);
-		-webkit-backdrop-filter: blur(15px);
-	}
-
-	ul {
-		display: flex;
-		gap: 0.75rem;
-		align-items: center;
-	}
-
-	a {
-		text-decoration: none;
-	}
-
-	.logo-image {
-		height: 1.75rem;
-		width: auto;
-		cursor: pointer;
-	}
-
-	.logo {
-		display: flex;
-		align-items: center;
-	}
-
-	.left-side {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		gap: 2.5rem;
-	}
-
-
-	img {
-		height: 20px;
-	}
-
-	@media screen and (max-width: 768px) {
-		ul {
-			display: none;
-		}
-	}
-
-	/* Hamburger mmm yum */
-	@media screen and (min-width: 768px) {
-		.menu-btn {
-			display: none !important;
-		}
-	}
-	.menu-btn {
-		user-select: none;
-		position: relative;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		width: 80px;
-		height: 60px;
-		cursor: pointer;
-		transition: all 0.5s var(--bezier-one);
-	}
-	.menu-btn__burger {
-		width: 25px;
-		height: 2px;
-		border-radius: 50px;
-		background: var(--grey-five);
-		transition: all 0.5s var(--bezier-one);
-	}
-	.menu-btn__burger::before,
-	.menu-btn__burger::after {
-		content: '';
-		position: absolute;
-		width: 25px;
-		height: 2px;
-		border-radius: 50px;
-		background: var(--grey-five);
-		transition: all 0.5s var(--bezier-one);
-	}
-	.menu-btn__burger::before {
-		transform: translateY(-8px);
-	}
-	.menu-btn__burger::after {
-		transform: translateY(8px);
-	}
-	/* ANIMATION */
-	.menu-btn.open .menu-btn__burger {
-		transform: translateX(-20px);
-		background: transparent;
-		box-shadow: none;
-	}
-	.menu-btn.open .menu-btn__burger::before {
-		transform: rotate(45deg) translate(15px, -15px);
-	}
-	.menu-btn.open .menu-btn__burger::after {
-		transform: rotate(-45deg) translate(15px, 15px);
-	}
-</style>
diff --git a/src/lib/components/molecules/PatchCell.svelte b/src/lib/components/molecules/PatchCell.svelte
deleted file mode 100644
index c2872aa..0000000
--- a/src/lib/components/molecules/PatchCell.svelte
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts">
-	import { slide, fade } from 'svelte/transition';
-	import { quintOut } from 'svelte/easing';
-	import type { CompatiblePackage, Patch } from 'src/data/types';
-
-	export let patch: Patch;
-	export let current;
-	const hasPatchOptions = !!patch.options.length;
-	let expanded: boolean = false;
-</script>
-
-<!-- svelte-ignore a11y-click-events-have-key-events -->
-<div
-	class="patch-container"
-	class:expanded={hasPatchOptions}
-	class:rotate={expanded}
-	on:click={() => (expanded = !expanded)}
->
-	<div class="things">
-		<div class="title">
-			<h1>
-				{patch.name
-					// im sorry
-					.replace(/-/g, ' ')
-					.replace(/(?:^|\s)\S/g, (x) => x.toUpperCase())
-					.replace(/Microg/g, 'MicroG')
-					.replace(/Hdr/g, 'HDR')
-					.replace(/Sponsorblock/g, 'SponsorBlock')
-					.replace(/Tiktok/g, 'TikTok')
-					.replace(/Vr/g, 'VR')}
-			</h1>
-		</div>
-
-		{#if hasPatchOptions}
-			<img id="arrow" src="/icons/arrow.svg" alt="dropdown" />
-		{/if}
-	</div>
-
-	<div class="info-container">
-		{#each patch.compatiblePackages as pkg, i}
-			<a
-				href="https://play.google.com/store/apps/details?id={pkg.name}"
-				target="_blank"
-				rel="noreferrer"
-			>
-				<h2>📦 {pkg.name}</h2>
-			</a>
-		{/each}
-		<!-- should i hardcode this to get the version of the first package? idk you cant stop me -->
-		{#if patch.compatiblePackages[0].versions.length}
-			<h2>
-				🎯 {patch.compatiblePackages[0].versions.slice(-1)}
-			</h2>
-		{/if}
-
-		<h2>🧩 {patch.version}</h2>
-
-		{#if hasPatchOptions}
-			<h2>⚙️ Patch Options</h2>
-		{/if}
-	</div>
-	<h4>{patch.description}</h4>
-
-	{#if expanded && hasPatchOptions}
-		<span transition:fade|local={{ easing: quintOut, duration: 1000 }}>
-			<div class="options" transition:slide|local={{ easing: quintOut, duration: 500 }}>
-				{#each patch.options as option}
-					<div class="option">
-						<h3>{option.title}</h3>
-						<h4>{option.description}</h4>
-					</div>
-				{/each}
-			</div>
-		</span>
-	{/if}
-</div>
-
-<style>
-	h1 {
-		font-weight: 600;
-		margin-right: 0.5rem;
-		font-size: 1.25rem;
-		color: var(--accent-color-two);
-		letter-spacing: normal;
-	}
-
-	h2 {
-		color: var(--accent-color);
-		font-size: 0.8rem;
-		font-weight: 500;
-		border-radius: 8px;
-		background-color: var(--grey-two);
-		padding: 0.2rem 0.4rem;
-		display: flex;
-	}
-
-	a {
-		text-decoration: none;
-	}
-
-	.info-container {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.25rem;
-		margin: 0.3rem 0rem;
-		width: 100%;
-	}
-
-	h3 {
-		color: var(--accent-color);
-		font-size: 0.9rem;
-		margin-bottom: 0.1rem;
-		font-weight: 500;
-	}
-
-	h4 {
-		color: var(--grey-five);
-		font-size: 0.9rem;
-		font-weight: 400;
-	}
-
-	.patch-container {
-		transition: all 2s var(--bezier-one);
-		background-color: var(--grey-six);
-		padding: 1.25rem;
-		border-radius: 8px;
-	}
-
-	.patch-container:active {
-		background-color: var(--grey-three);
-	}
-
-	.title {
-		display: flex;
-		align-items: center;
-	}
-
-	.things {
-		display: flex;
-		justify-content: space-between;
-	}
-
-	#arrow {
-		height: 1.5rem;
-		transition: all 0.2s var(--bezier-one);
-		user-select: none;
-	}
-
-	.rotate #arrow {
-		transform: rotate(180deg);
-	}
-
-	.expanded {
-		cursor: pointer;
-	}
-
-	.option {
-		padding: 1rem;
-	}
-
-	/* thanks piknik */
-	.option + .option {
-		border-top: 1px solid var(--grey-three);
-	}
-
-	.options {
-		border: 1px solid var(--grey-three);
-		overflow: hidden;
-		border-radius: 8px;
-		margin-top: 1rem;
-		display: flex;
-		flex-direction: column;
-	}
-</style>
diff --git a/src/lib/components/molecules/SocialHost.svelte b/src/lib/components/molecules/SocialHost.svelte
deleted file mode 100644
index a9e3c91..0000000
--- a/src/lib/components/molecules/SocialHost.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<script>
-	import SocialButton from '../atoms/SocialButton.svelte';
-</script>
-
-<div class="social-host">
-	<SocialButton src="github" href="https://revanced.app/github" />
-	<SocialButton src="discord" href="http://revanced.app/discord" />
-	<SocialButton src="reddit" href="https://revanced.app/reddit" />
-	<SocialButton src="telegram" href="https://revanced.app/telegram" />
-</div>
-
-<style>
-	.social-host {
-		width: min(87%, 100rem);
-		/* same as margin-inline: auto on .wrapper */
-		padding: 0 max(6.5%, calc(50vw - 50rem));
-		align-items: center;
-		user-select: none;
-		position: absolute;
-		display: flex;
-		bottom: 2rem;
-		gap: 1rem;
-		left: 0;
-	}
-
-	@media screen and (max-width: 768px) {
-		.social-host {
-			left: 0;
-			width: 100%;
-			display: flex;
-			justify-content: center;
-		}
-	}
-</style>
diff --git a/src/lib/components/molecules/TreeMenu.svelte b/src/lib/components/molecules/TreeMenu.svelte
deleted file mode 100644
index f4ce08b..0000000
--- a/src/lib/components/molecules/TreeMenu.svelte
+++ /dev/null
@@ -1,41 +0,0 @@
-<script lang="ts">
-	export let title: string;
-</script>
-
-<div class="menu">
-	<h5>{title.toUpperCase()}</h5>
-	<hr />
-	<div class="package-list">
-		<slot />
-	</div>
-</div>
-
-<style>
-	.menu {
-		height: calc(100vh - 7.5rem);
-		width: 100%;
-		padding: 0px 10px 30px 10px;
-		display: flex;
-		flex-direction: column;
-		position: sticky;
-		top: 7.5rem;
-		overflow-y: scroll;
-	}
-
-	h5 {
-		font-weight: 500;
-	}
-
-	hr {
-		margin-top: 0.5rem;
-	}
-
-	.package-list {
-		margin-top: 0.75rem;
-		display: flex;
-		flex-direction: column;
-		white-space: normal;
-		word-break: break-all;
-	}
-
-</style>
diff --git a/src/lib/components/organisms/Home.svelte b/src/lib/components/organisms/Home.svelte
index 1961b23..db6e0a7 100644
--- a/src/lib/components/organisms/Home.svelte
+++ b/src/lib/components/organisms/Home.svelte
@@ -5,7 +5,7 @@
 <section class="hero">
 	<div class="hero-text">
 		<h1>
-			Your favourite <br />apps, <span class="flicker">ad</span><span class="blue">vanced.</span>
+			Nothing <br />apps, <span class="flicker">ad</span><span class="blue">vanced.</span>
 		</h1>
 
 		<h2>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 02e9ca4..d0520da 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
   import { derived } from "svelte/store";
 
-	import NavHost from "$lib/components/molecules/NavHost.svelte";
   import Spinner from '$lib/components/atoms/Spinner.svelte';
   import RouterEvents from '../data/RouterEvents';
 	import '../app.css';
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 7d21e51..2d93473 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,9 +1,5 @@
 <script>
-	import HeroImage from '$lib/components/atoms/HeroImage.svelte';
-	import Home from '$lib/components/organisms/Home.svelte';
-	import SocialHost from '$lib/components/molecules/SocialHost.svelte';
 	import Wave from '$lib/components/atoms/Wave.svelte';
-	import TerminalWindow from '$lib/components/atoms/TerminalWindow.svelte';
 </script>
 
 <svelte:head>
@@ -12,16 +8,7 @@
 	<meta content="ReVanced" name="twitter:title" />
 </svelte:head>
 
-<main>
-	<div class="wrap">
-		<div class="wrappezoid">
-			<Home />
-			<div id="heroimg"><HeroImage /></div>
-			<!-- <TerminalWindow/> -->
-		</div>
-	</div>
-	<SocialHost />
-</main>
+
 <Wave />
 
 <style>