Skip to main content
    Back to Home

    Pricing Table Comparison

    Comparing two implementations of the same pricing table

    Original: 217 lines of hardcoded component •Platform: 55 lines using configuration (75% reduction)

    Original Implementation

    OLD

    Choose Your Plan

    Select the membership that fits your trading journey. Cancel anytime.

    Most Popular

    Gold Plan

    Full access to everything

    £46.99/month
    • Live signals & Alerts from all traders (40+ years combined experience)
    • Long-term swing trading alerts
    • Seminars, Live Trading & Classes
    • Access to Premium Lounge
    • Live news bot for real-time updates
    • Q&A channels with expert traders
    • Trading challenges (£100 to £10,000)
    • Free one-to-one bookable sessions
    Learn more about Gold

    Silver Plan

    Essential features

    £36.99/month
    • Live signals & Alerts from all traders (40+ years combined experience)
    • Long-term swing trading alerts
    • Seminars, Live Trading & Classes
    • Access to Premium Lounge
    • Live news bot for real-time updates
    Learn more about Silver

    Bronze Plan

    Get started

    £12.99/month
    • Live signals & Alerts from ONE trader
    • Long-term trading alerts (once a month)
    Learn more about Bronze

    Cancel anytime at my.atlantictrading.com. Read our .

    File: components/PricingPlans.tsx (217 lines)

    Features: Hardcoded prices, static feature lists, inline styling

    Platform Component

    NEW

    Choose Your Plan

    Select the membership that fits your trading journey. Cancel anytime.

    Most Popular

    Gold Plan

    Full access to everything

    £46.99/month
    • Live signals & Alerts from all traders (40+ years combined experience)
    • Long-term swing trading alerts
    • Seminars, Live Trading & Classes
    • Access to Premium Lounge
    Learn more about Gold

    Cancel anytime at my.atlantictrading.com. Read our .

    Component: components/PricingPlans.tsx (55 lines)

    Config: config/pricing-config.ts (155 lines)

    Platform: platform/components/PricingTable/ (reusable)

    Data: Static Config
    Checkout: Dialog Flow
    3 Plans
    2 Periods

    Key Benefits:

    • 75% less component code (217 → 55 lines)
    • Type-safe configuration with TypeScript
    • Easy to modify prices and features
    • Reusable across multiple projects
    75%
    Code Reduction
    100%
    Visual Match
    5
    Projects Supported
    1
    Source of Truth