feat: download page wip

src/routes/download/+page.svelte

@@ -1,8 +1,45 @@
-<script>
-    // import Button from "$lib/components/atoms/Button.svelte";
+<script lang="ts">
+	import type { PageData } from './$types';
+	import { tools as api_tools } from '../../data/api';
+	import Button from '$lib/components/atoms/Button.svelte';
+	import Footer from '$lib/components/molecules/Footer.svelte';
+
+	export let data: PageData;
+	api_tools.init(data);
+	$: tools = data.tools;
 </script>
 
 <div class="wrapper">
-    <!-- <Button icon="download" kind="primary">Download Manager v0.0.32</Button>
-    <Button>Are you a nerd?</Button> -->
+	<h1>ReVanced Manager</h1>
+	<h6>Patch your favourite apps, on-device.</h6>
+	<Button kind="primary" icon="download" href={tools[5].browser_download_url}>{tools[5].version}</Button>
+	<img src="../manager_two.png" alt="Manager Screenshot"/>
 </div>
+
+<Footer {...data}/>
+
+<style>
+
+	div {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+	h1 {
+		font-size: 2.25rem;
+		font-weight: 600;
+		text-align: center;
+		color: var(--accent-color);
+	}
+
+	h6 {
+		text-align: center;
+		margin-bottom: 1.5rem;
+	}
+
+	img { 
+		margin-top: 2.5rem;
+		margin-bottom: 2.5rem;
+		width: 25rem;
+	}
+</style>