From e06eb56262611cab9bc3e0e8cf64dca07c311b9a Mon Sep 17 00:00:00 2001
From: thewh1teagle <61390950+thewh1teagle@users.noreply.github.com>
Date: Wed, 5 Jun 2024 21:47:58 +0300
Subject: [PATCH] improve cta

---
 landing/src/components/Cta.svelte | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/landing/src/components/Cta.svelte b/landing/src/components/Cta.svelte
index 73f5ca78..6c1217e9 100644
--- a/landing/src/components/Cta.svelte
+++ b/landing/src/components/Cta.svelte
@@ -68,17 +68,18 @@
 </script>
 
 <div class="flex gap-3 flex-col lg:flex-row">
-	{#if asset?.platform.toLowerCase() === 'macos'}
-		{#if isMobile}
-			<button on:mousedown={ctaClick} class="btn btn-primary">
-				{t('download')}
-			</button>
-		{:else}
-			<button on:mousedown={ctaClick} class="btn btn-primary hidden lg:flex">
-				<MacIcon />
-				{t('download-for')}{asset?.platform}
-			</button>
-		{/if}
+	<!-- mobile cta open modal -->
+	{#if isMobile}
+		<button on:mousedown={ctaClick} class="btn btn-primary">
+			{t('download')}
+		</button>
+		<!-- macOS cta -->
+	{:else if asset?.platform.toLowerCase() === 'macos'}
+		<button on:mousedown={ctaClick} class="btn btn-primary hidden lg:flex">
+			<MacIcon />
+			{t('download-for')}{asset?.platform}
+		</button>
+		<!-- linux / windows -->
 	{:else}
 		<a href={asset?.url} class="btn btn-primary hidden md:flex">
 			{#if asset?.platform.toLowerCase() === 'linux'}
@@ -89,6 +90,7 @@
 			{t('download-for')}{asset?.platform}
 		</a>
 	{/if}
+
 	<a class="btn" href="https://github.com/thewh1teagle/vibe" target="_blank">
 		<GithubIcon width="18" height="18" />
 		{t('star-on-github')}