From 8aa6c0e3e58b186c4869bacb2b1ced1e5d99ce65 Mon Sep 17 00:00:00 2001
From: Breno Salvador <60396753+Brenosalv@users.noreply.github.com>
Date: Tue, 16 Jul 2024 22:55:52 -0300
Subject: [PATCH] Add required adjustments (#404)

---
 src/components/header.tsx            |  2 +-
 src/style.less                       | 20 ++++++-------
 src/templates/blog-post/index.tsx    | 42 +++++++++++++++-------------
 src/templates/product-comparison.tsx |  4 +--
 4 files changed, 34 insertions(+), 34 deletions(-)

diff --git a/src/components/header.tsx b/src/components/header.tsx
index f2952e52..fba406b3 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -212,7 +212,7 @@ const Header = ({ fixedHeader }: HeaderProps) => {
                                 href="https://dashboard.estuary.dev/register"
                                 className="global-header-try-it-button"
                             >
-                                Try it free
+                                Try it Free
                             </OutboundLinkFilled>
                         </div>
                     </div>
diff --git a/src/style.less b/src/style.less
index a1ba2d7d..affe9a21 100644
--- a/src/style.less
+++ b/src/style.less
@@ -5450,21 +5450,12 @@ table th {
         margin-right: auto;
         max-width: 1350px;
         border-radius: 16px;
-        margin-top: 48px;
-        padding: 48px;
         display: flex;
-        gap: 32px;
+        flex-direction: column;
+        gap: 24px;
         align-items: center;
         justify-content: space-around;
 
-        @media (max-width: 1350px) {
-            padding: 48px 30px;
-        }
-
-        @media (max-width: 767px) {
-            flex-wrap: wrap;
-        }
-
         h3 {
             text-transform: uppercase;
             color: #ffffff;
@@ -6018,11 +6009,18 @@ table th {
         max-width: 1356px;
         margin-left: auto;
         margin-right: auto;
+        margin-top: 48px;
+        border-radius: 16px;
+        overflow: hidden;
 
         &:after {
             border-radius: 24px;
         }
 
+        @media (max-width: 1350px) {
+            padding: 48px 30px;
+        }
+
         @media (max-width: 1150px) {
             padding: 32px;
         }
diff --git a/src/templates/blog-post/index.tsx b/src/templates/blog-post/index.tsx
index 6cbf7567..c60bf5e3 100644
--- a/src/templates/blog-post/index.tsx
+++ b/src/templates/blog-post/index.tsx
@@ -133,20 +133,22 @@ const BlogPostTemplate = ({ data: { post } }) => {
                                     body={post.body.data.childHtmlRehype.html}
                                 />
 
-                                <BuildPipeLineBannerBackground>
-                                    <div className="build-pipeline-banner">
-                                        <h3>
-                                            Start streaming your data{' '}
-                                            <span>for free</span>
-                                        </h3>
-                                        <OutboundLink
-                                            href="https://dashboard.estuary.dev/register"
-                                            className="pipeline-link"
-                                        >
-                                            Build a Pipeline
-                                        </OutboundLink>
-                                    </div>
-                                </BuildPipeLineBannerBackground>
+                                <div className="build-pipeline-banner-wrapper">
+                                    <BuildPipeLineBannerBackground>
+                                        <div className="build-pipeline-banner">
+                                            <h3>
+                                                Start streaming your data{' '}
+                                                <span>for free</span>
+                                            </h3>
+                                            <OutboundLink
+                                                href="https://dashboard.estuary.dev/register"
+                                                className="pipeline-link"
+                                            >
+                                                Build a Pipeline
+                                            </OutboundLink>
+                                        </div>
+                                    </BuildPipeLineBannerBackground>
+                                </div>
                             </div>
 
                             <div className="post-sidebar">
@@ -167,7 +169,7 @@ const BlogPostTemplate = ({ data: { post } }) => {
                                 <div className="sidebar-right">
                                     <div className="banner">
                                         <span>
-                                            Build <span>Pipeline</span>
+                                            Build a <span>Pipeline</span>
                                         </span>
                                     </div>
                                     <h3>
@@ -178,7 +180,7 @@ const BlogPostTemplate = ({ data: { post } }) => {
                                         href="https://dashboard.estuary.dev/register"
                                         className="pipeline-link"
                                     >
-                                        Build pipeline
+                                        Build a Pipeline
                                     </OutboundLink>
                                 </div>
                             </div>
@@ -236,8 +238,8 @@ const BlogPostTemplate = ({ data: { post } }) => {
                         <div className="big-build-pipeline-banner-container_layout">
                             <div className="left-column-container">
                                 <h5>Streaming Pipelines.</h5>
-                                <h5>Simple to deploy.</h5>
-                                <h5>Simply priced.</h5>
+                                <h5>Simple to Deploy.</h5>
+                                <h5>Simply Priced.</h5>
                             </div>
                             <div className="right-column-container">
                                 <div>
@@ -277,13 +279,13 @@ const BlogPostTemplate = ({ data: { post } }) => {
                                 href="https://dashboard.estuary.dev/register"
                                 className="pipeline-link"
                             >
-                                Build a pipeline
+                                Build a Pipeline
                             </OutboundLink>
                             <OutboundLink
                                 href="https://estuary.dev/pricing"
                                 className="pricing-link"
                             >
-                                More on our Pricing
+                                See Pricing
                             </OutboundLink>
                         </div>
                     </BuildPipeLineBannerBackground>
diff --git a/src/templates/product-comparison.tsx b/src/templates/product-comparison.tsx
index d22597a0..cd0bbdd8 100644
--- a/src/templates/product-comparison.tsx
+++ b/src/templates/product-comparison.tsx
@@ -6,9 +6,9 @@ import Layout from '../components/layout';
 import Seo from '../components/seo';
 import SignUp from '../components/signup';
 
-import EstuaryLogo from '../svgs/colored-logo.svg';
 import { estuaryAllowsEnterprises } from '../content/seo';
 import { globalMaxWidth, sectionTopBottomPadding } from '../globalStyles';
+import EstuaryLogo from '../svgs/colored-logo.svg';
 
 export const AboutUsWrapper = styled.div`
     ${globalMaxWidth}
@@ -165,7 +165,7 @@ const ComparisonPageTemplate = ({
                 </section>
                 <div className="cta-wrap-single">
                     <a href="https://dashboard.estuary.dev/register">
-                        Build a pipeline
+                        Build a Pipeline
                     </a>
                 </div>
                 <section className="comparison-to-others">