diff --git a/components/Sections/Pricing/AwsMarketplaceButton/index.jsx b/components/Sections/Pricing/AwsMarketplaceButton/index.jsx
new file mode 100644
index 00000000..e4d778d7
--- /dev/null
+++ b/components/Sections/Pricing/AwsMarketplaceButton/index.jsx
@@ -0,0 +1,37 @@
+import Link from 'next/link';
+import Image from 'next/image';
+import AwsMarketPlaceLogo from '../../../../public/images/aws-marketplace.svg';
+import { useCallback } from 'react';
+import * as analytics from '../../../../lib/analytics';
+
+export const AwsMarketplaceButton = () => {
+ const handleClick = useCallback((e) => {
+ analytics.event({
+ action: 'awsMarketplaceButtonClicked',
+ params: {
+ buttonLocation: 'pricing-page',
+ },
+ });
+ }, []);
+
+ return (
+
+
+
+
+
+
+ );
+};
diff --git a/pages/pricing.js b/pages/pricing.js
index 6104aa47..d202f05a 100644
--- a/pages/pricing.js
+++ b/pages/pricing.js
@@ -2,6 +2,7 @@ import HeroBlock from '../components/Sections/Pricing/HeroBlock';
import CTA from '../components/Sections/Pricing/CTA';
import PricingFAQ from '../components/Sections/Pricing/PricingFAQ';
import { PromoBanner } from '../components/Sections/Pricing/PromoBanner';
+import { AwsMarketplaceButton } from '../components/Sections/Pricing/AwsMarketplaceButton';
import { NextSeo } from 'next-seo';
import { MainLayout } from '../layouts';
import dynamic from 'next/dynamic';
@@ -36,6 +37,9 @@ const Pricing = () => {
+
+
+
diff --git a/public/images/aws-marketplace.svg b/public/images/aws-marketplace.svg
new file mode 100644
index 00000000..93517481
--- /dev/null
+++ b/public/images/aws-marketplace.svg
@@ -0,0 +1,25 @@
+
diff --git a/tailwind.config.js b/tailwind.config.js
index 999f88ff..15c4335e 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -144,6 +144,7 @@ module.exports = {
'error-red': '#f85b6e',
'light-turquoise': '#41CADD',
'light': '#f4f4f7',
+ 'success': '#31C587',
},
aspectRatio: {
thumbnail: '238 / 125',