From 8af69a4ddf7d88d0c19a51e6afe6a0ac1eb0b296 Mon Sep 17 00:00:00 2001
From: myung03 <matthewyungisworking@gmail.com>
Date: Sat, 31 Aug 2024 21:56:19 -0700
Subject: [PATCH] made glow optional for download button

---
 apps/landing/src/app/page.tsx                 |  1 -
 .../cta-buttons/download-button.tsx           | 20 ++++++++++++++++---
 .../src/components/cta-buttons/index.tsx      |  1 +
 .../src/components/global-nav-bar/index.tsx   |  5 +----
 4 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/apps/landing/src/app/page.tsx b/apps/landing/src/app/page.tsx
index e87bd99fe..d89b8221f 100644
--- a/apps/landing/src/app/page.tsx
+++ b/apps/landing/src/app/page.tsx
@@ -29,7 +29,6 @@ export default async function Page() {
 
 	return (
 		<>
-			{/* <Background /> */}
 			{/* <Image
 				loading="eager"
 				className="absolute-horizontal-center fade-in"
diff --git a/apps/landing/src/components/cta-buttons/download-button.tsx b/apps/landing/src/components/cta-buttons/download-button.tsx
index 39db96010..4c40cfad5 100644
--- a/apps/landing/src/components/cta-buttons/download-button.tsx
+++ b/apps/landing/src/components/cta-buttons/download-button.tsx
@@ -1,14 +1,28 @@
 import { ArrowCircleDown } from '@phosphor-icons/react/dist/ssr';
+import clsx from 'clsx';
 import Link from 'next/link';
 
-export function DownloadButton({ name, link }: { name: string; link: string }) {
+export function DownloadButton({
+	name,
+	link,
+	glow
+}: {
+	name: string;
+	link: string;
+	glow?: boolean;
+}) {
 	return (
 		<Link
 			href={link}
-			className="z-30 inline-flex cursor-pointer items-center justify-center gap-x-[8px] rounded-[12px] border-[1.5px] border-[#88D7FF] px-[16px] py-[10px] shadow-[0px_4px_5px_0px_rgba(168,213,255,0.25),0px_0px_39.7px_0px_rgba(75,173,255,0.50)]"
+			className={clsx(
+				'z-30 inline-flex cursor-pointer items-center justify-center gap-x-[8px] rounded-[12px] border-[1.5px] border-[#88D7FF] px-[16px] py-[10px]',
+				{
+					'shadow-[0px_4px_5px_0px_rgba(168,213,255,0.25),0px_0px_39.7px_0px_rgba(75,173,255,0.50)]':
+						glow
+				}
+			)}
 			style={{
 				backgroundImage: `url('images/misc/NoisePattern.png'), linear-gradient(180deg, #42B2FD -22.29%, #0078F0 99.3%)`,
-				backgroundColor: 'lightgray',
 				backgroundPosition: '0% 0%',
 				backgroundSize: '50px 50px',
 				backgroundRepeat: 'repeat',
diff --git a/apps/landing/src/components/cta-buttons/index.tsx b/apps/landing/src/components/cta-buttons/index.tsx
index 827bca418..312b328eb 100644
--- a/apps/landing/src/components/cta-buttons/index.tsx
+++ b/apps/landing/src/components/cta-buttons/index.tsx
@@ -60,6 +60,7 @@ export function CTAButtons({ latestVersion }: Props) {
 							<DownloadButton
 								name={currentPlatform?.name ?? 'macOS'}
 								link={`https://spacedrive.com/api/releases/desktop/stable/${currentPlatform?.os}/x86_64`}
+								glow={true}
 							/>
 						);
 					})()}
diff --git a/apps/landing/src/components/global-nav-bar/index.tsx b/apps/landing/src/components/global-nav-bar/index.tsx
index ff70d7e44..05efc68fb 100644
--- a/apps/landing/src/components/global-nav-bar/index.tsx
+++ b/apps/landing/src/components/global-nav-bar/index.tsx
@@ -68,6 +68,7 @@ export function NavBar() {
 						<DownloadButton
 							name={currentPlatform?.name ?? 'macOS'}
 							link={`https://spacedrive.com/api/releases/desktop/stable/${currentPlatform?.os}/x86_64`}
+							glow={false}
 						/>
 					</div>
 
@@ -130,10 +131,6 @@ export function NavBar() {
 								<NavLink link="/docs/product/getting-started/introduction">
 									Docs
 								</NavLink>
-								<DownloadButton
-									name={currentPlatform?.name ?? 'macOS'}
-									link={`https://spacedrive.com/api/releases/desktop/stable/${currentPlatform?.os}/x86_64`}
-								/>
 							</div>
 						</motion.div>
 					</>