From 23f285300aad6a0fb30ceb7adb29cbf3f85008ab Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Mon, 29 Dec 2025 09:10:05 +0000
Subject: fix(landing): fix cloud banner on mobile

---
 apps/landing/src/Homepage.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'apps/landing/src/Homepage.tsx')

diff --git a/apps/landing/src/Homepage.tsx b/apps/landing/src/Homepage.tsx
index 25e1ea66..26a0f2fe 100644
--- a/apps/landing/src/Homepage.tsx
+++ b/apps/landing/src/Homepage.tsx
@@ -127,9 +127,9 @@ const currentYear = new Date().getFullYear();
 
 function Banner() {
   return (
-    <div className="border-b border-amber-200 bg-gradient-to-r from-amber-50 via-orange-50 to-rose-50 px-4 py-3 text-center">
-      <div className="container flex items-center justify-center gap-3 text-sm text-slate-700 sm:text-base">
-        <div className="inline-flex items-center gap-2 px-3 py-1">
+    <div className="border-b border-amber-200 bg-gradient-to-r from-amber-50 via-orange-50 to-rose-50 px-3 py-2 text-center sm:px-4 sm:py-3">
+      <div className="container flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-xs text-slate-700 sm:gap-3 sm:text-base">
+        <div className="flex flex-wrap items-center justify-center gap-1 px-2 py-0.5 sm:px-3 sm:py-1">
           <Rocket className="size-4 text-amber-600 sm:size-5" />
           <span className="font-semibold text-slate-800">
             Karakeep Cloud Public Beta is Now Live
@@ -139,7 +139,7 @@ function Banner() {
           href={CLOUD_SIGNUP_LINK}
           target="_blank"
           rel="noreferrer"
-          className="inline-flex items-center gap-1 rounded-full border border-amber-300 bg-amber-500 px-3 py-1 text-xs font-semibold text-white shadow-sm transition-all hover:border-amber-400 hover:bg-amber-600 sm:text-sm"
+          className="inline-flex items-center justify-center gap-1 text-xs font-semibold text-amber-700 underline decoration-amber-400 underline-offset-2 transition-all hover:text-amber-800 sm:rounded-full sm:border sm:border-amber-300 sm:bg-amber-500 sm:px-3 sm:py-1 sm:text-sm sm:text-white sm:no-underline sm:shadow-sm sm:hover:border-amber-400 sm:hover:bg-amber-600"
         >
           Join Now <span className="hidden sm:inline">→</span>
         </a>
-- 
cgit v1.2.3-70-g09d2

