Fix missing success pages and improve UI (#1719)

* Fix missing success pages and improve UI

* Apply ruff formatting

* Fix typo in healthcare use case

* Fix import sorting (ruff)

Author: Alek99

pcweb/pages/check_your_email_demo.py

@@ -1,22 +1,27 @@
 import reflex as rx
+import reflex_ui as ui
 
-from pcweb.flexdown import markdown_with_shiki
 from pcweb.templates.webpage import webpage
 
-contents = """
-# Thanks for Submitting a Demo Request
-
-Check your email, we sent a calendar link to get access.
-"""
-
 
 @webpage(
     path="/thank-you",
     title="Thanks for Submitting a Demo Request · Reflex.dev",
-    add_as_page=False,
+    add_as_page=True,
 )
 def page_thank_you():
     return rx.box(
-        markdown_with_shiki(contents),
-        class_name="h-[80vh] w-full flex flex-col items-center justify-center",
+        rx.heading(
+            "Thanks for Submitting a Demo Request",
+            class_name="gradient-heading font-x-large lg:font-xxx-large text-center text-transparent",
+        ),
+        rx.text(
+            "Check your email, we sent a calendar link to get access.",
+            class_name="font-md text-balance text-slate-9 text-center mt-4",
+        ),
+        rx.box(
+            ui.button("Home", variant="primary", size="lg", on_click=rx.redirect("/")),
+            class_name="flex flex-row items-center gap-x-4 mt-8",
+        ),
+        class_name="h-[60vh] w-full flex flex-col items-center justify-center p-4",
     )

pcweb/pages/meeting_successfully_booked.py

@@ -1,22 +1,27 @@
 import reflex as rx
+import reflex_ui as ui
 
-from pcweb.flexdown import markdown_with_shiki
 from pcweb.templates.webpage import webpage
 
-contents = """
-# Thanks for Submitting a Demo Request
-
-Meeting successfully booked!
-"""
-
 
 @webpage(
     path="/meeting-successfully-booked",
     title="Meeting Successfully Booked · Reflex.dev",
-    add_as_page=False,
+    add_as_page=True,
 )
 def page_meeting_successfully_booked():
     return rx.box(
-        markdown_with_shiki(contents),
-        class_name="h-[80vh] w-full flex flex-col items-center justify-center",
+        rx.heading(
+            "Meeting Successfully Booked!",
+            class_name="gradient-heading font-x-large lg:font-xxx-large text-center text-transparent",
+        ),
+        rx.text(
+            "We have sent you a confirmation email with all the details.",
+            class_name="font-md text-balance text-slate-9 text-center mt-4",
+        ),
+        rx.box(
+            ui.button("Home", variant="primary", size="lg", on_click=rx.redirect("/")),
+            class_name="flex flex-row items-center gap-x-4 mt-8",
+        ),
+        class_name="h-[60vh] w-full flex flex-col items-center justify-center p-4",
     )

pcweb/pages/use_cases/healthcare/views/features_2.py

@@ -27,7 +27,7 @@ def features_2() -> rx.Component:
             "PlugSocketIcon",
             "Designed for Data-Intensive Healthcare Workflows",
             "Native Python environment for all your integrations",
-            "Integrate EMR/EHR data, HL7 & FHIR APIs, claims & billing systems, research databases, Snowflake, Postgres, Databricks, BigQuery, and clinical analytics & ML models — all in pure Python without switching contexts or languages.",
+            "Integrate EMR data, HL7 & FHIR APIs, claims & billing systems, research databases, Snowflake, Postgres, Databricks, BigQuery, and clinical analytics & ML models — all in pure Python without switching contexts or languages.",
         ),
         class_name="grid lg:grid-cols-4 grid-cols-1 mx-auto w-full max-w-[64.19rem] lg:border-x border-slate-3 relative overflow-hidden border-t lg:divide-x divide-slate-3 max-lg:divide-y",
     )