diff --git a/apps/web-roo-code/public/logos/roomote-logo.png b/apps/web-roo-code/public/logos/roomote-logo.png new file mode 100644 index 00000000000..483a350d50c Binary files /dev/null and b/apps/web-roo-code/public/logos/roomote-logo.png differ diff --git a/apps/web-roo-code/src/app/layout.tsx b/apps/web-roo-code/src/app/layout.tsx index 2691e96ebda..b23a258f151 100644 --- a/apps/web-roo-code/src/app/layout.tsx +++ b/apps/web-roo-code/src/app/layout.tsx @@ -4,6 +4,7 @@ import { Inter } from "next/font/google" import { SEO } from "@/lib/seo" import { ogImageUrl } from "@/lib/og" import { CookieConsentWrapper } from "@/components/CookieConsentWrapper" +import { RoomoteAnnouncementBanner } from "@/components/RoomoteAnnouncementBanner" import { Providers } from "@/components/providers" @@ -97,16 +98,7 @@ export default function RootLayout({ children }: { children: React.ReactNode }) /> -
- The Roo Code team is about to launch something new.{" "} - - Check out Roomote - -
+
diff --git a/apps/web-roo-code/src/components/RoomoteAnnouncementBanner.tsx b/apps/web-roo-code/src/components/RoomoteAnnouncementBanner.tsx new file mode 100644 index 00000000000..d998a70e087 --- /dev/null +++ b/apps/web-roo-code/src/components/RoomoteAnnouncementBanner.tsx @@ -0,0 +1,37 @@ +"use client" + +import Image from "next/image" +import { DM_Sans } from "next/font/google" +import { ArrowRight } from "lucide-react" + +const dmSans = DM_Sans({ + subsets: ["latin"], + weight: ["500", "700", "800"], +}) + +export function RoomoteAnnouncementBanner() { + return ( +
+
+

+ The Roo Code team just launched something new. +

+ + Check out + Roomote + + +
+
+ ) +}