From e2fdcb59bb2be052e739ec721ec5386daa9a3da5 Mon Sep 17 00:00:00 2001 From: yuval-hazaz Date: Sun, 11 Aug 2024 16:21:01 +0300 Subject: [PATCH] add button to aws marketplace --- .../Pricing/AwsMarketplaceButton/index.jsx | 37 +++++++++++++++++++ pages/pricing.js | 4 ++ public/images/aws-marketplace.svg | 25 +++++++++++++ tailwind.config.js | 1 + 4 files changed, 67 insertions(+) create mode 100644 components/Sections/Pricing/AwsMarketplaceButton/index.jsx create mode 100644 public/images/aws-marketplace.svg 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 ( + + +
+
+ Available on +
+ {'AWS +
+ + ); +}; 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',