change buttons on hosting page (#1129)

Co-authored-by: Tom Gotsman <tomgotsman@Toms-MacBook-Pro.local>
reflex-dev · Dec 5, 2024 · df89204 · df89204
1 parent 19b2b65
commit df89204
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 11 deletions.
diff --git a/pcweb/components/docpage/navbar/navbar.py b/pcweb/components/docpage/navbar/navbar.py
@@ -31,7 +31,7 @@
 from pcweb.pages.blog.paths import blog_data
 
 from pcweb.components.docpage.navbar.navmenu.navmenu import nav_menu
-from pcweb.constants import CONTRIBUTING_URL, FORUM_URL, ROADMAP_URL
+from pcweb.constants import CONTRIBUTING_URL, FORUM_URL, ROADMAP_URL, REFLEX_CLOUD_URL
 
 
 def resource_item(text: str, url: str, icon: str):
@@ -353,7 +353,8 @@ def new_component_section() -> rx.Component:
                         class_name="!h-8 !font-small-smbold !rounded-[0.625rem] whitespace-nowrap",
                     ),
                     underline="none",
-                    href=hosting.deploy_quick_start.path,
+                    is_external=True,
+                    href=REFLEX_CLOUD_URL,
                 ),
                 class_name="desktop-only",
             ),

diff --git a/pcweb/components/hosting_banner.py b/pcweb/components/hosting_banner.py
@@ -33,12 +33,12 @@ def hosting_banner() -> rx.Component:
                         class_name="text-slate-12 font-semibold text-sm z-[1]",
                     ),
                     rx.el.button(
-                        "Join Now",
-                        class_name="text-slate-11 h-[1.5rem] rounded-md bg-slate-4 px-1.5 text-sm font-semibold z-[1] items-center justify-center shrink-0",
+                        "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",
                     ),
                     class_name="flex items-center gap-4",
                 ),
-                href="/hosting",
+                href="https://www.producthunt.com/posts/reflex-cloud",
                 underline="none",
                 class_name="mr-7 lg:mr-0",
             ),

diff --git a/pcweb/constants.py b/pcweb/constants.py
@@ -32,6 +32,7 @@
 NPMJS_URL = "https://www.npmjs.com/"
 SPLINE_URL = "https://github.com/splinetool/react-spline"
 HOSTING_URL = "/launch"
+REFLEX_CLOUD_URL = "https://cloud.reflex.dev"
 
 # Install urls.
 BUN_URL = "https://bun.sh"

diff --git a/pcweb/pages/hosting/views/features.py b/pcweb/pages/hosting/views/features.py
@@ -1,7 +1,7 @@
 import reflex as rx
 from pcweb.components.icons import get_icon
 from pcweb.components.new_button import button
-from pcweb.constants import HOSTING_URL
+from pcweb.pages.docs import hosting
 
 
 def grid() -> rx.Component:
@@ -169,8 +169,8 @@ def features() -> rx.Component:
             class_name="flex lg:flex-row flex-col justify-center items-center",
         ),
         rx.link(
-            button("Start building", variant="primary", size="xl"),
-            href=HOSTING_URL,
+            button("Start deploying", variant="primary", size="xl"),
+            href=hosting.deploy_quick_start.path,
             is_external=True,
             class_name="p-2 border border-slate-3 rounded-[1.375rem] border-solid lg:mt-0 mt-4",
         ),

diff --git a/pcweb/pages/hosting/views/hero.py b/pcweb/pages/hosting/views/hero.py
@@ -1,7 +1,7 @@
 import reflex as rx
 from pcweb.components.new_button import button
+from pcweb.pages.docs import hosting
 from pcweb.constants import REFLEX_DEV_WEB_LANDING_FORM_URL_GET_DEMO
-from pcweb.constants import HOSTING_URL
 from pcweb.components.hosting_banner import HostingBannerState
 
 
@@ -22,12 +22,12 @@ def hero() -> rx.Component:
         rx.box(
             rx.link(
                 button(
-                    "Join the waitlist",
+                    "Start deploying",
                     size="xl",
                     class_name="w-full lg:w-fit",
                 ),
                 underline="none",
-                href=HOSTING_URL,
+                href=hosting.deploy_quick_start.path,
                 class_name="w-full lg:w-fit",
             ),
             rx.link(