add footer

web/src/components/Navbar.svelte

@@ -10,7 +10,7 @@
 	<div class="flex-1 gap-4 flex-row btn btn-ghost text-2xl">
 			<img class="w-10 h-10"
 					 src="{base}/images/whale-boat-sm.png" alt="whale in boat logo" />
-			<span class="normal-case">shokku</span>
+			<span class="normal-case">Shokku</span>
 	</div>
 	</a>
 	<div class="flex-none">

web/src/routes/+layout.svelte

@@ -2,8 +2,4 @@
 	import "../app.css";
 </script>
 
-<svelte:head>
-	<title>Shokku</title>
-</svelte:head>
-
 <slot />

web/src/routes/+page.svelte

@@ -3,9 +3,14 @@
   import Hero from "./Hero.svelte";
   import Features from "./Features.svelte";
   import Screenshots from "./Screenshots.svelte";
+  import Footer from "./Footer.svelte";
 </script>
 
-<div class="flex flex-col h-screen">
+<svelte:head>
+	<title>Shokku</title>
+</svelte:head>
+
+<div class="flex flex-col bg-base-300">
 	<div class="flex-shrink">
 		<Navbar />
 	</div>
@@ -14,11 +19,15 @@
 		<Hero />
 	</div>
 
-	<div class="bg-base-300 flex flex-col md:flex-row justify-center p-8 gap-8">
+	<div class="flex flex-col md:flex-row justify-center p-8 gap-8">
 		<div class="w-full md:w-3/5">
 			<Screenshots />
 		</div>
 
 		<Features />
 	</div>
+
+	<div class="bg-base-200">
+		<Footer />
+	</div>
 </div>

web/src/routes/Footer.svelte

@@ -0,0 +1,7 @@
+<script>
+import {base} from "$app/paths";
+</script>
+
+<div class="my-6 flex justify-center">
+	<img class="w-24 h-24" src="{base}/images/whale-boat-sm.png" alt="whale in boat logo" />
+</div>