-
about us
-
History
+
ABOUT US
+
History
We didn't start at trying to make real-time
data flows more accessible by abstracting away the
@@ -294,10 +279,8 @@ const AboutPage = () => {
-
- what's happening
-
-
In the Media
+
WHAT'S HAPPENING
+
In the Media
@@ -376,9 +359,9 @@ const AboutPage = () => {
- say hello
- Meet Our Team
-
+ SAY HELLO
+ Meet Our Team
+
{employees.map((employee, index) => (
{
- Our Investors
+ Our Investors
{
-
Come work with us
+
COME WORK WITH US
Careers
@@ -427,8 +410,7 @@ const AboutPage = () => {
-
-
+
About you:
You're passionate about the complexities and
potential of our data-driven world, self-motivated,
@@ -439,7 +421,7 @@ const AboutPage = () => {
-
+
About us:
We're a rapidly growing, highly technical team
built by successful repeat founders that's
@@ -457,9 +439,9 @@ const AboutPage = () => {
-
What's it like
+
WHAT'S IT LIKE
-
Working at Estuary
+ Working at Estuary
@@ -518,8 +500,8 @@ const AboutPage = () => {
-
Apply today
-
Current Openings
+
APPLY TODAY
+
Current Openings
{jobs.length > 0
@@ -552,9 +534,7 @@ const AboutPage = () => {
currentOpeningsTitleWrapper
}
>
-
- {job.title}
-
+
{job.title}
{
currentOpeningsLocationWrapper
}
>
-
+
Location:{' '}
{job.location}
diff --git a/src/pages/about/styles.module.less b/src/pages/about/styles.module.less
index 14065a01..c8e5e934 100644
--- a/src/pages/about/styles.module.less
+++ b/src/pages/about/styles.module.less
@@ -30,7 +30,7 @@
width: 600px;
color: #04192b;
margin-top: 0;
-
+
@media (max-width: 810px) {
font-size: 3rem;
max-width: 320px;
@@ -41,24 +41,35 @@
font-size: 1.25rem;
color: #47506d;
margin-bottom: 0;
-
+
@media (max-width: 810px) {
font-size: var(--fontSize-0);
}
-
+
a {
color: #47506d;
font-size: 1.25rem;
text-decoration-line: underline;
}
+
+ span {
+ font-weight: 700;
+ }
}
}
-.sectionTwoHeaderSmall {
+.preTitle {
color: #5072eb;
margin-bottom: 0px;
font-size: var(--fontSize-0);
- text-transform: uppercase;
+ margin-left: auto;
+ margin-right: auto;
+
+ @media (max-width: 1512px) {
+ max-width: 100%;
+ padding-left: ~'calc(min(9%, 146px))';
+ padding-right: ~'calc(min(9%, 146px))';
+ }
}
.sectionTwoGif {
@@ -91,10 +102,6 @@
}
}
-.textBold {
- font-weight: 700;
-}
-
.sectionTwo {
.sectionTopBottomPadding;
@@ -154,16 +161,6 @@
}
}
-.careersText {
- font-size: var(--fontSize-1);
- color: #b7c6dd;
- margin-left: 24px;
-
- @media (max-width: 810px) {
- font-size: var(--fontSize-0);
- }
-}
-
.textBoldRegular {
font-weight: bold;
}
@@ -177,6 +174,16 @@
@media (max-width: 810px) {
padding: 0 16px;
}
+
+ p {
+ font-size: var(--fontSize-1);
+ color: #b7c6dd;
+ margin-left: 24px;
+
+ @media (max-width: 810px) {
+ font-size: var(--fontSize-0);
+ }
+ }
}
.sectionThree {
@@ -191,7 +198,7 @@
.globalMaxWidth;
}
-.sectionHeaderTop {
+.sectionTitle {
color: #04192b;
margin-top: 12px;
@@ -321,6 +328,17 @@
display: flex;
width: 100%;
margin-bottom: 8px;
+
+ p {
+ font-size: 1.5rem;
+ color: var(--background-color-primary);
+ font-weight: 600;
+ color: #47506d;
+
+ @media (max-width: 810px) {
+ font-size: var(--fontSize-1);
+ }
+ }
}
.sectionCurrentOpeningsWrapper {
@@ -334,30 +352,19 @@
.currentOpeningsLocationWrapper {
display: flex;
-}
-.link {
- margin: auto 12px;
-}
-
-.openingTitle {
- font-size: 1.5rem;
- color: var(--background-color-primary);
- font-weight: 600;
- color: #47506d;
+ p {
+ margin: 0px;
+ color: #47506d;
- @media (max-width: 810px) {
- font-size: var(--fontSize-1);
+ @media (max-width: 810px) {
+ font-size: var(--fontSize-0);
+ }
}
}
-.openingText {
- margin: 0px;
- color: #47506d;
-
- @media (max-width: 810px) {
- font-size: var(--fontSize-0);
- }
+.link {
+ margin: auto 12px;
}
.currentOpeningsDivider {
@@ -403,22 +410,23 @@
@media (max-width: 811px) {
max-width: 100%;
}
-}
-.imageHeading {
- font-style: normal;
- font-weight: 700;
- font-size: 18px;
- line-height: 24px;
- text-align: center;
- letter-spacing: 2px;
- text-transform: uppercase;
- color: #47506d;
- margin-bottom: 24px;
+ span {
+ font-style: normal;
+ font-weight: 700;
+ font-size: 18px;
+ line-height: 24px;
+ text-align: center;
+ letter-spacing: 2px;
+ text-transform: uppercase;
+ color: #47506d;
+ margin-bottom: 24px;
+ display: block;
- @media (max-width: 811px) {
- font-size: 11.622px;
- line-height: 15px;
+ @media (max-width: 811px) {
+ font-size: 11.622px;
+ line-height: 15px;
+ }
}
}
@@ -461,17 +469,6 @@
padding: 32px 0;
}
- .sectionTwoHeaderSmall {
- margin-left: auto;
- margin-right: auto;
-
- @media (max-width: 1512px) {
- max-width: 100%;
- padding-left: ~'calc(min(9%, 146px))';
- padding-right: ~'calc(min(9%, 146px))';
- }
- }
-
h2 {
margin-left: auto;
margin-right: auto;
@@ -628,34 +625,39 @@
.meetTheTeam {
.sectionTopBottomPadding;
+ span {
+ display: block;
+ }
+
+ span,
p,
h2 {
.globalMaxWidth;
text-align: center;
}
-}
-.teamWrap {
- .globalMaxWidth;
+ ul {
+ .globalMaxWidth;
- margin: 35px auto 0;
- display: grid;
- grid-template-columns: repeat(4, 1fr);
- grid-template-rows: 1fr;
- grid-column-gap: 24px;
- grid-row-gap: 48px;
+ margin: 35px auto 0;
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ grid-template-rows: 1fr;
+ grid-column-gap: 24px;
+ grid-row-gap: 48px;
- @media (max-width: 1512px) {
- max-width: 100%;
- }
+ @media (max-width: 1512px) {
+ max-width: 100%;
+ }
- @media (max-width: 1024px) {
- grid-template-columns: repeat(2, 1fr);
- grid-row-gap: 40px;
- }
+ @media (max-width: 1024px) {
+ grid-template-columns: repeat(2, 1fr);
+ grid-row-gap: 40px;
+ }
- @media (max-width: 480px) {
- grid-template-columns: repeat(1, 1fr);
+ @media (max-width: 480px) {
+ grid-template-columns: repeat(1, 1fr);
+ }
}
}
diff --git a/src/templates/blog-post/index.tsx b/src/templates/blog-post/index.tsx
index 08857967..3d758484 100644
--- a/src/templates/blog-post/index.tsx
+++ b/src/templates/blog-post/index.tsx
@@ -388,7 +388,7 @@ const BlogPostTemplate = ({ data: { post } }) => {
Build a Pipeline
diff --git a/src/templates/connection.tsx b/src/templates/connection.tsx
index cc5becb5..c0d6e780 100644
--- a/src/templates/connection.tsx
+++ b/src/templates/connection.tsx
@@ -1,20 +1,18 @@
import { graphql } from 'gatsby';
import React from 'react';
-import {
- SectionEight,
- SectionFive,
- SectionFour,
- SectionNine,
- SectionOne,
- SectionSeven,
- SectionSix,
- SectionTen,
- SectionThree,
- SectionTwo,
-} from '../components/Integration';
import Layout from '../components/Layout';
import Seo from '../components/seo';
import { normalizeConnector } from '../utils';
+import Hero from '../components/Integration/Hero';
+import FromConnector from '../components/Integration/FromConnector';
+import ToConnector from '../components/Integration/ToConnector';
+import Testimonials from '../components/Integration/Testimonials';
+import EstuaryFlowVideo from '../components/Integration/EstuaryFlowVideo';
+import RealTimeAndBatch from '../components/Integration/RealTimeAndBatch';
+import DataopsMadeSimple from '../components/Integration/DataopsMadeSimple';
+import IncreaseProductivity4x from '../components/Integration/IncreaseProductivity4x';
+import Spend25xLess from '../components/Integration/Spend25xLess';
+import SeeHow from '../components/Integration/SeeHow';
export interface ConnectorProps {
data: {
@@ -42,7 +40,7 @@ const Connector = ({
return (
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
);
};
diff --git a/src/templates/connector/Pipelines/index.tsx b/src/templates/connector/Pipelines/index.tsx
index 47acd23b..04f37455 100644
--- a/src/templates/connector/Pipelines/index.tsx
+++ b/src/templates/connector/Pipelines/index.tsx
@@ -17,10 +17,7 @@ const Pipelines = () => {
Feature Comparison
-
diff --git a/src/templates/connector/RealTime/style.ts b/src/templates/connector/RealTime/style.ts
index 88afe06e..4620be95 100644
--- a/src/templates/connector/RealTime/style.ts
+++ b/src/templates/connector/RealTime/style.ts
@@ -80,6 +80,6 @@ export const Button = styled(OutboundLinkFilled)`
width: 100%;
@media (min-width: 1280px) {
- width: 189px;
+ width: 220px;
}
`;
diff --git a/src/templates/connector/TakeATour/TakeATourButtons/index.tsx b/src/templates/connector/TakeATour/TakeATourButtons/index.tsx
index acf8995a..2c239358 100644
--- a/src/templates/connector/TakeATour/TakeATourButtons/index.tsx
+++ b/src/templates/connector/TakeATour/TakeATourButtons/index.tsx
@@ -10,7 +10,7 @@ const TakeATourButtons = () => {
Self-Guided Tour [1 min]