[UXE-1556] Adding Edge Storage pricing table (#1122)

* wip edge storage pricing table * wip: completing the edge storage data * fix: table values * CHORE: Price Example + i18n * Update src/content/docs/pt-br/pages/menu-principal/pricing/pricing.mdx Co-authored-by: Mariana Bellorín Aguilera <[email protected]> * Update src/content/docs/en/pages/main-menu/pricing/pricing.mdx Co-authored-by: Mariana Bellorín Aguilera <[email protected]> * Update src/content/docs/pt-br/pages/menu-principal/pricing/pricing.mdx Co-authored-by: Mariana Bellorín Aguilera <[email protected]> * Update src/content/docs/en/pages/main-menu/pricing/pricing.mdx Co-authored-by: Mariana Bellorín Aguilera <[email protected]> * Update src/content/docs/en/pages/main-menu/pricing/pricing.mdx Co-authored-by: Mariana Bellorín Aguilera <[email protected]> * chore: pricing table with legend * refactor: 98 pt pages with AI descriptions and keywords (#1123) * refactor: 98 pt pages with AI descriptions and keywords * Apply suggestions from code review Co-authored-by: Mariana Bellorín Aguilera <[email protected]> * fix: : special character --------- Co-authored-by: Mariana Bellorín Aguilera <[email protected]> * [EDU-4945] feat: add package manager flag and auto info (#1125) * feat: add package manager flag and auto info * adjust * fix: fixing info in file - EN-PT. (#1124) * [EDU-4929] feature: add Docusaurus Material UI guide (#1120) * feature: add guide - EN * feature: add guide - PT. * feature: add links to Guides page - EN-PT * feature: add links to Templates reference - EN-PT * Apply suggestions from code review * Apply suggestions from code review Co-authored-by: Gabriel França <[email protected]> * Apply suggestions from code review --------- Co-authored-by: Gabriel França <[email protected]> * feature: add SQL permissions (#1102) * fix: autoplay youtube video (#1127) Co-authored-by: “GabrielAzion” <“[email protected]”> * chore: update azion theme to use npm module (#1126) * feat: update @aziontech/webkit to azion-webkit (#1128) * fix: table pricing edge storage new texts --------- Co-authored-by: Robson Júnior <[email protected]> Co-authored-by: Mariana Bellorín Aguilera <[email protected]> Co-authored-by: Gabriel França <[email protected]> Co-authored-by: GabrielAzion <[email protected]> Co-authored-by: “GabrielAzion” <“[email protected]”>
aziontech · Aug 1, 2024 · da32cd1 · da32cd1
1 parent 6634d25
commit da32cd1
Show file tree

Hide file tree

Showing 3 changed files with 206 additions and 10 deletions.
diff --git a/src/components/Table/TablePricing.astro b/src/components/Table/TablePricing.astro
@@ -27,6 +27,14 @@ const i18n = {
 		'Next 4 PB  / month': 'Próximos 4 PB / mês',
 		'Over 5 PB / month': 'Acima de 5 PB / mês',
 
+		'First 50 TB per month': 'Primeiros 50 TB por mês',
+		'Next 450 TB per month': 'Próximos 450 TB por mês',
+		'Over 500 TB per month': 'Acima de 500 TB por mês',
+
+		'Operations': "Operations",
+		'Rate': "Rate",
+
+
 		'HTTP/HTTPS Requests, all methods': 'Requisições HTTP/HTTPS, todos os métodos',
 
 		'Compute Time': 'Tempo de Computação',
@@ -56,7 +64,8 @@ const i18n = {
 		'26 through 10,000 hosted zones': 'De 26 até 10.000 zonas hospedadas',
 		'Over 10,000 hosted zones': 'Acima de 10.000 zonas hospedadas',
 		'First 1 billion queries / month': 'Primeiros 1 bilhão de consultas / mês',
-		'Over 1 billion queries / month': 'Acima de 1 bilhão de consultas / mês'
+		'Over 1 billion queries / month': 'Acima de 1 bilhão de consultas / mês',
+	
 	}
 };
 
@@ -65,7 +74,6 @@ async function fetchPricingData() {
   const response = await fetch(`https://www.azion.com/api/pricing/get/product_slug/${product_slug}`);
   return await response.json();
 }
-const pricingData = await fetchPricingData();
 
 function transformData(data) {
   const tiers = {};
@@ -77,14 +85,32 @@ function transformData(data) {
     };
     return mappings[region] || region.replace(' ', '_');
   }
-  const filteredData = data.filter(item => item.metric_slug === metric_slug);
+	
+	const filterItems = (data, slug) => {
+		return data.filter(item => item.metric_slug === slug)
+	}
+
+	const filterArray = (keys, data) => {
+		return keys.map(key => filterItems(data, key)).flat()
+	}
+	
+  const filteredData = Array.isArray(metric_slug) ? filterArray(metric_slug, data) : filterItems(data, metric_slug)
+	
+	filteredData.forEach(item => {
+		// if (Array.isArray(metric_slug)) console.log(item)
 
-  filteredData.forEach(item => {
 		const tier = lang === 'pt-br' ? i18n[lang][item.tier_name] : item.tier_name;
     const region = normalizeRegionName(item.region);
 
 		const isReal = (coin === 'real');
-    let price = isReal ? item.brazilian_real_formatted : item.american_dollar_formatted;
+		let price;
+
+		if (item.brazilian_real_formatted || item.american_dollar_formatted) {
+			price = isReal ? item.brazilian_real_formatted : item.american_dollar_formatted;
+		} else {
+			price = isReal ? item.brazilian_real : item.american_dollar
+		}
+
 		
 		if(lang === 'pt-br') {
 			price = price.replace('.', ',');
@@ -100,13 +126,14 @@ function transformData(data) {
         'Other_Regions': ''
       };
     }
-
     tiers[tier][region] = `${price} ${(isReal ? 'R$' :  'USD')}`;
   });
 
   return tiers;
 }
 
+
+const pricingData = await fetchPricingData();
 const transformedData = transformData(pricingData);
 ---
 

diff --git a/src/content/docs/en/pages/main-menu/pricing/pricing.mdx b/src/content/docs/en/pages/main-menu/pricing/pricing.mdx
@@ -53,6 +53,8 @@ Build serverless applications and run them anywhere: Azion's—operated network
   metric_slug="cdn_requests"
 />
 
+
+
 #### Price example
 If your applications received 750 million requests from the United States in 1 month, consuming a total traffic of 30 TB, and you were within the limit of 1,000 purges in that month, the price will be calculated as follows:
 
@@ -117,7 +119,11 @@ An additional cache layer that reduces traffic to your point of origin while imp
 
 Run event-driven serverless applications at the edge of the network, closer to your users.
 
-<LinkButton link="https://www.azion.com/en/products/edge-functions/" label="Access product details" severity="secondary" />
+<LinkButton
+  link="https://www.azion.com/en/products/edge-functions/"
+  label="Access product details"
+  severity="secondary"
+/>
 
 
 <TablePricing
@@ -164,7 +170,11 @@ If your applications invoke an edge function in the United States 5 million time
 
 Just-in-time image optimization and manipulation to enhance the user experience.
 
-<LinkButton link="https://www.azion.com/en/products/image-processor/" label="Access product details" severity="secondary" />
+<LinkButton
+  link="https://www.azion.com/en/products/image-processor/"
+  label="Access product details"
+  severity="secondary"
+/>
 
 <TablePricing
   lang="en"
@@ -191,7 +201,11 @@ If your applications deliver 600 million images in the United States in a month,
 
 Balance the load on your origin and improve the reliability and availability of your content, applications, and APIs.
 
-<LinkButton link="https://www.azion.com/en/products/load-balancer/" label="Access product details" severity="secondary" />
+<LinkButton
+  link="https://www.azion.com/en/products/load-balancer/"
+  label="Access product details"
+  severity="secondary"
+/>
 
 
 <TablePricing
@@ -221,6 +235,84 @@ If your **Load Balancer** enabled application generated 30 TB of data transferre
 
 ---
 
+## Store
+
+### Edge Storage
+
+Combining the reliability of object storage with enhanced performance at the edge.
+
+<LinkButton
+  link="https://www.azion.com/en/products/edge-storage/"
+  label="Access product details" 
+  severity="secondary"
+/>
+
+<TablePricing 
+  lang="en"
+  metric='Storage'
+  billing={['Price']}
+  product_slug="edge_storage"
+  metric_slug="used_space"
+/>
+
+<TablePricing 
+  lang="en"
+  metric='Class A Operations | per 1,000'
+  billing={['Price']}
+  product_slug="edge_storage"
+  metric_slug="class_a_operations"
+/>
+
+<TablePricing 
+  lang="en"
+  metric='Class B Operations | per 10,000'
+  billing={['Price']}
+  product_slug="edge_storage"
+  metric_slug="class_b_operations"
+/>
+
+<TablePricing 
+  lang="en"
+  metric='Class C Operations | free'
+  billing={['Price']}
+  product_slug="edge_storage"
+  metric_slug="class_c_operations"
+/>
+
+<TablePricing 
+  lang="en"
+  metric='Ingress Bandwidth | free'
+  billing={['Price']}
+  product_slug="edge_storage"
+  metric_slug="ingress_bandwidth"
+/>
+
+<TablePricing 
+  lang="en"
+  metric='Egress Bandwidth | free*'
+  billing={['Price']}
+  product_slug="edge_storage"
+  metric_slug="egress_bandwidth"
+/>
+
+<small>*Edge Application charges may apply.</small>
+
+#### Price example
+
+If during a month you performed 3,000,000 operations of each class,
+and from the 1st to the 15th of the month you stored 15 GB,
+then from the 15th to the 30th you stored 30 GB,
+the value calculation will be carried out as follows:
+
+| Operation Type                                                                                                     |               |
+|--------------------------------------------------------------------------------------------------------------------|---------------|
+| **Class A Operations**<br/>(3,000,000) / 1,000) x 0.006 USD                                                        | 18.00 USD     |
+| **Class B Operations**<br/>(3,000,000 / 10,000) x 0.006 USD                                                        | 1.8 USD       |
+| **Class C Operations**<br/>Free                                                                                    | 0.00 USD      |
+| **Storage**<br/>((15 GB x 360 hours + 30 GB x 360 hours) / 720 hours in the month) x 0.023 USD                     | 0.52 USD      |
+| **Total charges**<br/> According to this simulation, the total amount to be paid in this month will be             | **20.32 USD** |
+
+
 ## Secure
 
 ### DDoS Protection
@@ -450,7 +542,7 @@ Explore the data generated by your applications on Azion's platform and perform
 
 If your applications have 300 TB of traffic in a month, most of that volume is data, such as payload, while other traffic is metadata, such as HTTP headers, the request made, status, or user information. Real-Time Events collects some of the metadata, which are made available for your query. The metadata collected represents on average *0.2% of your traffic*.
 
-| | |
+| |
 | :--- | ---: |
 | In this simulation, 600 GB (300 TB x 0.2%) will be gathered. |  | 
 | The first 400 GB will be charged at a unit price of 1.50 USD, so 400 x 1.50 USD | 600 USD | 

diff --git a/src/content/docs/pt-br/pages/menu-principal/pricing/pricing.mdx b/src/content/docs/pt-br/pages/menu-principal/pricing/pricing.mdx
@@ -224,6 +224,83 @@ Se sua aplicação com **Load Balancer** habilitado gerou dentro de um mês 30 T
 | **Valor total**<br/>De acordo com a simulação, o valor total a ser pago no mês será de | **1.100 USD** |
 
 ---
+## Store
+
+### Edge Storage
+
+Unindo a confiabilidade do armazenamento de objetos à performance otimizada na Edge.
+
+<LinkButton
+  link="https://www.azion.com/pt-br/produtos/edge-storage/"
+  label="Acesse os detalhes do produto" 
+  severity="secondary"
+/>
+
+<TablePricing 
+  lang="pt-br"
+  metric='Storage'
+  billing={['Preço']}
+  product_slug="edge_storage"
+  metric_slug="used_space"
+/>
+
+<TablePricing 
+  lang="pt-br"
+  metric='Class A Operations | por 1,000'
+  billing={['Preço']}
+  product_slug="edge_storage"
+  metric_slug="class_a_operations"
+/>
+
+<TablePricing 
+  lang="pt-br"
+  metric='Class B Operations | por 10,000'
+  billing={['Preço']}
+  product_slug="edge_storage"
+  metric_slug="class_b_operations"
+/>
+
+<TablePricing 
+  lang="pt-br"
+  metric='Class C Operations | incluso'
+  billing={['Preço']}
+  product_slug="edge_storage"
+  metric_slug="class_c_operations"
+/>
+
+<TablePricing 
+  lang="pt-br"
+  metric='Ingress Bandwidth | incluso'
+  billing={['Preço']}
+  product_slug="edge_storage"
+  metric_slug="ingress_bandwidth"
+/>
+
+<TablePricing 
+  lang="pt-br"
+  metric='Egress Bandwidth | incluso*'
+  billing={['Preço']}
+  product_slug="edge_storage"
+  metric_slug="egress_bandwidth"
+/>
+
+<small>*Taxas de Edge Application podem ser aplicadas.</small>
+
+#### Exemplo de preço
+
+Se durante um mês você realizou 3.000.000 de operações de cada classe,
+e do dia 1 ao dia 15 do mês você armazenou 15 GB,
+e do dia 15 ao dia 30 você armazenou 30 GB,
+o cálculo do valor será realizado da seguinte forma:
+
+| Tipo de Operação                                                                                  |               |
+|---------------------------------------------------------------------------------------------------|---------------|
+| **Class A Operations**<br/>(3.000.000) / 1.000) x 0,006 USD                                       | 18,00 USD     |
+| **Class B Operations**<br/>(3.000.000 / 10.000) x 0,006 USD                                       | 1,80 USD      |
+| **Class C Operations**<br/>Incluso                                                                | 0,00 USD      |
+| **Storage**<br/>((15 GB x 360 horas + 30 GB x 360 horas) / 720 horas no mês) x 0,023 USD          | 0,52 USD      |
+|  **Valor total**<br/>De acordo com a simulação. o valor total a ser pago no mês será de           | **20,32 USD** |
+
 
 ## Secure