Beautiful, customizable, pricing components

1[
2  {
3    "id": "hobby",
4    "name": "Hobby",
5    "description": "For personal projects and small-scale applications.",
6    "price": {
7      "primaryText": "Free",
8      "secondaryText": "up to 3 users"
9    },
10    "buttonText": "Start deploying",
11    "items": [
12      {
13        "primaryText": "Deploy full-stack apps in minutes"
14      },
15      {
16        "primaryText": "Fully-managed datastores"
17      },
18      {
19        "primaryText": "Custom domains"
20      },
21      {
22        "primaryText": "Global CDN & regional hosting"
23      },
24      {
25        "primaryText": "Get security out of the box"
26      },
27      {
28        "primaryText": "Email support"
29      }
30    ]
31  },
32  {
33    "id": "professional",
34    "name": "Pro",
35    "description": "For teams building production applications.",
36    "recommendedText": "Best Value",
37    "price": {
38      "primaryText": "$19",
39      "secondaryText": "per user/month plus compute costs*"
40    },
41    "priceAnnual": {
42      "primaryText": "$190",
43      "secondaryText": "per user/year plus compute costs*"
44    },
45    "buttonText": "Select plan",
46    "everythingFrom": "Hobby",
47    "items": [
48      {
49        "primaryText": "10 team members included",
50        "secondaryText": "Then $20 per member"
51      },
52      {
53        "primaryText": "500 GB of bandwidth included"
54      },
55      {
56        "primaryText": "Unlimited projects & environments"
57      },
58      {
59        "primaryText": "Horizontal autoscaling"
60      },
61      {
62        "primaryText": "Test with preview environments"
63      },
64      {
65        "primaryText": "Isolated environments"
66      }
67    ]
68  },
69  {
70    "id": "enterprise",
71    "name": "Enterprise",
72    "description": "For mission critical applications with complex needs.",
73    "price": {
74      "primaryText": "Custom",
75      "secondaryText": "pricing for your team"
76    },
77    "buttonText": "Get in touch",
78    "everythingFrom": "Organization",
79    "items": [
80      {
81        "primaryText": "Centralized team management"
82      },
83      {
84        "primaryText": "Guest users"
85      },
86      {
87        "primaryText": "SAML SSO & SCIM"
88      },
89      {
90        "primaryText": "Guaranteed uptime"
91      },
92      {
93        "primaryText": "Premium support"
94      },
95      {
96        "primaryText": "Customer success"
97      }
98    ]
99  }
100]