ENG-8726: Remove pricing slider (#1735)

* ENG-8726: Remove pricing slider

* remove event

Author: carlosabadia

pcweb/pages/pricing/calculator.py

@@ -2,7 +2,7 @@
 import reflex_ui as ui
 from reflex.experimental.client_state import ClientStateVar
 
-collapsed_calculator_cs = ClientStateVar.create("collapsed_calculator", default=True)
+collapsed_calculator_cs = ClientStateVar.create("collapsed_calculator", default=False)
 
 CREDITS_PER_HOUR_CPU = 0.2
 CREDITS_PER_HOUR_GB = 0.5
@@ -207,6 +207,17 @@ def compute_table_base() -> rx.Component:
 
 def calculator_section() -> rx.Component:
     return rx.el.section(
+        rx.el.div(
+            rx.el.h1(
+                "Hosting Calculator",
+                class_name="text-slate-12 lg:text-3xl text-2xl font-semibold text-center",
+            ),
+            rx.el.h2(
+                "Only pay for what you use, nothing more.",
+                class_name="text-slate-9 text-2xl font-semibold text-center",
+            ),
+            class_name="flex flex-col gap-1 justify-center border-b border-slate-4 w-full mx-auto px-6 pb-[4.5rem]",
+        ),
         compute_table(),
         rx.el.div(
             rx.cond(
@@ -238,5 +249,5 @@ def calculator_section() -> rx.Component:
             ),
             class_name="w-full p-2 relative",
         ),
-        class_name="flex flex-col w-full max-w-[64.19rem] 2xl:border-x border-slate-4 2xl:border-b pb-[6rem] justify-center items-center",
+        class_name="flex flex-col w-full max-w-[64.19rem] 2xl:border-x border-slate-4 2xl:border-b pb-[6rem] pt-[4.5rem] justify-center items-center",
     )

pcweb/pages/pricing/pricing.py

@@ -6,7 +6,6 @@
 from pcweb.pages.pricing.calculator import calculator_section
 from pcweb.pages.pricing.faq import faq
 from pcweb.pages.pricing.plan_cards import plan_cards
-from pcweb.pages.pricing.slider_calculator import MachineState, slider_calculator
 from pcweb.pages.pricing.table import tiers_tables
 
 pricing_path = "/pricing"
@@ -16,7 +15,6 @@
     route=pricing_path,
     title="Reflex · Pricing",
     meta=hosting_meta_tags,
-    on_load=MachineState.reset_machines,
 )
 def pricing() -> rx.Component:
     """Get the Pricing landing page."""
@@ -29,7 +27,6 @@ def pricing() -> rx.Component:
             rx.box(
                 plan_cards(),
                 tiers_tables(),
-                slider_calculator(),
                 calculator_section(),
                 faq(),
                 class_name="flex flex-col relative justify-center items-center w-full",