diff --git a/src/components/Homepage/BuildInMinutes/index.tsx b/src/components/Homepage/BuildInMinutes/index.tsx index ef76ab8d..5d35b50a 100644 --- a/src/components/Homepage/BuildInMinutes/index.tsx +++ b/src/components/Homepage/BuildInMinutes/index.tsx @@ -9,12 +9,13 @@ 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/DeploymentModes/index.tsx b/src/components/Homepage/DeploymentModes/index.tsx index ba0a593b..05ee097e 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 213c2a78..5f3f64e0 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..e35b72bc 100644 --- a/src/components/Homepage/Hero/index.tsx +++ b/src/components/Homepage/Hero/index.tsx @@ -19,11 +19,14 @@ const Hero = () => {
- YOUR DATA.
ANYTIME, ANYWHERE. - + <> + + 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 +38,8 @@ const Hero = () => {
    - - + +
diff --git a/src/components/Homepage/MoveAndTransform/index.tsx b/src/components/Homepage/MoveAndTransform/index.tsx index d49f6cdd..d6097fcd 100644 --- a/src/components/Homepage/MoveAndTransform/index.tsx +++ b/src/components/Homepage/MoveAndTransform/index.tsx @@ -11,18 +11,16 @@ import TransformIcon from '../../../svgs/homepage/transform.svg'; import { container, header, - step, - steps, desktopImage, mobileImage, diagram, card, analytics, - ops, + operations, ai, - realTime, - batch, - saas, + realTimeStreams, + filesAndDatabases, + appsAndCloudServices, storeAndTransform, firstColumnHeading, secondColumnHeading, @@ -37,43 +35,33 @@ 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 + Connect to Any Data Source

-

Activate Data

-
+

Put Your Data to Work

+
- Real-time + Real-time Streams
-
+
- Batch + Files & Databases
-
+
- Saas + Apps & Cloud Services
Analytics
-
+
- Ops + Operations
diff --git a/src/components/Homepage/MoveAndTransform/styles.module.less b/src/components/Homepage/MoveAndTransform/styles.module.less index e20c137a..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); @@ -54,70 +53,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; @@ -206,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; @@ -218,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%; } } @@ -327,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%; } } @@ -365,12 +271,8 @@ } @media (max-width: 768px) { - top: 357vw; - left: 9vw; - } - - @media (max-width: 425px) { top: 93.5%; + left: 10%; } } @@ -398,4 +300,4 @@ top: 50.5%; gap: 8px; } -} +} \ No newline at end of file diff --git a/src/components/SecurityCertificates/index.tsx b/src/components/SecurityCertificates/index.tsx index 70142ae3..bb6689dc 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}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 6b85fb95..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 ( @@ -35,15 +34,8 @@ const IndexPage = () => { href={dashboardRegisterUrl} target="_blank" > - Try Now + Try Now For Free - - Watch Demo -