From eb5bdfba9543340de9e6a157df275ba198e29a82 Mon Sep 17 00:00:00 2001 From: Dani Palma Date: Wed, 22 Jan 2025 16:53:00 -0300 Subject: [PATCH 1/4] copy updates --- .../Homepage/BuildInMinutes/index.tsx | 6 ++--- .../Homepage/Do4xMoreWith25xLess/index.tsx | 7 ++--- src/components/Homepage/Hero/index.tsx | 6 ++--- .../Homepage/MoveAndTransform/index.tsx | 26 +++++-------------- src/components/SecurityCertificates/index.tsx | 14 ++++------ src/components/SeeHowSection/index.tsx | 3 +-- 6 files changed, 21 insertions(+), 41 deletions(-) diff --git a/src/components/Homepage/BuildInMinutes/index.tsx b/src/components/Homepage/BuildInMinutes/index.tsx index ef76ab8d..3a3cf7ce 100644 --- a/src/components/Homepage/BuildInMinutes/index.tsx +++ b/src/components/Homepage/BuildInMinutes/index.tsx @@ -9,12 +9,12 @@ const BuildInMinutes = () => {

- Build + Deliver + Value in minutes

- Use the UI to quickly build end-to-end pipelines using - no-code connectors. Estuary Flow does the rest. + Eliminate data silos, streamline workflows, and accelerate operations

diff --git a/src/components/Homepage/Do4xMoreWith25xLess/index.tsx b/src/components/Homepage/Do4xMoreWith25xLess/index.tsx index 213c2a78..2a6529b0 100644 --- a/src/components/Homepage/Do4xMoreWith25xLess/index.tsx +++ b/src/components/Homepage/Do4xMoreWith25xLess/index.tsx @@ -11,13 +11,10 @@ const Do4xMoreWith25xLess = () => { icon={} title={ <> - DO 4X MORE WITH 2-5X LESS + DO MORE WITH LESS } - subtitle="Estuary customers aren't just benefitting from - being more real-time. They are 4x more productive. They - deliver new projects in days, not months. And they spend - 2-5x less on Estuary than on batch ELT." + subtitle="We combine agentless CDC, zero-code pipelines, and enterprise-grade governance to simplify data integration, and drive business agility at a fraction of the cost." image={} ctaButtons={ See Pricing diff --git a/src/components/Homepage/Hero/index.tsx b/src/components/Homepage/Hero/index.tsx index 3703be8a..17aa9b18 100644 --- a/src/components/Homepage/Hero/index.tsx +++ b/src/components/Homepage/Hero/index.tsx @@ -23,7 +23,7 @@ const Hero = () => { YOUR DATA.
ANYTIME, ANYWHERE. } - description="Effortless data integration with Estuary - the data movement platform for real-time streaming and batch processing." + description="Secure data integration with Estuary Flow - the enterprise data movement platform for real-time streaming and batch processing." ctaButtons={} hasSubscriptionBenefits /> @@ -35,8 +35,8 @@ const Hero = () => {
diff --git a/src/components/Homepage/MoveAndTransform/index.tsx b/src/components/Homepage/MoveAndTransform/index.tsx index 296457de..16dbb700 100644 --- a/src/components/Homepage/MoveAndTransform/index.tsx +++ b/src/components/Homepage/MoveAndTransform/index.tsx @@ -26,35 +26,23 @@ const MoveAndTransform = () => {

Integrate with millisecond latency for an exact view of your - data to power analytics and operations. + data to power analytics, operations and AI.

-
-
-

Move

-

200+ no-code connectors. Real-time or batch.

-
-
-

Transform

-

Transform and store data in storage owned by you.

-
-
-

- Connect to Any Data
Source -

-

Activate Data

+

Connect to Any Data Source

+

Put Your Data to Work

- Real-time + Real-time Streams
- Batch + Files & Databases
- Saas + Apps & Cloud Services
@@ -62,7 +50,7 @@ const MoveAndTransform = () => {
- Ops + Operations
diff --git a/src/components/SecurityCertificates/index.tsx b/src/components/SecurityCertificates/index.tsx index 70142ae3..dcc34fed 100644 --- a/src/components/SecurityCertificates/index.tsx +++ b/src/components/SecurityCertificates/index.tsx @@ -29,7 +29,7 @@ const SecurityCertificates = ({ } subtitle={ subtitle ?? - 'Estuary Flow is designed and tested to make sure your data and your systems stay secure.' + 'We’ve designed Estuary with air-tight compliance standards to make sure your data and systems are secure - no matter what' } image={ {

- SEE HOW - ESTUARY CAN WORK FOR YOU AND YOUR DATA + Unlock the full potential of your data

{buttons}
From 7a9a2627f75398204e67f8640f58938a9f750fc4 Mon Sep 17 00:00:00 2001 From: Dani Palma Date: Wed, 22 Jan 2025 16:56:19 -0300 Subject: [PATCH 2/4] copy --- src/components/Homepage/DeploymentModes/index.tsx | 7 +++---- src/components/Homepage/Do4xMoreWith25xLess/index.tsx | 2 +- src/components/Homepage/MoveAndTransform/index.tsx | 2 +- src/pages/index.tsx | 9 +-------- 4 files changed, 6 insertions(+), 14 deletions(-) diff --git a/src/components/Homepage/DeploymentModes/index.tsx b/src/components/Homepage/DeploymentModes/index.tsx index ba0a593b..036e8c20 100644 --- a/src/components/Homepage/DeploymentModes/index.tsx +++ b/src/components/Homepage/DeploymentModes/index.tsx @@ -2,10 +2,9 @@ import { defaultWrapperGrey } from '../../../globalStyles/wrappers.module.less'; import DeploymentOptions from '../../DeploymentOptions'; const optionsDescription = { - public: "Estuary's standard option, fully managed for quick, hassle-free setup.", - private: - 'Enhanced security by hosting Estuary within a private network, combining ease with more security.', - byoc: 'Deploy Estuary on your cloud infrastructure for complete control.', + public: "Our standard option, fully managed for quick, hassle-free setup", + private: 'Enhanced security by hosting Estuary within a private network', + byoc: 'Deploy Estuary on your cloud infrastructure for complete control', }; const keyFeatures = { diff --git a/src/components/Homepage/Do4xMoreWith25xLess/index.tsx b/src/components/Homepage/Do4xMoreWith25xLess/index.tsx index 2a6529b0..5f3f64e0 100644 --- a/src/components/Homepage/Do4xMoreWith25xLess/index.tsx +++ b/src/components/Homepage/Do4xMoreWith25xLess/index.tsx @@ -14,7 +14,7 @@ const Do4xMoreWith25xLess = () => { DO MORE WITH LESS } - subtitle="We combine agentless CDC, zero-code pipelines, and enterprise-grade governance to simplify data integration, and drive business agility at a fraction of the cost." + subtitle="We combine agentless CDC, zero-code pipelines, and enterprise-grade governance to simplify data integration, and drive business agility at a fraction of the cost" image={} ctaButtons={ See Pricing diff --git a/src/components/Homepage/MoveAndTransform/index.tsx b/src/components/Homepage/MoveAndTransform/index.tsx index 16dbb700..d8fa1ee4 100644 --- a/src/components/Homepage/MoveAndTransform/index.tsx +++ b/src/components/Homepage/MoveAndTransform/index.tsx @@ -26,7 +26,7 @@ const MoveAndTransform = () => {

Integrate with millisecond latency for an exact view of your - data to power analytics, operations and AI. + data to power analytics, operations and AI

diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 6b85fb95..c7eae08c 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -35,15 +35,8 @@ const IndexPage = () => { href={dashboardRegisterUrl} target="_blank" > - Try Now + Try Now For Free - - Watch Demo - Date: Wed, 22 Jan 2025 17:06:56 -0300 Subject: [PATCH 3/4] Make ANYWHERE blue --- .../Homepage/BuildInMinutes/index.tsx | 3 +- .../Homepage/DeploymentModes/index.tsx | 2 +- src/components/Homepage/Hero/index.tsx | 9 ++- .../Homepage/MoveAndTransform/index.tsx | 4 +- .../MoveAndTransform/styles.module.less | 64 ------------------- src/components/SecurityCertificates/index.tsx | 2 +- src/pages/index.tsx | 3 +- 7 files changed, 12 insertions(+), 75 deletions(-) diff --git a/src/components/Homepage/BuildInMinutes/index.tsx b/src/components/Homepage/BuildInMinutes/index.tsx index 3a3cf7ce..5d35b50a 100644 --- a/src/components/Homepage/BuildInMinutes/index.tsx +++ b/src/components/Homepage/BuildInMinutes/index.tsx @@ -14,7 +14,8 @@ const BuildInMinutes = () => { in minutes

- Eliminate data silos, streamline workflows, and accelerate operations + Eliminate data silos, streamline workflows, and + accelerate operations

diff --git a/src/components/Homepage/DeploymentModes/index.tsx b/src/components/Homepage/DeploymentModes/index.tsx index 036e8c20..05ee097e 100644 --- a/src/components/Homepage/DeploymentModes/index.tsx +++ b/src/components/Homepage/DeploymentModes/index.tsx @@ -2,7 +2,7 @@ import { defaultWrapperGrey } from '../../../globalStyles/wrappers.module.less'; import DeploymentOptions from '../../DeploymentOptions'; const optionsDescription = { - public: "Our standard option, fully managed for quick, hassle-free setup", + public: 'Our standard option, fully managed for quick, hassle-free setup', private: 'Enhanced security by hosting Estuary within a private network', byoc: 'Deploy Estuary on your cloud infrastructure for complete control', }; diff --git a/src/components/Homepage/Hero/index.tsx b/src/components/Homepage/Hero/index.tsx index 17aa9b18..e35b72bc 100644 --- a/src/components/Homepage/Hero/index.tsx +++ b/src/components/Homepage/Hero/index.tsx @@ -19,9 +19,12 @@ const Hero = () => {
- YOUR DATA.
ANYTIME, ANYWHERE. - + <> + + YOUR DATA.
ANYTIME, +
{' '} + ANYWHERE. + } description="Secure data integration with Estuary Flow - the enterprise data movement platform for real-time streaming and batch processing." ctaButtons={} diff --git a/src/components/Homepage/MoveAndTransform/index.tsx b/src/components/Homepage/MoveAndTransform/index.tsx index d8fa1ee4..e1fb890a 100644 --- a/src/components/Homepage/MoveAndTransform/index.tsx +++ b/src/components/Homepage/MoveAndTransform/index.tsx @@ -10,8 +10,6 @@ import TransformIcon from '../../../svgs/homepage/transform.svg'; import { container, header, - step, - steps, mobileImage, diagram, card, @@ -26,7 +24,7 @@ const MoveAndTransform = () => {

Integrate with millisecond latency for an exact view of your - data to power analytics, operations and AI + data to power analytics, operations and AI.

diff --git a/src/components/Homepage/MoveAndTransform/styles.module.less b/src/components/Homepage/MoveAndTransform/styles.module.less index 64da1c77..145e1e7a 100644 --- a/src/components/Homepage/MoveAndTransform/styles.module.less +++ b/src/components/Homepage/MoveAndTransform/styles.module.less @@ -54,70 +54,6 @@ } } -.steps { - display: flex; - gap: 32px; - - @media (max-width: 1115px) { - flex-direction: column; - } -} - -.step { - display: flex; - flex-direction: column; - gap: 16px; - width: 33%; - border: 4px dotted var(--border-color); - border-radius: 16px; - padding: 16px; - position: relative; - width: 100%; - - h3 { - font-size: 1.25rem; - font-weight: 700; - line-height: 24px; - color: var(--grey); - text-transform: uppercase; - margin: 0; - - span { - color: var(--violet); - margin-right: 16px; - - @media (max-width: 810px) { - margin-right: 12px; - } - } - - @media (max-width: 810px) { - font-size: 1rem; - line-height: 19.2px; - } - } - - p { - font-size: 1rem; - font-weight: 400; - line-height: 30px; - color: var(--grey); - margin: 0; - } -} - -.StepIconWrapper { - border: 1px solid var(--border-color); - border-radius: 8px; - padding: 12px; - height: fit-content; - - svg { - display: block; - color: var(--grey); - } -} - .desktopDiagramWrapper { display: grid; grid-template-columns: 1fr 1.5fr 1fr; diff --git a/src/components/SecurityCertificates/index.tsx b/src/components/SecurityCertificates/index.tsx index dcc34fed..bb6689dc 100644 --- a/src/components/SecurityCertificates/index.tsx +++ b/src/components/SecurityCertificates/index.tsx @@ -57,7 +57,7 @@ const SecurityCertificates = ({ { id: 16, title: 'SOC 2 Type II certified', - } + }, ]} isDarkTheme={isDarkTheme} ctaButtons={ diff --git a/src/pages/index.tsx b/src/pages/index.tsx index c7eae08c..789bb54d 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -12,9 +12,8 @@ import WhatPeopleAreSaying from '../components/Homepage/WhatPeopleAreSaying'; import DeploymentModes from '../components/Homepage/DeploymentModes'; import SeeHowSection from '../components/SeeHowSection'; import OutboundLinkFilled from '../components/LinksAndButtons/OutboundLinkFilled'; -import OutboundLinkOutlined from '../components/LinksAndButtons/OutboundLinkOutlined'; import LinkOutlined from '../components/LinksAndButtons/LinkOutlined'; -import { dashboardRegisterUrl, webinarsUrl } from '../../shared'; +import { dashboardRegisterUrl } from '../../shared'; const IndexPage = () => { return ( From 698d039378b4e7314f37042888a36d02a87f0ca2 Mon Sep 17 00:00:00 2001 From: Breno Date: Wed, 22 Jan 2025 18:34:50 -0300 Subject: [PATCH 4/4] Adapt diagram to new texts --- .../Homepage/MoveAndTransform/index.tsx | 16 +-- .../MoveAndTransform/styles.module.less | 114 ++++++------------ 2 files changed, 48 insertions(+), 82 deletions(-) diff --git a/src/components/Homepage/MoveAndTransform/index.tsx b/src/components/Homepage/MoveAndTransform/index.tsx index 41f366c2..d6097fcd 100644 --- a/src/components/Homepage/MoveAndTransform/index.tsx +++ b/src/components/Homepage/MoveAndTransform/index.tsx @@ -16,11 +16,11 @@ import { diagram, card, analytics, - ops, + operations, ai, - realTime, - batch, - saas, + realTimeStreams, + filesAndDatabases, + appsAndCloudServices, storeAndTransform, firstColumnHeading, secondColumnHeading, @@ -43,15 +43,15 @@ const MoveAndTransform = () => { Connect to Any Data Source

Put Your Data to Work

-
+
Real-time Streams
-
+
Files & Databases
-
+
Apps & Cloud Services
@@ -59,7 +59,7 @@ const MoveAndTransform = () => { Analytics
-
+
Operations
diff --git a/src/components/Homepage/MoveAndTransform/styles.module.less b/src/components/Homepage/MoveAndTransform/styles.module.less index 57877003..30b8860b 100644 --- a/src/components/Homepage/MoveAndTransform/styles.module.less +++ b/src/components/Homepage/MoveAndTransform/styles.module.less @@ -44,7 +44,6 @@ font-weight: 400; line-height: 30px; text-align: center; - max-width: 75%; margin: 24px 0 0 0; color: var(--dark-blue); @@ -142,7 +141,7 @@ position: absolute; z-index: 1; text-align: center; - top: 2.125vw; + top: 2.8vw; font-size: 1.085vw; line-height: 1.275vw; @@ -154,102 +153,81 @@ } .firstColumnHeading { - left: 3.5vw; + left: 1.8vw; @media (min-width: 1601px) { - left: 65px; + top: 45px; + left: 38px; } - + @media (max-width: 768px) { - top: 6vw; - left: 24vw; + top: 2%; + left: 24%; font-size: 3vw; line-height: 3.5vw; } - - @media (max-width: 425px) { - top: 7.5vw; - left: 28vw; - } } - + .secondColumnHeading { - right: 5.5vw; - + top: 2vw; + right: 3.5vw; + @media (min-width: 1601px) { - right: 94px; + top: 36px; + right: 64px; } - + @media (max-width: 768px) { - top: 287vw; - left: 6vw; + top: 75.3%; + left: 6%; font-size: 3vw; line-height: 3.5vw; } - - @media (max-width: 425px) { - top: 75.3%; - } } } -.realTime { +.realTimeStreams { top: 8.5vw; - left: 6.5vw; + left: 4.2vw; @media (min-width: 1601px) { - top: 140px; - left: 105px; + top: 130px; + left: 75px; } @media (max-width: 768px) { - top: 22vw; - left: 32vw; - } - - @media (max-width: 425px) { - top: 5.8%; - left: 36vw; + top: 5.5%; + left: 30%; } } -.batch { +.filesAndDatabases { top: 20vw; - left: 7.5vw; + left: 4.2vw; @media (min-width: 1601px) { top: 320px; - left: 120px; + left: 75px; } @media (max-width: 768px) { - top: 49vw; - left: 35vw; - } - - @media (max-width: 425px) { - top: 12.8%; - left: 39vw; + top: 13%; + left: 30%; } } -.saas { +.appsAndCloudServices { top: 30.5vw; - left: 7.5vw; + left: 2.8vw; @media (min-width: 1601px) { top: 495px; - left: 120px; + left: 56px; } @media (max-width: 768px) { - top: 76vw; - left: 35vw; - } - - @media (max-width: 425px) { top: 19.8%; - left: 39.5vw; + left: 25%; } } @@ -263,31 +241,23 @@ } @media (max-width: 768px) { - top: 301vw; - left: 8vw; - } - - @media (max-width: 425px) { - top: 79%; + top: 78.7%; + left: 10%; } } -.ops { +.operations { top: 19vw; - right: 8vw; + right: 6vw; @media (min-width: 1601px) { top: 310px; - right: 130px; + right: 100px; } @media (max-width: 768px) { - top: 329vw; - left: 9vw; - } - - @media (max-width: 425px) { - top: 86.5%; + top: 86%; + left: 10%; } } @@ -301,12 +271,8 @@ } @media (max-width: 768px) { - top: 357vw; - left: 9vw; - } - - @media (max-width: 425px) { top: 93.5%; + left: 10%; } } @@ -334,4 +300,4 @@ top: 50.5%; gap: 8px; } -} +} \ No newline at end of file