ENG-7551: add booked page

pcweb/pages/__init__.py

@@ -18,6 +18,7 @@
 from .page404 import page404 as page404
 from .pricing.pricing import pricing as pricing
 from .sales import sales as sales
+from .booked import booked as booked
 
 routes = [
     *[r for r in locals().values() if isinstance(r, Route) and r.add_as_page],

pcweb/pages/booked.py

@@ -0,0 +1,46 @@
+import reflex as rx
+
+from pcweb.components.docpage.navbar import navbar
+from pcweb.pages.framework.index_colors import index_colors
+from pcweb.pages.framework.views.footer_index import footer_index
+import reflex_ui as ui
+from pcweb.pages.docs import getting_started
+
+
+def booked_title():
+    return rx.box(
+        rx.heading(
+            "Call Successfully Booked!",
+            class_name="gradient-heading font-x-large lg:font-xxx-large text-start text-transparent lg:text-center",
+        ),
+        rx.text(
+            "We’ve sent you a confirmation email with all the details.",
+            class_name="font-md text-balance text-slate-9",
+        ),
+        class_name="section-header",
+    )
+
+
+
+
+@rx.page(
+    route="/booked",
+    title="Reflex",
+)
+def booked() -> rx.Component:
+    return rx.box(
+        index_colors(),
+        navbar(),
+        rx.el.section(
+            booked_title(),
+            rx.box(
+                ui.button("Home", variant="primary", size="lg", on_click=rx.redirect("/")),
+                ui.button("Installation", variant="secondary", size="lg", on_click=rx.redirect(getting_started.installation.path)),
+                class_name="flex flex-row items-center gap-x-4 pb-14"
+            ),
+            id="affiliates",
+            class_name="section-content",
+        ),
+        footer_index(),
+        class_name="flex flex-col w-full max-w-[94.5rem] justify-center items-center mx-auto px-4 lg:px-5 relative overflow-hidden",
+    )