fix(web): correct Roomote banner color to #d8f14b and increase size

Author: roomote

apps/web-roo-code/src/components/RoomoteAnnouncementBanner.tsx

@@ -4,23 +4,23 @@ import { ArrowRight } from "lucide-react"
 
 export function RoomoteAnnouncementBanner() {
 	return (
-		<div className="relative overflow-hidden bg-[#c8f525] text-black">
-			<div className="relative flex flex-col sm:flex-row items-center justify-center gap-3 sm:gap-5 px-4 py-3.5 sm:py-4">
+		<div className="relative overflow-hidden bg-[#d8f14b] text-black">
+			<div className="relative flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-6 px-6 py-5 sm:py-6">
 				<div className="flex items-center gap-3">
-					<span className="inline-flex items-center rounded-full bg-black text-[#c8f525] px-3 py-1 text-xs font-bold uppercase tracking-wider">
+					<span className="inline-flex items-center rounded-full bg-black text-[#d8f14b] px-3.5 py-1 text-xs font-extrabold uppercase tracking-widest">
 						New
 					</span>
-					<p className="text-sm sm:text-base font-bold tracking-tight">
+					<p className="text-base sm:text-lg md:text-xl font-extrabold tracking-tight">
 						Introducing Roomote — the always-on engineer for your entire team
 					</p>
 				</div>
 				<a
 					href="https://roomote.dev"
 					target="_blank"
 					rel="noopener noreferrer"
-					className="group inline-flex items-center gap-1.5 rounded-full bg-black text-white px-5 py-2 text-sm font-bold hover:bg-gray-900 transition-colors duration-200">
+					className="group inline-flex shrink-0 items-center gap-2 rounded-full bg-black text-white px-6 py-2.5 text-sm sm:text-base font-bold hover:bg-gray-900 transition-colors duration-200">
 					Learn more
-					<ArrowRight className="size-4 transition-transform duration-200 group-hover:translate-x-0.5" />
+					<ArrowRight className="size-4 sm:size-5 transition-transform duration-200 group-hover:translate-x-0.5" />
 				</a>
 			</div>
 		</div>