homepage tweaks

6 files changed, 25 insertions, 23 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';
diff --git a/src/locales/en.json b/src/locales/en.json
index 07e9dab6..cbd9be0d 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -44,7 +44,7 @@
 		},
 		"locations": {
 			"header": "Locations",
-			"description": "Here are some businesses that are accepting bitcoin with Coinos. Feel free to <a class=\"underline\" href=\"https://github.com/teambtcmap/btcmap-data/wiki/Tagging-Instructions\">suggest changes</a> if we missed something."
+			"description": "Here are some businesses that are accepting bitcoin with Coinos. We hope that yours will be next!"
 		}
 	},
 	"error": {
diff --git a/src/routes/(app)/[username]/dashboard/+page.svelte b/src/routes/(app)/[username]/dashboard/+page.svelte
index a042ddcb..c91d7e8f 100644
--- a/src/routes/(app)/[username]/dashboard/+page.svelte
+++ b/src/routes/(app)/[username]/dashboard/+page.svelte
@@ -66,30 +66,30 @@
 		</div>
 	</div>
 
-	<div class="grid sm:grid-cols-2 gap-2">
+	<div class="grid sm:grid-cols-2 gap-2 text-lg">
 		<a href="/send">
-			<button class="rounded-full border py-2 px-5 font-bold hover:opacity-80 w-full"
+			<button class="rounded-full border py-4 px-5 font-bold hover:opacity-80 w-full"
 				>{$t('user.dashboard.withdraw')}</button
 			>
 		</a>
 		<a href={`/${user.username}/receive`}>
-			<button class="rounded-full border py-2 px-5 font-bold hover:opacity-80 w-full"
+			<button class="rounded-full border py-4 px-5 font-bold hover:opacity-80 w-full"
 				>{$t('user.dashboard.receive')}</button
 			>
 		</a>
 		<a href={`/${user.username}/address`}>
-			<button class="rounded-full border py-2 px-5 font-bold hover:opacity-80 w-full"
+			<button class="rounded-full border py-4 px-5 font-bold hover:opacity-80 w-full"
 				>Deposit</button
 			>
 		</a>
 		<a href={`/send/voucher`}>
-			<button class="rounded-full border py-2 px-5 font-bold hover:opacity-80 w-full"
+			<button class="rounded-full border py-4 px-5 font-bold hover:opacity-80 w-full"
 				>Voucher</button
 			>
 		</a>
 	</div>
 
-	<div class="flex">
+	<div class="flex container max-w-md fixed bottom-4">
 		<div class="text-secondary flex mr-auto">
 			<div class="flex mr-1">
 				<div class="my-auto mr-1">1</div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 42c6265f..e318ad3a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -95,14 +95,6 @@
 	{#if locations?.length}
 		<About {locations} />
 	{/if}
-
-	<div class="flex justify-center">
-		<a href="/register">
-			<button class="bg-black text-white border rounded-full px-6 py-2 font-bold hover:opacity-80">
-				{$t('nav.startInSeconds')}
-			</button>
-		</a>
-	</div>
 </main>
 
 <Footer />