Pricing Calculator

const data = [ { displayName: "Websites", categories: [ { displayName: "Web App", initialOfferings: [ { title: "Start with an unmanaged solution", description: "Definition of what a managed product offering looks like. What do they got in there? King Kong? God creates dinosaurs. God destroys dinosaurs.", choices: [ { title: "A solid choice for testing", displayName: "Small managed", bundle: ['appPlatformBasic1'] }, { title: "A solid choice for Testing", displayName: "Medium managed", bundle: ['appPlatformBasic3'] }, { title: "A solid choice for Testing", displayName: "Large managed", bundle: ['appPlatformProfessional1'] }, ], }, { title: "Start with an unmanaged solution", description: "Definition of what a managed product offering looks like. What do they got in there? King Kong? God creates dinosaurs. God destroys dinosaurs.", choices: [ { title: "A solid choice for testing", displayName: "Small unmanaged", bundle: ['basicDropletIntelRegularS', 'basicDropletIntelRegularM'], }, { title: "A solid choice for Testing", displayName: "Medium unmanaged", bundle: ['basicDropletIntelRegularS', 'basicDropletIntelRegularM'],

            },
            {
              title: "A solid choice for Testing",
              displayName: "Large unmanaged",
              bundle: ['loadBalancerL', 'basicDropletIntelRegularL', 'basicDropletIntelRegularL'],
            },
          ],
        }
      ],
    },
  ],
}

]

const storefrontOfferings = { offerings: [ { title: "Data", choices: [ { productName: "basicDropletIntelRegularS", }, { productName: "kubernetesClusterS" }, { displayName: "App Platform", productName: "appPlatformBasic1" }, { displayName: "Container Registry", productName: "containerRegistryBasic" } ] }, { title: "Compute", choices: [ { displayName: "Database", productName: "databaseS" }, { productName: "volumeS" }, { productName: "spacesObjectStorage" }, { displayName: "Load Balancer", productName: "loadBalancerS" }, ] }] }