ENG-6287: bring back banner (#1426)

* bring back banner

* update message

---------

Co-authored-by: Alek99 <[email protected]>

Author: LineIndent

pcweb/components/docpage/navbar/navbar.py

@@ -21,7 +21,7 @@
 from .search import search_bar
 from ..sidebar import SidebarState
 from ...link_button import resources_button
-
+from pcweb.components.hosting_banner import hosting_banner
 
 def resource_item(text: str, url: str, icon: str, index):
     return rx.el.li(
@@ -520,7 +520,7 @@ def new_component_section() -> rx.Component:
 @rx.memo
 def navbar() -> rx.Component:
     return rx.box(
-        # hosting_banner(),
+        hosting_banner(),
         rx.el.header(
             new_component_section(),
             class_name="flex flex-row items-center gap-12 bg-slate-1 shadow-[inset_0_-1px_0_0_var(--c-slate-3)] px-4 lg:px-6 w-screen h-[48px] lg:h-[65px]",

pcweb/components/hosting_banner.py

@@ -14,7 +14,7 @@ def glow() -> rx.Component:
 
 
 class HostingBannerState(rx.State):
-    show_banner: bool = False
+    show_banner: bool = True
 
     def hide_banner(self):
         self.show_banner = False
@@ -32,19 +32,19 @@ def hosting_banner() -> rx.Component:
                             "Reflex Build – ",
                             # Descriptive text: hidden on small, inline on md+
                             rx.el.span(
-                                "Build internal apps with AI.",
+                                "Prompt to production app, in seconds.",
                                 class_name="hidden md:inline-block text-slate-12 font-medium text-sm",
                             ),
                             # Mobile CTA: inline on small, hidden on md+
                             rx.el.span(
-                                "Try for Free!",
+                                "Early Access",
                                 class_name="inline-block md:hidden text-slate-12 font-medium text-sm",
                             ),
                             class_name="text-slate-12 font-semibold text-sm z-[1]",
                         ),
                         # Standalone CTA button: hidden on small, inline on md+
                         rx.el.button(
-                            "Try for Free!",
+                            "Get Early Access",
                             class_name=(
                                 "hidden md:inline-block "
                                 "text-green-11 h-[1.5rem] rounded-md bg-green-4 "
@@ -56,7 +56,7 @@ def hosting_banner() -> rx.Component:
                     )
                 ),
                 glow(),
-                href=REFLEX_BUILD_URL,
+                href="/pricing",
                 underline="none",
                 is_external=True,
             ),