Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 13 additions & 2 deletions pcweb/pages/pricing/calculator.py
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -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(
Expand Down Expand Up @@ -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",
)
3 changes: 0 additions & 3 deletions pcweb/pages/pricing/pricing.py
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand All @@ -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."""
Expand All @@ -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",
Expand Down