diff options
Diffstat (limited to 'Biz/PodcastItLater/UI.py')
| -rw-r--r-- | Biz/PodcastItLater/UI.py | 188 |
1 files changed, 92 insertions, 96 deletions
diff --git a/Biz/PodcastItLater/UI.py b/Biz/PodcastItLater/UI.py index 10f58e0..ff9301d 100644 --- a/Biz/PodcastItLater/UI.py +++ b/Biz/PodcastItLater/UI.py @@ -632,123 +632,119 @@ class PricingPage(Component[AnyChildren, PricingPageAttrs]): return PageLayout( html.div( html.div( - html.h2("Simple Pricing", classes=["text-center", "mb-5"]), + # Free Tier html.div( - # Free Tier html.div( html.div( - html.div( - html.h3("Free", classes=["card-title"]), - html.h4( - "$0", + html.h3("Free", classes=["card-title"]), + html.h4( + "$0", + classes=[ + "card-subtitle", + "mb-3", + "text-muted", + ], + ), + html.p( + "10 articles total", + classes=["card-text"], + ), + html.ul( + html.li("Convert 10 articles"), + html.li("Basic features"), + classes=["list-unstyled", "mb-4"], + ), + html.button( + "Current Plan", + classes=[ + "btn", + "btn-outline-primary", + "w-100", + ], + disabled=True, + ) + if current_tier == "free" + else html.div(), + classes=["card-body"], + ), + classes=["card", "mb-4", "shadow-sm", "h-100"], + ), + classes=["col-md-6"], + ), + # Paid Tier + html.div( + html.div( + html.div( + html.h3( + "Unlimited", + classes=["card-title"], + ), + html.h4( + "$12/mo", + classes=[ + "card-subtitle", + "mb-3", + "text-muted", + ], + ), + html.p( + "Unlimited articles", + classes=["card-text"], + ), + html.ul( + html.li("Unlimited conversions"), + html.li("Priority processing"), + html.li("Support independent software"), + classes=["list-unstyled", "mb-4"], + ), + html.form( + html.button( + "Upgrade Now", + type="submit", classes=[ - "card-subtitle", - "mb-3", - "text-muted", + "btn", + "btn-primary", + "w-100", ], ), - html.p( - "10 articles total", - classes=["card-text"], - ), - html.ul( - html.li("Convert 10 articles"), - html.li("Basic features"), - classes=["list-unstyled", "mb-4"], - ), + action="/upgrade", + method="post", + ) + if user and current_tier == "free" + else ( html.button( "Current Plan", classes=[ "btn", - "btn-outline-primary", + "btn-success", "w-100", ], disabled=True, ) - if current_tier == "free" - else html.div(), - classes=["card-body"], - ), - classes=["card", "mb-4", "shadow-sm", "h-100"], - ), - classes=["col-md-6"], - ), - # Paid Tier - html.div( - html.div( - html.div( - html.h3( - "Unlimited", - classes=["card-title"], - ), - html.h4( - "$12/mo", + if user and current_tier == "paid" + else html.a( + "Login to Upgrade", + href="/", classes=[ - "card-subtitle", - "mb-3", - "text-muted", + "btn", + "btn-primary", + "w-100", ], - ), - html.p( - "Unlimited articles", - classes=["card-text"], - ), - html.ul( - html.li("Unlimited conversions"), - html.li("Priority processing"), - html.li("Support independent software"), - classes=["list-unstyled", "mb-4"], - ), - html.form( - html.button( - "Upgrade Now", - type="submit", - classes=[ - "btn", - "btn-primary", - "w-100", - ], - ), - action="/upgrade", - method="post", ) - if user and current_tier == "free" - else ( - html.button( - "Current Plan", - classes=[ - "btn", - "btn-success", - "w-100", - ], - disabled=True, - ) - if user and current_tier == "paid" - else html.a( - "Login to Upgrade", - href="/", - classes=[ - "btn", - "btn-primary", - "w-100", - ], - ) - ), - classes=["card-body"], ), - classes=[ - "card", - "mb-4", - "shadow-sm", - "border-primary", - "h-100", - ], + classes=["card-body"], ), - classes=["col-md-6"], + classes=[ + "card", + "mb-4", + "shadow-sm", + "border-primary", + "h-100", + ], ), - classes=["row"], + classes=["col-md-6"], ), - classes=["container", "py-3"], + classes=["row"], ), ), user=user, |