fix: move download page components to home

Author: PalmDevs

src/layout/Footer/FooterHost.svelte

@@ -47,7 +47,6 @@
 		<section class="links-container">
 			<FooterSection title="Pages">
 				<li><a href="/">Home</a></li>
-				<li><a href="/download">Download</a></li>
 				<li><a href="/patches">Patches</a></li>
 				<li><a href="/contributors">Contributors</a></li>
 				<li><a href="/donate">Donate</a></li>

src/layout/Hero/HeroSection.svelte

@@ -1,15 +1,71 @@
-<script>
-	import Button from '$lib/components/Button.svelte';
+<script lang="ts">
+import Button from "$lib/components/Button.svelte";
+import { queries } from "$data/api";
+import { onMount } from "svelte";
+import { createQuery } from "@tanstack/svelte-query";
+import Query from "$lib/components/Query.svelte";
+import Dialogue from "$lib/components/Dialogue.svelte";
+
+const query = createQuery(["manager"], queries.manager);
+
+let warning: string;
+let warningDialogue = false;
+
+let userAgent: string;
+let isAndroid: boolean;
+let androidVersionMatch: RegExpExecArray | null;
+let androidVersion: number;
+let managerUrl: string;
+
+onMount(() => {
+	userAgent = navigator.userAgent;
+	androidVersionMatch = /Android\s([\d.]+)/i.exec(userAgent);
+	androidVersion = androidVersionMatch ? parseInt(androidVersionMatch[1]) : 0;
+	isAndroid = !!androidVersion;
+});
+
+query.subscribe((val) => {
+	if (val.data) managerUrl = val.data.assets[0].browser_download_url;
+});
+
+function handleClick() {
+	if (!isAndroid) {
+		warning = "Your device is not running Android.";
+		warningDialogue = true;
+	} else if (androidVersion < 8) {
+		warning = `Your device is running ${androidVersion}. ReVanced Manager only supports Android versions 8 and above.`;
+		warningDialogue = true;
+	}
+}
 </script>
 
+<Dialogue bind:modalOpen={warningDialogue}>
+	<svelte:fragment slot="title">Device unsupported</svelte:fragment>
+	<svelte:fragment slot="description">{warning} Do you still want to download ReVanced Manager?</svelte:fragment>
+	<svelte:fragment slot="buttons">
+		<Button
+			type="text"
+			href={managerUrl}
+			on:click={() => (warningDialogue = false)}>Download</Button
+		>
+		<Button type="text" on:click={() => (warningDialogue = false)}>Cancel</Button>
+	</svelte:fragment>
+</Dialogue>
+
 <section class="hero">
 	<div class="hero-text">
 		<h1>Continuing the <br />legacy of <span>Vanced.</span></h1>
 		<p>
 			Customize your mobile experience through ReVanced <br /> by applying patches to your applications.
 		</p>
 		<div class="hero-buttons">
-			<Button icon="download" type="filled" href="download">Download</Button>
+				<Button
+					on:click={handleClick}
+					type="filled"
+					icon="download"
+				>
+					Download Manager
+				</Button>
 			<Button icon="docs" type="tonal" href="patches">View patches</Button>
 		</div>
 	</div>

src/layout/Navbar/NavHost.svelte

@@ -72,7 +72,6 @@
 			<div id="main-navigation">
 				<ul class="nav-buttons">
 					<Navigation href="/" label="Home">Home</Navigation>
-					<Navigation queryKey="manager" href="/download" label="Download">Download</Navigation>
 					<Navigation queryKey="patches" href="/patches" label="Patches">Patches</Navigation>
 					<Navigation queryKey="repositories" href="/contributors" label="Contributors">
 						Contributors