From b8aa272bc670e1fb732bb3c7aae98c07aa4ec4d1 Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Sat, 1 Mar 2025 00:17:09 +0530
Subject: [PATCH] fix: Promo bar

---
 src/lib/util/promos/January2025.svelte | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/lib/util/promos/January2025.svelte b/src/lib/util/promos/January2025.svelte
index 339a4fb2..90662cd9 100644
--- a/src/lib/util/promos/January2025.svelte
+++ b/src/lib/util/promos/January2025.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
-  import { onDestroy, type Snippet } from 'svelte';
-  import { fade } from 'svelte/transition';
+    import { Button } from '$/components/ui/button';
+    import { onDestroy, type Snippet } from 'svelte';
+    import { fade } from 'svelte/transition';
 
   interface Props {
     closeBanner: Snippet;
@@ -135,11 +136,8 @@
         class="col-start-1 row-start-1 flex items-center justify-center gap-4 no-underline"
         in:fade={{ delay: 750 }}
         out:fade={{ duration: 1000 }}>
-        <span class="text-sm tracking-wider">{currentTagline.label}</span>
-        <button
-          class="shrink-0 rounded-lg bg-[#1E1A2E] px-3 py-1.5 text-sm font-semibold tracking-wide">
-          Try now
-        </button>
+        <span class="text-sm text-white tracking-wider">{currentTagline.label}</span>
+        <Button size="sm" class="bg-[#1E1A2E] font-semibold tracking-wider">Try now</Button>
       </a>
     {/key}
   </div>