From a662791d0f9435c7345ef0c18b028de2a66f0137 Mon Sep 17 00:00:00 2001 From: Doug Kellermeyer Date: Mon, 20 Nov 2023 23:37:38 -0500 Subject: [PATCH 1/3] swapped pngs for svgs --- src/pages/pricing.tsx | 43 ++--- src/style.less | 11 +- src/svgs/graphic_parent.svg | 133 +++++++++++++++ src/svgs/graphic_parent_2.svg | 305 ++++++++++++++++++++++++++++++++++ 4 files changed, 456 insertions(+), 36 deletions(-) create mode 100644 src/svgs/graphic_parent.svg create mode 100644 src/svgs/graphic_parent_2.svg diff --git a/src/pages/pricing.tsx b/src/pages/pricing.tsx index 07d39f51..03326762 100644 --- a/src/pages/pricing.tsx +++ b/src/pages/pricing.tsx @@ -25,8 +25,8 @@ import Accordion from '@mui/material/Accordion'; import AccordionSummary from '@mui/material/AccordionSummary'; import AccordionDetails from '@mui/material/AccordionDetails'; import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; -import PricingExampleTwo from "../svgs/pricing_example_graphic_1.svg" -import PricingExampleOne from "../svgs/illustration1.svg" +import PricingExampleTwo from "../svgs/graphic_parent_2.svg" +import PricingExampleOne from "../svgs/graphic_parent.svg" import { Check } from "@mui/icons-material" import PlanTabs from "../components/PlanTabs" @@ -579,13 +579,8 @@ const PricingPage = () => {

Pricing Examples

{isSmall ? (
-
- +
+
@@ -597,13 +592,8 @@ const PricingPage = () => {
-
- +
+
@@ -617,24 +607,11 @@ const PricingPage = () => {
) : (
-
- +
+
-
- {/* */} - {/* */} - - +
+
diff --git a/src/style.less b/src/style.less index 84f8f4b1..f4f77e71 100644 --- a/src/style.less +++ b/src/style.less @@ -7778,11 +7778,15 @@ table th { .pricing-comparison-row>div { display: flex; - flex-basis: calc(50% - 40px); + flex-basis: calc(50% - 52px); justify-content: center; box-shadow: 0px 4px 10px rgba(20, 20, 43, 0.14); - margin: 20px; - height: 330px; + margin: auto; + width: fit-content; + } + + .no-box-shadow { + box-shadow: none !important; } .pricing-comparison-text { @@ -7791,6 +7795,7 @@ table th { justify-content: center; align-items: center; padding: 30px; + max-width: 568px; } .pricing-comparison-card-header { diff --git a/src/svgs/graphic_parent.svg b/src/svgs/graphic_parent.svg new file mode 100644 index 00000000..794d2d17 --- /dev/null +++ b/src/svgs/graphic_parent.svg @@ -0,0 +1,133 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/svgs/graphic_parent_2.svg b/src/svgs/graphic_parent_2.svg new file mode 100644 index 00000000..514cdb3c --- /dev/null +++ b/src/svgs/graphic_parent_2.svg @@ -0,0 +1,305 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From db609a2f569d733a4023731ee172767c19ed57cf Mon Sep 17 00:00:00 2001 From: Doug Kellermeyer Date: Mon, 20 Nov 2023 23:46:55 -0500 Subject: [PATCH 2/3] updated competitors overlay --- src/pages/pricing.tsx | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/src/pages/pricing.tsx b/src/pages/pricing.tsx index 03326762..6efbe6ff 100644 --- a/src/pages/pricing.tsx +++ b/src/pages/pricing.tsx @@ -550,11 +550,7 @@ const PricingPage = () => { - ‘Change Data’ is defined as any incremental - upsert event. You are only billed on the bytes - of moving that particular new event. For example, a single - database row being backfilled or updated will be billed based on the total size of - the corresponding JSON document. One connector can operate on many tables inside a DB. + Competitor pricing estimates are based on publicly available data as of October 2023. )} > From dbfa41eed36aaf93cbaeec7bc590a2533948457c Mon Sep 17 00:00:00 2001 From: Doug Kellermeyer Date: Tue, 21 Nov 2023 00:59:42 -0500 Subject: [PATCH 3/3] fixed mobile card width --- src/style.less | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/style.less b/src/style.less index f4f77e71..f1e6d7b3 100644 --- a/src/style.less +++ b/src/style.less @@ -8020,6 +8020,10 @@ table th { @media(max-width: 595px) { + .pricing-comparison-row>div { + width: 60%; + } + .frequently-question { h2 { @@ -8094,6 +8098,8 @@ table th { } @media(max-width: 420px) { + + .related-index-body { display: flex !important; flex-direction: column !important;