From 44432f79cd9445d38f2fa79494c2820f5a72356f Mon Sep 17 00:00:00 2001
From: Artur Janas <artur@infracost.io>
Date: Wed, 23 Aug 2023 12:26:01 +0100
Subject: [PATCH] fixup! chore: add images

---
 src/components/GlossaryTermPage/Cta.css       | 23 ++++++++-----------
 src/components/GlossaryTermPage/Cta.tsx       |  6 ++---
 .../GlossaryTermPage/GlossaryTermPage.css     |  2 +-
 static/img/glossary/background.svg            | 14 +++++------
 4 files changed, 21 insertions(+), 24 deletions(-)

diff --git a/src/components/GlossaryTermPage/Cta.css b/src/components/GlossaryTermPage/Cta.css
index 2a188e10..b51fcc5c 100644
--- a/src/components/GlossaryTermPage/Cta.css
+++ b/src/components/GlossaryTermPage/Cta.css
@@ -26,26 +26,23 @@
 	border-radius: 8px;
 }
 
-.glossary-cta__text-wrapper p {
-	margin: 0;
-	font-weight: 700;
+h3.glossary-cta__header {
+	margin-bottom: .5rem;
+	font-size: 1.875rem;
+  font-weight: 900;
 }
 
-.glossary-cta__header,
 .glossary-cta__text {
-	color: var(--header-color);
+	margin: 0;
+	font-weight: 400;
+	font-size: larger;
+	line-height: 1.4;
 }
 
-.glossary-cta__header {
-  font-size: 1.875rem;
-  font-weight: 900;
-	flex: 1;
-	border-radius: 8px;
-}
 
+h3.glossary-cta__header,
 .glossary-cta__text {
-  font-size: 1rem;
-	line-height: 1.4;
+	color: var(--header-color);
 }
 
 @media screen and (max-width: 769px) {
diff --git a/src/components/GlossaryTermPage/Cta.tsx b/src/components/GlossaryTermPage/Cta.tsx
index 7a6de8e7..00de01d2 100644
--- a/src/components/GlossaryTermPage/Cta.tsx
+++ b/src/components/GlossaryTermPage/Cta.tsx
@@ -5,10 +5,10 @@ const Cta = () => (
   <div className="glossary-cta">
     <div className="glossary-cta__wrapper">
       <div className="glossary-cta__text-wrapper">
-        <p className="glossary-cta__header">Shifting FinOps Left 👈</p>
+        <h3 className="glossary-cta__header">Shifting FinOps Left 👈</h3>
         <p className="glossary-cta__text">
-          Optimize Your Cloud Spending with Strategic Financial Management – Join the FinOps
-          Revolution!
+          Put cloud costs in engineering workflows, and see the cost of upcoming code changes{' '}
+          <b>before resources are launched</b>.
         </p>
       </div>
       <a href="https://dashboard.infracost.io/" className="button medium flat primary">
diff --git a/src/components/GlossaryTermPage/GlossaryTermPage.css b/src/components/GlossaryTermPage/GlossaryTermPage.css
index 033147f4..0489b0ef 100644
--- a/src/components/GlossaryTermPage/GlossaryTermPage.css
+++ b/src/components/GlossaryTermPage/GlossaryTermPage.css
@@ -70,7 +70,7 @@
 }
 
 .glossary-term__aside-def svg {
-	margin-bottom: 1px;
+	margin-bottom: 2px;
 }
 
 .glossary-term__definition {
diff --git a/static/img/glossary/background.svg b/static/img/glossary/background.svg
index 7ba24fd5..09e2c89e 100644
--- a/static/img/glossary/background.svg
+++ b/static/img/glossary/background.svg
@@ -9,7 +9,7 @@
 <path d="M0 0H1456V832H0V0Z" fill="#F1D4C8"/>
 <path d="M961.5 0H1459.5V345L0 352.5V110.5C0 110.5 131.333 29.6667 174.5 0H455C499.833 38.5 618.2 112.4 733 100C847.8 87.6 933.167 28.1667 961.5 0Z" fill="url(#paint0_linear_3_407)"/>
 <path d="M1266 73C1313.2 53 1412 42 1455.5 39V170V487.5L1166 649L909 621L561 294C657.5 289 766.5 328 943 251C1033.17 211.662 1207 98 1266 73Z" fill="url(#paint1_linear_3_407)"/>
-<path d="M924.5 478.499C838.5 486.899 786.333 454.665 771 437.499V470.499L930 657.499L1189.5 661.499L1490.5 517.999L1475 444.999L1435.5 406.499C1410.67 385.165 1336.5 346.899 1238.5 364.499C1116 386.499 1032 467.999 924.5 478.499Z" fill="url(#paint2_linear_3_407)"/>
+<path d="M922.5 478.499C836.5 486.899 784.333 454.665 769 437.499V470.499L928 657.499L1187.5 661.499L1488.5 517.999L1473 444.999L1433.5 406.499C1408.67 385.165 1334.5 346.899 1236.5 364.499C1114 386.499 1030 467.999 922.5 478.499Z" fill="url(#paint2_linear_3_407)"/>
 <path d="M891 539C874.5 530 641.102 321.296 592.5 299C441 229.5 364.991 311.276 240 299C147.295 289.895 87.9339 209.027 0 184V802.5H1454C1459.34 554.991 1544.5 305.301 1270.5 526C1088 673 1017.12 607.794 891 539Z" fill="url(#paint3_linear_3_407)"/>
 <path d="M474.5 487.469C363.3 431.869 92 436.302 -1 453.469V831.969H1456V659.469C1431.5 661.636 1356.5 680.769 1252.5 739.969C1116 817.669 952.5 802.323 902.5 767.469C645 587.969 613.5 556.969 474.5 487.469Z" fill="url(#paint4_linear_3_407)"/>
 <path d="M681.5 832.355C681.5 832.355 356 586.355 0 683.855V832.355H681.5Z" fill="url(#paint5_linear_3_407)"/>
@@ -23,13 +23,13 @@
 <stop stop-color="#F99E3E"/>
 <stop offset="1" stop-color="#FFCFB9"/>
 </linearGradient>
-<linearGradient id="paint2_linear_3_407" x1="1130.75" y1="360" x2="1130.75" y2="661.499" gradientUnits="userSpaceOnUse">
-<stop stop-color="#E19893"/>
-<stop offset="1" stop-color="#FF9B25"/>
+<linearGradient id="paint2_linear_3_407" x1="1128.75" y1="360" x2="1128.75" y2="661.499" gradientUnits="userSpaceOnUse">
+<stop stop-color="#945EBE"/>
+<stop offset="1" stop-color="#7C5CC1"/>
 </linearGradient>
-<linearGradient id="paint3_linear_3_407" x1="851.5" y1="635.5" x2="706.5" y2="355.5" gradientUnits="userSpaceOnUse">
-<stop stop-color="#BC62B6"/>
-<stop offset="1" stop-color="#D48EA0"/>
+<linearGradient id="paint3_linear_3_407" x1="783.5" y1="493" x2="1513" y2="631.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BE63B5"/>
+<stop offset="1" stop-color="#D5909F"/>
 </linearGradient>
 <linearGradient id="paint4_linear_3_407" x1="1271" y1="666" x2="610.5" y2="733.5" gradientUnits="userSpaceOnUse">
 <stop stop-color="#7D5CC1"/>