Pricing aws marketplace (#486)

* update team

* add button to aws marketplace

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 (
+    <Link href={'https://aws.amazon.com/marketplace/pp/prodview-gplydokkf64js'}>
+      <a
+        onClick={handleClick}
+        className="w-[340px] m-auto  border border-1 border-white rounded  flex justify-center items-center gap-2 text-white font-normal text-center rounded py-2 laptop:font-medium transition-all duration-300"
+        target="_blank"
+      >
+        <div className="flex justify-center items-center gap-2 pb-2">
+          <div className="w-[9px] h-[9px] bg-success rounded" />
+          Available on
+        </div>
+        <Image
+          width={152}
+          height={27}
+          src={AwsMarketPlaceLogo}
+          alt={'AWS Marketplace'}
+        />
+      </a>
+    </Link>
+  );
+};

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 = () => {
         <div className="pricing-page">
           <HeroBlock />
           <PromoBanner />
+          <PageSection addMargins >
+            <AwsMarketplaceButton />
+          </PageSection>
           <PageSection addMargins className={"min-h-[400px]"}>
             <PricingPlans />
           </PageSection>

tailwind.config.js

@@ -144,6 +144,7 @@ module.exports = {
         'error-red': '#f85b6e',
         'light-turquoise': '#41CADD',
         'light': '#f4f4f7',
+        'success': '#31C587',
       },
       aspectRatio: {
         thumbnail: '238 / 125',