3 files changed, 18 insertions, 8 deletions
diff --git a/src/components/About.svelte b/src/components/About.svelte
index 7c38d819..4e3b7d25 100644
--- a/src/components/About.svelte
+++ b/src/components/About.svelte
@@ -49,8 +49,8 @@
 		</h3>
 		<div class="space-y-10 2xl:space-y-0 2xl:grid gap-y-10 grid-cols-2">
 			{#each team as member}
-				<div class="md:flex justify-center items-center 2xl:items-start md:space-x-10">
-					<div>
+				<div class="md:flex justify-center 2xl:items-start md:space-x-10">
+					<div class="w-[220px]">
 						<Image image={member.name} style="rounded-full mx-auto w-40 h-40 mb-5 object-cover" />
 
 						<div class="space-y-2">
@@ -74,7 +74,7 @@
 							{/each}
 						</div>
 					</div>
-					<div class="mt-5 md:mt-0 text-secondary text-xl w-full md:w-[450px]">
+					<div class="text-secondary text-xl w-full md:w-[450px] mt-5">
 						{$t(`about.team.${member.name}.bio`)}
 					</div>
 				</div>
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index 0b0a2b72..0ea934e6 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -20,7 +20,16 @@
 		<div class="text-center w-full mb-8">
 			<a href="/"><Icon icon="logo" style="w-48 mx-auto md:mx-0" /></a>
 		</div>
-		<div class="text-center">
+		<div class="flex gap-2 justify-center">
+			<div>
+				<a href="/register">
+					<button
+						class="bg-black text-white border rounded-full px-6 py-4 font-bold hover:opacity-80 text-lg"
+					>
+						Get started
+					</button>
+				</a>
+			</div>
 			<LocaleSelector style="p-2 rounded-md text-center hover:opacity-80 cursor-pointer" />
 		</div>
 	</div>
diff --git a/src/components/LocationsMap.svelte b/src/components/LocationsMap.svelte
index b3be164f..8a1b6afd 100644
--- a/src/components/LocationsMap.svelte
+++ b/src/components/LocationsMap.svelte
@@ -188,10 +188,11 @@
 	onDestroy(async () => map && map.remove());
 </script>
 
-<div
-	class="mx-auto w-full md:w-11/12 lg:w-3/4 2xl:w-1/2 max-w-7xl h-[450px] z-0"
-	bind:this={mapElement}
-/>
+<div class="container mx-auto max-w-4xl">
+	<div class="flex w-full">
+		<div class="mx-auto h-[450px] w-full z-0" bind:this={mapElement} />
+	</div>
+</div>
 
 <style>
 	@import 'leaflet/dist/leaflet.css';