sign in button (#1451)

Author: carlosabadia

pcweb/components/docpage/navbar/navbar.py

@@ -5,7 +5,7 @@
 from pcweb.components.button import button
 from pcweb.components.docpage.navbar.navmenu.navmenu import nav_menu
 from pcweb.components.hosting_banner import hosting_banner
-from pcweb.constants import REFLEX_BUILD_URL
+from pcweb.constants import REFLEX_BUILD_URL, REFLEX_CLOUD_URL
 from pcweb.pages.blog import blogs
 from pcweb.pages.blog.paths import blog_data
 from pcweb.pages.docs import ai_builder, getting_started
@@ -506,6 +506,19 @@ def new_component_section() -> rx.Component:
             nav_menu.item(search_bar()),
             nav_menu.item(github()),
             nav_menu.item(discord(), class_name="desktop-only"),
+            nav_menu.item(
+                rx.link(
+                    button(
+                        "Sign In",
+                        variant="secondary",
+                        class_name="!h-8 !font-small-smbold !rounded-[0.625rem] whitespace-nowrap",
+                    ),
+                    underline="none",
+                    is_external=True,
+                    href=f"{REFLEX_CLOUD_URL}/?redirect_url={REFLEX_BUILD_URL}",
+                ),
+                class_name="desktop-only",
+            ),
             nav_menu.item(
                 rx.link(
                     button(

pcweb/components/hosting_banner.py

@@ -48,7 +48,7 @@ def hosting_banner() -> rx.Component:
                         ),
                         # Standalone CTA button: hidden on small, inline on md+
                         rx.el.button(
-                            "Get Early Access",
+                            "Get Access",
                             class_name=(
                                 "hidden md:inline-block "
                                 "text-green-11 h-[1.65rem] rounded-md bg-green-4 "

pcweb/pages/landing/views/hero.py

@@ -97,7 +97,7 @@ def hero() -> rx.Component:
         rx.box(
             rx.link(
                 button(
-                    "Get Early Access",
+                    "Get Access",
                     size="xl",
                     class_name="w-fit flex flex-row-reverse",
                     icon=rx.icon("chevron-right", size=16),

pcweb/pages/landing/views/video_demo.py

@@ -25,7 +25,7 @@ def video_demo() -> rx.Component:
                 class_name="flex flex-col gap-1.5",
             ),
             rx.link(
-                button("Get Early Access", size="lg", class_name="w-fit"),
+                button("Get Access", size="lg", class_name="w-fit"),
                 href="/pricing",
             ),
             class_name="flex flex-col gap-4 max-lg:items-center max-lg:justify-center max-lg:text-center",

pcweb/pages/pricing/header.py

@@ -429,10 +429,6 @@ def custom_quote_form() -> rx.Component:
                     class_name="w-full space-y-6",
                     on_submit=QuoteFormState.submit,
                 ),
-                rx.box(
-                    "1 Month Free Trial",
-                    class_name="absolute top-[-0.75rem] left-8 rounded-md bg-[--violet-9] h-[1.5rem] text-sm font-medium text-center px-2 flex items-center justify-center text-[#FCFCFD] z-[10]",
-                ),
                 class_name="relative bg-slate-1 p-6 sm:p-8 rounded-2xl border-2 border-[--violet-9] shadow-lg w-full max-w-md mx-auto lg:max-w-none lg:mx-0",
             ),
             class_name="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-16 max-w-7xl mx-auto items-start",

pcweb/pages/pricing/plan_cards.py

@@ -301,11 +301,6 @@ def popular_card(
 ) -> rx.Component:
     """Popular pricing card component with special styling and effects."""
     return rx.box(
-        # Popular Badge
-        rx.box(
-            "1 Month Free Trial",
-            class_name="absolute top-[-0.75rem] left-8 rounded-md bg-[--violet-9] h-[1.5rem] text-sm font-medium text-center px-2 flex items-center justify-center text-[#FCFCFD] z-[10]",
-        ),
         # Card Content with Background Effects
         rx.box(
             glow(),