fix banner (#1139)

Co-authored-by: Tom Gotsman <[email protected]>

Author: tgberkeley

pcweb/components/hosting_banner.py

@@ -1,5 +1,5 @@
 import reflex as rx
-
+from pcweb.constants import REFLEX_CLOUD_URL
 
 def glow() -> rx.Component:
     return rx.box(
@@ -21,8 +21,8 @@ def hide_banner(self):
 def hosting_banner() -> rx.Component:
     return rx.cond(
         HostingBannerState.show_banner,
-        rx.box(
-            rx.link(
+        rx.link(
+            rx.box(
                 rx.box(
                     rx.text(
                         "Reflex Cloud - ",
@@ -33,14 +33,11 @@ def hosting_banner() -> rx.Component:
                         class_name="text-slate-12 font-semibold text-sm z-[1]",
                     ),
                     rx.el.button(
-                        "Live on Product Hunt Now! 🚀",
-                        class_name="text-orange-11 h-[1.5rem] rounded-md bg-orange-4 px-1.5 text-sm font-semibold z-[1] items-center justify-center shrink-0",
+                        "Live Now!",
+                        class_name="text-green-11 h-[1.5rem] rounded-md bg-green-4 px-1.5 text-sm font-semibold z-[1] items-center justify-center shrink-0",
                     ),
                     class_name="flex items-center gap-4",
                 ),
-                href="https://www.producthunt.com/posts/reflex-cloud",
-                underline="none",
-                class_name="mr-7 lg:mr-0",
             ),
             rx.icon(
                 "x",
@@ -49,6 +46,9 @@ def hosting_banner() -> rx.Component:
                 class_name="z-[1] cursor-pointer hover:!text-slate-11 transition-color !text-slate-9 absolute right-4",
             ),
             glow(),
+            href=REFLEX_CLOUD_URL,
+            underline="none",
+            is_external=True,
             class_name="px-4 lg:px-6 w-screen h-auto lg:h-[3.5rem] shadow-[inset_0_-1px_0_0_var(--c-slate-3)] flex items-center justify-center bg-slate-1 flex-row gap-4 overflow-hidden relative lg:py-0 py-2 max-w-full",
         ),
     )