ENG-7551: add booked page (#1606)

* add booked page

* second page

* updates

* add url

Author: LineIndent

pcweb/pages/__init__.py

@@ -18,6 +18,8 @@
 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
+from .to_be_booked import to_be_booked as to_be_booked
 
 routes = [
     *[r for r in locals().values() if isinstance(r, Route) and r.add_as_page],

pcweb/pages/booked.py

@@ -0,0 +1,52 @@
+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
+from pcweb.meta.meta import create_meta_tags
+
+
+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="Call Successfully Booked | Reflex",
+    meta=create_meta_tags(
+        title="Call Successfully Booked | Reflex",
+        description="Your call has been successfully scheduled. A confirmation email has been sent with all the details.",
+        image="/previews/index_preview.png"
+    )
+)
+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="booked",
+            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",
+    )

pcweb/pages/to_be_booked.py

@@ -0,0 +1,50 @@
+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
+from pcweb.meta.meta import create_meta_tags
+
+
+def to_be_booked_title():
+    return rx.box(
+        rx.heading(
+            "Call Request Received!",
+            class_name="gradient-heading font-x-large lg:font-xxx-large text-start text-transparent lg:text-center",
+        ),
+        rx.text(
+            "Our team will reach out to you shortly over email to schedule your call.",
+            class_name="font-md text-balance text-slate-9",
+        ),
+        class_name="section-header",
+    )
+
+
+@rx.page(
+    route="/to-be-booked",
+    title="Call Request Received | Reflex",
+    meta=create_meta_tags(
+        title="Call Request Received | Reflex",
+        description="Your request has been received. Our team will reach out to you shortly via email to schedule your call.",
+        image="/previews/index_preview.png"
+    )
+)
+def to_be_booked() -> rx.Component:
+    return rx.box(
+        index_colors(),
+        navbar(),
+        rx.el.section(
+            to_be_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="to-be-booked",
+            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",
+    )