diff --git a/pcweb/pages/__init__.py b/pcweb/pages/__init__.py index db1cb0d5b..5e2e8be2a 100644 --- a/pcweb/pages/__init__.py +++ b/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], diff --git a/pcweb/pages/booked.py b/pcweb/pages/booked.py new file mode 100644 index 000000000..2903b4ea1 --- /dev/null +++ b/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", + ) diff --git a/pcweb/pages/to_be_booked.py b/pcweb/pages/to_be_booked.py new file mode 100644 index 000000000..7f2c92199 --- /dev/null +++ b/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", + )